@font-face{font-family:VSInter;src:url('/fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:VSInter;src:url('/fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--bg:#08090b;--panel:#0e1014;--line:#24262d;--text:#f1eee8;--muted:#aaa9ae;--red:#ff535d;--purple:#b98bff;--blue:#6da1ff;--green:#9fc5a4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:VSInter,Inter,Arial,sans-serif}a{color:inherit}.deep-header{height:68px;padding:0 clamp(24px,4.5vw,74px);display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);background:rgba(7,8,10,.96);position:sticky;top:0;z-index:50}.deep-header>a:first-child img{width:188px;height:auto;display:block}.deep-header nav{display:flex;gap:28px;margin-left:auto}.deep-header nav a,.deep-header>a:last-child{text-decoration:none;color:#b5b5bc;font-size:11px;font-weight:700;letter-spacing:.12em}.deep-header nav a:hover,.deep-header>a:last-child:hover{color:#fff}.deep-header>a:last-child{margin-left:30px}.page-kicker{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--red);margin:0 0 15px}.page-kicker.purple{color:var(--purple)}.page-kicker.blue{color:var(--blue)}

/* Story page */
.story-hero{min-height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:stretch;border-bottom:1px solid var(--line);background:radial-gradient(circle at 16% 35%,rgba(152,93,255,.1),transparent 30%),#08090b}.story-hero-copy{padding:clamp(70px,8vw,130px) clamp(30px,6vw,95px);display:flex;flex-direction:column;justify-content:center}.story-hero h1{font-size:clamp(74px,8.4vw,138px);line-height:.86;letter-spacing:-.07em;margin:0 0 30px;max-width:6ch}.story-hero .deck{font-size:clamp(18px,1.5vw,23px);line-height:1.55;color:#bbb9be;max-width:31ch;margin:0}.story-hero .byline{margin-top:34px;color:#777981;font-size:12px}.story-hero figure{margin:0;position:relative;min-height:640px;overflow:hidden}.story-hero figure img{width:100%;height:100%;object-fit:cover;display:block}.story-hero figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090b 0,transparent 16%),linear-gradient(0deg,#08090b 0,transparent 26%)}.story-hero figcaption{position:absolute;bottom:24px;left:34px;z-index:2;color:#a6a4aa;font-size:12px}
.story-chapter{max-width:1500px;margin:0 auto;padding:clamp(74px,9vw,150px) clamp(24px,5vw,82px);border-bottom:1px solid var(--line)}.story-split{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(340px,.95fr);gap:clamp(42px,7vw,110px);align-items:center}.story-split.reverse{grid-template-columns:minmax(340px,.95fr) minmax(420px,1.05fr)}.story-split.reverse .story-media{order:2}.story-media{margin:0;overflow:hidden;border:1px solid #2a2c33;background:#050607}.story-media img{display:block;width:100%;height:auto}.story-media figcaption{padding:11px 14px;color:#81838c;font-size:11px}.story-copy h2{font-size:clamp(46px,5.3vw,86px);letter-spacing:-.06em;line-height:.94;margin:0 0 25px}.story-copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.68;color:#b5b3b8;max-width:56ch;margin:0 0 18px}.story-copy .story-lead{color:#efede8;font-size:clamp(19px,1.55vw,24px);line-height:1.5}.memory-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}.memory-strip article{background:#0c0e12;padding:26px}.memory-strip small{color:var(--red);font-size:9px;letter-spacing:.16em}.memory-strip strong{font-size:20px;display:block;margin:12px 0 9px}.memory-strip p{font-size:13px;color:#92939a;line-height:1.55;margin:0}.cover-room{max-width:none;padding-left:4vw;padding-right:4vw;background:#060708}.cover-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.cover-head h2{font-size:clamp(44px,5vw,78px);line-height:.95;letter-spacing:-.055em;margin:0}.cover-head p{color:#8c8d94;max-width:34ch;font-size:15px;line-height:1.55}.covers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.5vw,40px);align-items:end}.covers figure{margin:0}.covers img{width:100%;display:block;box-shadow:0 32px 70px rgba(0,0,0,.45)}.covers figcaption{font-size:11px;color:#777981;padding-top:12px}.story-quote{min-height:62vh;display:grid;place-items:center;text-align:center;padding:10vh 6vw;border-bottom:1px solid var(--line);background:#090a0c}.story-quote blockquote{margin:0;max-width:24ch;font-size:clamp(42px,5.5vw,86px);font-weight:600;line-height:1.05;letter-spacing:-.055em;position:relative}.story-quote blockquote:before,.story-quote blockquote:after{color:var(--red);font-size:.7em}.story-quote blockquote:before{content:'“';margin-right:.12em}.story-quote blockquote:after{content:'”';margin-left:.12em}
.cinemaos-zone{max-width:1500px;margin:auto;padding:clamp(76px,9vw,144px) clamp(24px,5vw,82px);display:grid;grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);gap:28px;align-items:stretch;border-bottom:1px solid var(--line)}.cinemaos-poster{border:1px solid #2d4166;background:#03060a;display:flex;align-items:center;justify-content:center;padding:30px}.cinemaos-poster img{max-width:100%;max-height:820px;display:block}.cinemaos-copy{background:linear-gradient(145deg,#112342,#0c1830);border:1px solid #2d4c82;padding:clamp(40px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.cinemaos-copy h2{font-size:clamp(52px,6vw,94px);letter-spacing:-.065em;line-height:.92;margin:14px 0 28px}.cinemaos-copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.65;color:#c0c9da;max-width:56ch}.cinemaos-copy strong{display:block;margin-top:24px;padding-top:24px;border-top:1px solid #41608e;color:#eef4ff;line-height:1.5;font-size:17px}.screen-zone{padding:clamp(80px,9vw,150px) 4vw;background:#050608;border-bottom:1px solid var(--line)}.screen-wrap{max-width:1500px;margin:auto}.screen-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end;margin-bottom:34px}.screen-head h2{font-size:clamp(46px,5.3vw,84px);letter-spacing:-.06em;line-height:.95;margin:0}.screen-head p{color:#a8a8ae;font-size:17px;line-height:1.6;max-width:56ch;margin:0}.tv{background:radial-gradient(circle at 50% 20%,rgba(70,103,171,.24),transparent 42%),#0b0d12;border:1px solid #20242d;padding:clamp(18px,2.5vw,36px);box-shadow:0 36px 100px rgba(0,0,0,.45)}.tv-screen{border:14px solid #101319;border-radius:12px;background:#000;overflow:hidden}.tv-screen img{width:100%;display:block}.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.platforms span{border:1px solid #252934;color:#b8bbc4;padding:9px 12px;font-size:11px;letter-spacing:.06em;background:#0a0c10}.story-ending{max-width:1500px;margin:auto;padding:clamp(70px,8vw,130px) clamp(24px,5vw,82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(48px,7vw,105px)}.story-ending figure{margin:0;border:1px solid #26282e}.story-ending img{display:block;width:100%}.story-ending h2{font-size:clamp(56px,6vw,100px);line-height:.9;letter-spacing:-.067em;margin:12px 0 32px;max-width:10ch}.story-ending p{color:#a9a9af;line-height:1.65;font-size:17px;max-width:45ch}.cta-red{display:inline-flex;margin-top:18px;background:var(--red);color:#090a0c;text-decoration:none;font-weight:700;padding:17px 22px;border-radius:8px}.page-footer{border-top:1px solid var(--line);padding:24px 5vw;display:flex;justify-content:space-between;color:#686a71;font-size:10px;letter-spacing:.14em}.page-footer a{text-decoration:none;color:#8b8d95}

/* GRAiL page */
.grail-hero{min-height:calc(100vh - 68px);position:relative;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);overflow:hidden}.grail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.grail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090b 1%,rgba(8,9,11,.18) 52%,rgba(8,9,11,.14)),linear-gradient(90deg,rgba(8,9,11,.84),transparent 64%)}.grail-hero-copy{position:relative;z-index:2;padding:0 6vw 7vw;max-width:1100px}.grail-hero h1{font-size:clamp(74px,8vw,132px);letter-spacing:-.07em;line-height:.84;margin:0;max-width:9ch}.grail-hero .page-kicker{color:var(--purple)}.grail-block{max-width:1450px;margin:auto;padding:clamp(78px,9vw,145px) clamp(24px,5vw,80px);border-bottom:1px solid var(--line)}.grail-block h2{font-size:clamp(48px,5.5vw,88px);letter-spacing:-.06em;line-height:.95;margin:0 0 28px}.grail-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,110px);align-items:start}.grail-intro-grid>p{font-size:clamp(20px,1.7vw,28px);line-height:1.5;color:#d3d1d0;margin:0}.grail-copy p{font-size:16px;line-height:1.68;color:#aeacb1;margin:0 0 18px}.grail-copy a{text-decoration-color:#666;text-underline-offset:4px}.grail-copy .manifesto{color:#fff;font-size:clamp(24px,2.4vw,36px);font-weight:600;letter-spacing:-.03em;margin-top:30px}.grail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:45px}.grail-facts article{background:#0c0e12;padding:24px}.grail-facts small{color:#8d8f97;font-size:9px;letter-spacing:.14em}.grail-facts strong{display:block;margin-top:9px;font-size:18px}.ip-stage{display:grid;grid-template-columns:1.07fr .93fr;gap:0;border:1px solid #262a33;background:#101115}.ip-stage figure{margin:0;position:relative;min-height:620px;overflow:hidden}.ip-stage figure img{width:100%;height:100%;object-fit:cover;display:block}.ip-stage figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 64%,#101115)}.ip-stage-copy{padding:clamp(40px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.ip-stage-copy h2{font-size:clamp(50px,5vw,80px)}.ip-stage-copy p{font-size:16px;color:#b1afb5;line-height:1.68}.proof-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.proof{border:1px solid #2a2c32;background:#0b0d10;padding:20px}.proof small{font-size:9px;letter-spacing:.13em;color:var(--red)}.proof strong{display:block;font-size:20px;margin:8px 0 7px}.proof p{font-size:13px;margin:0;color:#8f9098}.bloodline{margin-top:32px;color:var(--red);font-size:clamp(22px,2.3vw,34px);line-height:1.4;font-weight:600;max-width:37ch}.roster-zone{background:#060708;min-height:75vh;display:grid;place-items:center;text-align:center;padding:10vh 5vw;border-bottom:1px solid var(--line)}.roster-inner{max-width:1100px}.roster-zone h2{font-size:clamp(46px,5vw,78px);letter-spacing:-.055em;margin:0 0 28px}.roster-zone p{color:#999ba2;font-size:17px;line-height:1.65;max-width:60ch;margin:0 auto}.roster-beat{margin:48px auto!important;color:#fff!important;font-size:clamp(34px,4vw,62px)!important;line-height:1.04!important;font-weight:600;letter-spacing:-.05em}.roster-beat span{display:block}.roster-beat .cinema{color:var(--purple);margin-top:8px}.distribution-zone{max-width:1450px;margin:auto;padding:clamp(72px,8vw,120px) clamp(24px,5vw,80px)}.distribution-cards{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.dist-card{padding:clamp(32px,4vw,58px);background:#0d0f12}.dist-card+ .dist-card{border-left:1px solid var(--line)}.dist-card img{height:34px;max-width:200px;object-fit:contain;object-position:left center;margin-bottom:34px}.dist-card h3{font-size:clamp(42px,4.5vw,68px);letter-spacing:-.055em;margin:0}.dist-card .loc{font-size:10px;letter-spacing:.17em;color:#81838a;margin:8px 0 28px}.dist-card ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.dist-card li{padding:13px 0;border-bottom:1px solid var(--line);color:#a8a9af}.dist-card .cta-red,.dist-card .cta-outline{margin-top:28px}.cta-outline{display:inline-flex;color:#ddd;text-decoration:none;border:1px solid #30333a;padding:16px 20px;font-weight:700;border-radius:8px}.grail-final-note{font-size:clamp(28px,3vw,46px);line-height:1.25;letter-spacing:-.04em;max-width:28ch;margin:0 0 35px}
@media(max-width:950px){.deep-header nav{display:none}.deep-header>a:last-child{margin-left:auto}.story-hero{grid-template-columns:1fr}.story-hero figure{min-height:48vh}.story-split,.story-split.reverse,.cinemaos-zone,.story-ending,.grail-intro-grid,.ip-stage{grid-template-columns:1fr}.story-split.reverse .story-media{order:0}.memory-strip,.grail-facts{grid-template-columns:1fr 1fr}.cinemaos-poster{min-height:640px}.screen-head{grid-template-columns:1fr}.distribution-cards{grid-template-columns:1fr}.dist-card+ .dist-card{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.deep-header{height:58px;padding:0 18px}.deep-header>a:first-child img{width:148px}.deep-header>a:last-child{font-size:9px}.story-hero h1,.grail-hero h1{font-size:64px}.story-hero-copy{padding:64px 22px}.story-chapter,.cinemaos-zone,.story-ending,.grail-block,.distribution-zone{padding-left:20px;padding-right:20px}.memory-strip,.grail-facts,.proof-row,.covers{grid-template-columns:1fr}.cover-head{display:block}.cover-head p{margin-top:16px}.story-quote blockquote{font-size:42px}.cinemaos-copy{padding:32px 24px}.cinemaos-poster{min-height:0;padding:16px}.grail-hero-copy{padding:0 22px 54px}.dist-card{padding:30px 24px}.page-footer{padding:20px;gap:12px;flex-direction:column}}
/* FINAL CINEMATIC PAGE POLISH — 2026-09-29 */
.story-hero figure{background:#08090b;display:grid;place-items:center}
.story-hero figure img{width:94%;height:94%;object-fit:contain;object-position:center;display:block}
.story-quote{min-height:48vh;padding:7vh 6vw}
.story-quote blockquote{font-size:clamp(34px,4.1vw,62px);max-width:27ch;line-height:1.08}
.grail-hero-copy{max-width:1250px;padding-left:5.5vw}
.grail-hero h1{font-size:clamp(56px,6.1vw,96px);line-height:.92;max-width:14ch;text-align:left}
.grail-copy .manifesto{display:none}
.ip-stage figure img{object-position:center center}
.roster-beat{font-size:clamp(30px,3.25vw,50px)!important;line-height:1.08!important}
.distribution-zone>.page-kicker{margin-bottom:20px}
.grail-final-note{display:none}
@media(max-width:620px){.story-hero figure img{width:100%;height:100%;object-fit:contain}.story-quote blockquote{font-size:34px}.grail-hero h1{font-size:52px;max-width:12ch}}

/* 2026-09-29 final GRAiL copy/layout pass */
.grail-intro-grid h2{font-size:clamp(38px,4.2vw,64px)!important;line-height:1.02!important;max-width:15ch!important}
.distribution-tagline{font-size:clamp(38px,4.2vw,64px);line-height:.98;letter-spacing:-.055em;margin:0 0 34px;max-width:14ch;color:#f2eee7}
@media(max-width:620px){.distribution-tagline{font-size:40px;margin-bottom:26px}.grail-intro-grid h2{font-size:40px}}

/* GRAIL final line/spacing pass — 2026-09-30 */
.deep-header{justify-content:space-between}
.deep-header>a:last-child{margin-left:auto}
.grail-hero h1 span,.distribution-tagline span{display:block;white-space:nowrap}
.grail-hero h1{max-width:none!important;width:max-content}
.grail-intro-grid{align-items:center!important}
.grail-copy{align-self:center}
.distribution-tagline{max-width:none!important;width:max-content}
@media(max-width:1100px){
  .grail-hero h1 span,.distribution-tagline span{white-space:normal}
  .grail-hero h1{width:auto}
  .distribution-tagline{width:auto}
}

/* FINAL STORY TYPOGRAPHY PASS */
.story-hero h1{font-size:clamp(56px,6.1vw,96px)!important;line-height:.92!important;max-width:none!important;letter-spacing:-.065em!important}
.story-hero h1 span{display:block;white-space:nowrap}
.story-quote blockquote{font-size:clamp(32px,3.6vw,54px)!important;max-width:31ch!important;line-height:1.1!important}
@media(max-width:620px){.story-hero h1{font-size:52px!important}.story-hero h1 span{white-space:normal}.story-quote blockquote{font-size:32px!important;max-width:28ch!important}}

/* FINAL PREQUEL HERO OVERLAY + MODAL RETURN FIX — 2026-09-30 */
.story-hero{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  min-height:calc(100vh - 68px)!important;
  overflow:hidden!important;
  background:#08090b!important;
}
.story-hero figure{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  z-index:0!important;
  display:block!important;
  background:#08090b!important;
}
.story-hero figure img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.story-hero figure:after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(8,9,11,.98) 0%,rgba(8,9,11,.88) 28%,rgba(8,9,11,.58) 48%,rgba(8,9,11,.18) 72%,rgba(8,9,11,.12) 100%),
    linear-gradient(0deg,rgba(8,9,11,.72) 0%,rgba(8,9,11,.12) 42%,rgba(8,9,11,.18) 100%)!important;
  pointer-events:none!important;
}
.story-hero-copy{
  position:relative!important;
  z-index:3!important;
  width:min(860px,62vw)!important;
  padding:clamp(82px,9vw,145px) clamp(30px,6vw,95px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.story-hero figcaption{
  z-index:3!important;
  left:auto!important;
  right:34px!important;
  bottom:24px!important;
  color:rgba(255,255,255,.58)!important;
}
@media(max-width:950px){
  .story-hero{min-height:82vh!important}
  .story-hero-copy{width:min(760px,84vw)!important}
  .story-hero figure img{object-position:58% center!important}
  .story-hero figure:after{background:linear-gradient(90deg,rgba(8,9,11,.97) 0%,rgba(8,9,11,.8) 50%,rgba(8,9,11,.3) 100%),linear-gradient(0deg,rgba(8,9,11,.68),rgba(8,9,11,.08) 55%)!important}
}
@media(max-width:620px){
  .story-hero{min-height:760px!important}
  .story-hero-copy{width:100%!important;padding:80px 22px 76px!important;justify-content:flex-end!important}
  .story-hero figure img{object-position:62% center!important}
  .story-hero figure:after{background:linear-gradient(0deg,rgba(8,9,11,.98) 0%,rgba(8,9,11,.82) 40%,rgba(8,9,11,.28) 76%,rgba(8,9,11,.18) 100%)!important}
  .story-hero figcaption{right:18px!important;bottom:14px!important}
}