/* Moved out of research/gen-showcase.mjs (BP_CSS) on 2026-09-14 so pages share one cached file instead of repeating it inline. */
.bp-hero{display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:center;padding:24px 0 8px}
.bp-eyebrow{color:var(--blue-lit);font-family:var(--display);text-transform:uppercase;font-size:.76rem;letter-spacing:.14em;margin:0 0 8px}
.bp-hero h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,4vw,3.2rem);line-height:.98;margin:0}
.bp-desc{color:#dfe5ef;font-size:1.05rem;line-height:1.5;margin:16px 0 0;max-width:48ch}
.bp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.bp-chips li{background:var(--panel);border:1px solid rgba(53,64,127,.55);border-radius:999px;padding:7px 13px;font-family:var(--display);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;color:#dfe5ef}
.bp-quote{margin:20px 0 0;border-left:3px solid var(--amber);padding-left:14px}
.bp-quote p{margin:0;color:#fff;font-size:1.05rem;line-height:1.45}.bp-quote footer{color:var(--blue-lit);font-family:var(--display);text-transform:uppercase;font-size:.76rem;margin-top:6px}
.bp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.bp-media{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5);aspect-ratio:19/18}
.bp-media img{width:100%;height:100%;object-fit:contain;background:#0c101c;display:block}
.bp-sec{padding:40px 0 4px;border-top:1px solid rgba(53,64,127,.3);margin-top:32px}
.bp-kick{color:var(--blue-lit);font-family:var(--display);text-transform:uppercase;font-size:.78rem;letter-spacing:.14em;margin-bottom:8px}
.bp-sec h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.4rem,2.8vw,1.9rem);margin:0 0 16px}
.bp-story p{color:#cfd6e6;font-size:1.02rem;line-height:1.65;margin:0 0 12px;max-width:70ch}
.bp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.bp-shot{position:relative;border:1px solid rgba(53,64,127,.4);border-radius:10px;overflow:hidden;background:#0c101c}
.bp-shot img{width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;background:#0c101c;display:block}
.bp-shot.gfx img{object-fit:contain;object-position:center;background:radial-gradient(ellipse at 50% 60%,#141a2e,#0d0f18)}
.bp-shot figcaption{position:absolute;left:0;bottom:0;right:0;padding:16px 12px 8px;background:linear-gradient(0deg,rgba(6,8,13,.85),transparent);font-family:var(--display);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;color:#dfe5ef}
.bp-reveal{position:relative;border-radius:12px;overflow:hidden;background:#000;max-width:820px;max-width:min(820px,calc(78vh * var(--ar,1.7778)))}
.bp-reveal img{width:100%;height:auto;aspect-ratio:var(--ar,16/9);object-fit:cover;display:block}
.bp-reveal video{width:100%;display:block;max-height:82vh;background:#000}
.bp-playbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-decoration:none}
.bp-rel{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bp-next{max-width:1180px;margin:0 auto;padding:0 5vw 3rem}
.bp-next a{display:flex;align-items:center;gap:16px;border:1px solid var(--indigo);border-radius:10px;background:var(--panel);
  padding:20px 24px;text-decoration:none;color:inherit;transition:border-color .12s,transform .12s}
.bp-next a:hover,.bp-next a:focus-visible{border-color:var(--blue);transform:translateY(-2px)}
.bp-next-lbl{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--blue-lit)}
.bp-next-name{font-family:var(--display);text-transform:uppercase;font-size:1rem;color:var(--text);flex:1}
.bp-next-go{font-size:1.3rem;color:var(--blue-lit)}
@media(max-width:640px){.bp-next a{flex-wrap:wrap;gap:6px}.bp-next-name{flex-basis:100%}}
.bp-relcard{background:var(--panel);border:1px solid rgba(53,64,127,.45);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .12s,transform .12s}
.bp-relcard:hover{border-color:var(--blue);transform:translateY(-2px)}
.bp-relcard .ph{position:relative;aspect-ratio:4/5;background:#0c101c;overflow:hidden}.bp-relcard .ph::before{content:"";position:absolute;inset:-8%;background:var(--ph) center/cover no-repeat;filter:blur(18px) saturate(.7) brightness(.45)}.bp-relcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.bp-relcard .ph,.bp-relcard .b{display:block}.bp-relcard .b{padding:10px 12px 12px}.bp-relcard b{display:block;font-family:var(--display);text-transform:uppercase;font-size:.8rem;line-height:1.15}.bp-relcard .b span{color:var(--muted);font-size:.78rem}
.bp-final{margin-top:36px;text-align:center;background:var(--panel);border:1px solid rgba(53,64,127,.5);border-radius:12px;padding:36px 20px}
.bp-final h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 16px}
.bp-final .btn-coin{text-decoration:none;display:inline-block}
.bp-final-cab{max-width:62ch;margin:0 auto 20px;color:#cfd6e6;line-height:1.55}
.bp-back{margin:0 0 4px}.bp-back a{color:var(--blue-lit);text-decoration:none;font-family:var(--display);text-transform:uppercase;font-size:.76rem}
@media(max-width:900px){
  .bp-hero{grid-template-columns:1fr;gap:20px}
  .bp-media{aspect-ratio:4/5}
  .bp-rel{grid-template-columns:repeat(2,1fr)}
  .bp-grid{grid-template-columns:1fr 1fr}
}