:root{--bg:#090a10;--paper:#f8f0e3;--gold:#efc366;--red:#bf2524;--muted:#c8c4c0;--pad:clamp(24px,6vw,108px);--display:'Oswald','Arial Narrow',Impact,sans-serif;--body:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--paper);font-family:var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--red);color:#fff}.content-width{width:min(1600px,100%);margin-inline:auto;padding-inline:var(--pad)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-60px;left:20px;background:var(--gold);color:#111;padding:10px 16px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.read-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.site-header{position:absolute;z-index:40;top:0;left:0;right:0;height:98px;display:flex;align-items:center;gap:3rem;padding:0 var(--pad);border-bottom:1px solid #fff2;transition:background .35s,height .35s}.site-header.scrolled{position:fixed;height:76px;background:#090a10ef;backdrop-filter:blur(18px);border-color:#fff1}.brand{width:155px;flex:none}.brand img{width:100%;height:auto;filter:drop-shadow(0 2px 4px #000)}.site-nav{display:flex;gap:clamp(1.5rem,3vw,3.7rem);align-items:center;margin:auto}.site-nav a{position:relative;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}.site-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:right .25s}.site-nav a:hover:after{right:0}.coming-soon{font-family:var(--display);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--gold);display:flex;align-items:center;gap:.8rem}.coming-soon:before{content:'';display:block;width:25px;height:1px;background:var(--gold)}.menu-toggle{display:none}
.hero{height:100svh;min-height:700px;max-height:1200px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:-4%;z-index:-3;background:url('assets/storm.webp') center 44%/cover no-repeat;transform:scale(calc(1.035 + var(--hero-scale,0)));will-change:transform}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#05060c80 0%,#07080c0d 31%,#07080c4d 54%,#090a10 100%),linear-gradient(90deg,#07080c8f 0%,transparent 63%)}.hero-content{height:100%;padding-top:clamp(135px,16vh,210px);padding-bottom:clamp(40px,6vh,72px);display:flex;flex-direction:column;align-items:start}.hero-prelude,.eyebrow{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;font-weight:800;color:var(--gold)}.hero-prelude{display:flex;align-items:center;gap:1rem;text-shadow:0 2px 10px #000}.hairline{width:44px;height:1px;background:var(--gold)}.hero-title-art{width:min(760px,60vw);height:auto;max-height:40vh;object-fit:contain;object-position:left center;margin:0 0 0 -2.5rem;filter:drop-shadow(0 10px 24px #000b)}.hero-bottom{margin-top:auto;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.hero-intro{max-width:920px}.hero-type{font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 .9rem}.hero-type span{color:var(--red);margin:0 .45rem}.hero-intro p:last-child{font-family:var(--display);font-size:clamp(2rem,3.7vw,4.35rem);font-weight:600;line-height:1.08;text-transform:uppercase;letter-spacing:.005em;margin:0;text-shadow:0 3px 10px #000c}.text-link{display:flex;align-items:center;gap:1.3rem;text-transform:uppercase;white-space:nowrap;letter-spacing:.13em;font-size:.72rem;font-weight:800;border-bottom:1px solid var(--gold);padding-bottom:1rem;transition:color .2s,gap .2s}.text-link span{font-size:1.5rem;line-height:0;font-weight:400}.text-link:hover{color:var(--gold);gap:2rem}.hero-cta{margin-bottom:.6rem}.scroll-prompt{position:absolute;right:var(--pad);bottom:2rem;font-size:.59rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#fff9;display:flex;align-items:center;gap:.7rem}.scroll-prompt i{width:1px;height:35px;background:#ffffff91}
.scene{position:relative;isolation:isolate;overflow:hidden}.story{min-height:820px;display:flex;align-items:center;background:#0a090c}.story-art{position:absolute;z-index:-3;inset:-5% 0 -5% 42%;background:url('assets/threat.webp') 55% center/cover no-repeat;transform:scale(1.03)}.scene-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#0a090c 0%,#0a090cf2 31%,#0a090ca6 57%,#0a090c19 100%),linear-gradient(180deg,#090a10 0%,transparent 23%,transparent 75%,#090a10 100%)}.story-content{min-height:820px;display:flex;flex-direction:column;justify-content:space-between;padding-top:7rem;padding-bottom:7rem}.chapter-label{font-family:var(--display);font-size:1rem;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:1rem;color:#f5efe6}.chapter-label span{font-size:1.15rem;color:var(--gold)}.chapter-label:after{content:'';height:1px;width:50px;background:#fff6}.story-copy{max-width:640px}.story-copy h2,.heroes h2,.world h2,.format h2,.follow h2{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(3.5rem,6.6vw,8rem);line-height:1.06;letter-spacing:.005em;margin:1.3rem 0 1.7rem}.story-copy h2 em,.heroes h2 em,.world h2 em,.format h2 em,.follow h2 em{color:var(--gold);font-style:normal}.body-large{font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.7;color:#f2eee9}.body-small{font-size:.98rem;line-height:1.75;color:#d1c9c4;max-width:520px;margin-top:1.6rem}
.heroes{background:#080910;position:relative}.heroes-intro{padding-top:8rem;padding-bottom:5rem;background:radial-gradient(ellipse at 65% 80%,#57251f4a,transparent 45%)}.heroes-intro .eyebrow{margin:6rem 0 0}.heroes-intro h2{max-width:1050px;margin-bottom:1.5rem}.heroes-lead{font-size:1.12rem;color:#b8b7bd;line-height:1.6}.character-scroll{position:relative;display:flow-root}.character-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:#11101a}.stage-aurora{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 48%,#5c2c279c,transparent 47%),radial-gradient(ellipse at 90% 5%,#1b315573,transparent 45%),linear-gradient(100deg,#090a10 0%,#11121a 58%,#0c0b13 100%);transition:background 1s}.character-stage[data-active=fedor] .stage-aurora{background:radial-gradient(ellipse at 69% 42%,#791f1e9e,transparent 44%),radial-gradient(ellipse at 88% 8%,#d24a1a38,transparent 45%),linear-gradient(100deg,#090a10 0%,#141018 62%,#100b0d 100%)}.character-stage[data-active=katsuro] .stage-aurora{background:radial-gradient(ellipse at 68% 44%,#33396c9c,transparent 44%),radial-gradient(ellipse at 88% 10%,#662b6c50,transparent 48%),linear-gradient(100deg,#090a10 0%,#0d1020 62%,#0a0b13 100%)}.stage-floor{position:absolute;bottom:-18%;left:18%;width:105%;height:45%;background:radial-gradient(ellipse at center,#e9ab4950,transparent 60%);transform:rotate(-7deg);filter:blur(40px);opacity:.55}.stage-figure{position:absolute;z-index:2;right:clamp(3%,7vw,13%);bottom:-4%;height:96%;max-width:none;width:auto;object-fit:contain;opacity:0;transform:translateX(80px) scale(.92);filter:drop-shadow(0 30px 50px #0009);transition:opacity .75s,transform .9s cubic-bezier(.15,.7,.1,1)}.stage-figure.active{opacity:1;transform:translateX(0) scale(1)}.stage-fedor{height:104%;right:8%;bottom:-8%}.stage-katsuro{height:104%;right:8%;bottom:-8%}.stage-ghost{position:absolute;z-index:1;right:4%;top:10%;font-family:var(--display);font-size:clamp(16rem,37vw,45rem);font-weight:700;color:#ffffff07;line-height:1;letter-spacing:-.1em;pointer-events:none}.character-stage:after{content:'';position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,#090a10eb 0%,#090a10a1 34%,transparent 74%),linear-gradient(180deg,#090a10a8,transparent 25%,transparent 72%,#090a10 100%);pointer-events:none}.character-nav{position:sticky;z-index:15;top:43vh;margin-top:-48vh;margin-left:auto;margin-right:var(--pad);height:0;width:max-content;display:flex;flex-direction:column;gap:1.1rem;align-items:flex-end}.character-nav a{font-family:var(--display);font-size:.8rem;letter-spacing:.12em;color:#ffffff70;display:flex;align-items:center;gap:.7rem;transition:color .2s}.character-nav a span{font-family:var(--body);font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em;width:54px;text-align:left}.character-nav a:before{content:'';width:16px;height:1px;background:#ffffff5c;transition:width .2s,background .2s}.character-nav a.active{color:var(--gold)}.character-nav a.active:before{width:32px;background:var(--gold)}.character-beats{position:relative;z-index:5;margin-top:-100svh;pointer-events:none}.character-beat{min-height:100svh;display:flex;align-items:center;padding:8rem var(--pad);pointer-events:auto}.character-copy{width:min(520px,42vw);transform:translateY(30px);opacity:.45;transition:opacity .65s,transform .65s}.character-beat.active .character-copy{opacity:1;transform:translateY(0)}.character-number{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);display:flex;align-items:center;gap:1rem}.character-number i{display:block;width:32px;height:1px;background:var(--gold)}.character-copy h3{font-family:var(--display);font-size:clamp(6rem,13vw,15rem);line-height:1;text-transform:uppercase;font-weight:600;margin:.7rem 0 1.2rem;letter-spacing:-.02em}.character-copy p{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.7;max-width:480px;color:#e1dcd8;margin:0;text-shadow:0 2px 14px #000}
.world{min-height:860px;display:flex;align-items:center;background:#1a0f0e}.world-art{position:absolute;inset:-2%;z-index:-3;background:url('assets/world.webp') center/cover no-repeat}.world-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a090dcf 0%,#0a090dbd 30%,#0a090d2e 85%),linear-gradient(180deg,#090a10 0%,transparent 27%,transparent 70%,#090a10 100%)}.world-content{min-height:860px;padding-top:7rem;padding-bottom:7rem;display:flex;flex-direction:column;justify-content:space-between}.world-copy{max-width:680px}.world-copy h2{margin-bottom:2rem}.world-copy p:last-child{max-width:600px}
.format{background:linear-gradient(180deg,#090a10 0%,#15121b 40%,#090a10 100%);overflow:hidden}.format-inner{min-height:900px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:5vw;align-items:center;padding-top:7rem;padding-bottom:7rem}.format-copy{max-width:720px}.format-copy .eyebrow{margin-top:6rem}.format-copy p:last-child{max-width:580px}.vertical-frame{position:relative;width:min(100%,365px);aspect-ratio:9/16;justify-self:center;overflow:hidden;box-shadow:28px 35px 80px #0008;background:#172242}.vertical-frame img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(2.5);transition:transform 1.5s}.vertical-frame.visible img{transform:scale(2.25)}.vertical-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#090a103b,transparent 40%,#090a10a1)}.frame-label{position:absolute;z-index:2;left:2rem;bottom:2rem;font-family:var(--display);font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;max-width:190px;line-height:1.2}
.follow{position:relative;background:radial-gradient(ellipse at 50% 5%,#49151d7d,transparent 48%),#090a10;text-align:center;padding-block:10rem 11rem}.follow-inner{max-width:1050px}.follow h2{font-size:clamp(4rem,8vw,9.5rem)}.follow h2 em{color:#df3c35}.follow .body-large{max-width:650px;margin:0 auto 5rem;color:#cec6c5}.social-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ffffff48;border-bottom:1px solid #ffffff48}.social-lines span{padding:1.4rem .5rem;font-family:var(--display);font-size:1.2rem;text-transform:uppercase;border-right:1px solid #ffffff30}.social-lines span:last-child{border-right:0}.social-lines small{display:block;font-family:var(--body);font-size:.55rem;letter-spacing:.18em;color:var(--gold);font-weight:800;margin-top:.2rem}
.app-note{background:#101117;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding-block:3.3rem}.app-note-inner{display:flex;align-items:end;justify-content:space-between;gap:3rem}.app-note h2{font-family:var(--body);font-size:1.2rem;line-height:1.3;margin:.5rem 0 .8rem}.app-note p{font-size:.88rem;line-height:1.7;color:#aeb0ba;max-width:770px}.app-overline{font-size:.65rem;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-weight:800}.app-note a{font-size:.78rem;white-space:nowrap;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:.4rem;font-weight:800}.app-note a span{font-size:1.1rem}.footer{padding-block:5rem 3.5rem;background:#07080d}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:2rem}.footer img{width:min(420px,45vw);height:auto}.footer-meta{display:flex;flex-direction:column;align-items:end;gap:.7rem;color:#aaa7ad;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s cubic-bezier(.17,.8,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.site-header{gap:1.5rem}.brand{width:125px}.site-nav{gap:1.4rem}.story-art{inset:0 0 0 30%}.character-copy{width:min(480px,49vw)}.stage-figure{right:2%}.character-stage:after{background:linear-gradient(90deg,#090a10eb 0%,#090a10a3 36%,transparent 80%),linear-gradient(180deg,#090a10b8,transparent 20%,transparent 74%,#090a10)}.character-nav{margin-right:3%}}
@media(max-width:760px){:root{--pad:24px}.site-header{height:75px;gap:1rem}.site-header.scrolled{height:66px}.brand{width:112px}.coming-soon{margin-left:auto;font-size:.7rem}.coming-soon:before{width:17px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:32px;height:38px;border:0;background:none;padding:0;margin-left:.5rem}.menu-toggle span{display:block;width:24px;height:2px;background:var(--paper);margin-left:auto}.site-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#090a10f7;padding:1.8rem var(--pad) 2rem;flex-direction:column;align-items:start;gap:1.5rem;border-bottom:1px solid #ffffff26}.site-header.scrolled .site-nav{top:66px}.site-nav.open{display:flex}.site-nav a{font-size:.9rem}.hero{min-height:720px}.hero-art{background-position:53% center}.hero-shade{background:linear-gradient(180deg,#05060c91 0%,#07080c42 24%,#07080c52 49%,#090a10 100%)}.hero-content{padding-top:135px;padding-bottom:3.7rem}.hero-prelude{font-size:.56rem;letter-spacing:.18em}.hairline{width:24px}.hero-title-art{width:95%;max-height:none;margin:1rem 0 0 -3%;object-position:left}.hero-bottom{display:block}.hero-type{font-size:.64rem;line-height:1.55;letter-spacing:.14em}.hero-intro p:last-child{font-size:clamp(2.1rem,7vw,3.3rem);line-height:1.17}.hero-cta{display:inline-flex;margin-top:2rem;margin-bottom:0}.scroll-prompt{display:none}.story,.story-content{min-height:780px}.story-content{padding-top:5rem;padding-bottom:4rem}.story-art{inset:0 0 0 6%;opacity:.85;background-position:52% center}.scene-shade{background:linear-gradient(90deg,#0a090cd6,#0a090c6b),linear-gradient(180deg,#090a10 0%,#090a105e 38%,#090a10 100%)}.story-copy h2,.heroes h2,.world h2,.format h2,.follow h2{font-size:clamp(3.3rem,9vw,5.4rem)}.body-large{font-size:1.06rem}.story-copy{margin-top:3rem}.heroes-intro{padding-top:5rem;padding-bottom:3rem}.heroes-intro .eyebrow{margin-top:4rem}.character-stage{min-height:640px}.character-stage:after{background:linear-gradient(180deg,#090a10 0%,transparent 20%,#090a1035 47%,#090a10 92%)}.stage-figure{right:-18%;height:78%;bottom:11%;opacity:0}.stage-figure.active{opacity:.9}.stage-fedor,.stage-katsuro{height:87%;right:-23%;bottom:7%}.stage-ghost{font-size:18rem;top:8%;right:-5%}.character-beat{min-height:100svh;align-items:flex-end;padding:0 var(--pad) 5.8rem}.character-copy{width:100%;max-width:410px;transform:translateY(20px)}.character-copy h3{font-size:clamp(5.5rem,18vw,9rem);margin:.2rem 0 .5rem}.character-copy p{font-size:1rem;line-height:1.6;max-width:330px}.character-nav{display:none}.world,.world-content{min-height:800px}.world-content{padding-top:5rem;padding-bottom:5rem}.world-art{background-position:60% center}.world-shade{background:linear-gradient(90deg,#090a10bb,#090a106b),linear-gradient(180deg,#090a10 0%,transparent 30%,#090a10 100%)}.world-copy{margin-top:5rem}.format-inner{grid-template-columns:1fr;min-height:0;padding-top:5rem;padding-bottom:6rem;gap:3rem}.format-copy .eyebrow{margin-top:4rem}.vertical-frame{width:min(78%,340px)}.follow{padding-block:7rem 8rem}.follow .body-large{margin-bottom:3rem}.social-lines{grid-template-columns:repeat(2,1fr)}.social-lines span:nth-child(2){border-right:0}.social-lines span:nth-child(-n+2){border-bottom:1px solid #ffffff30}.app-note-inner{display:block}.app-note a{display:inline-block;margin-top:1rem}.footer{padding-block:4rem 3rem}.footer-inner{display:block}.footer img{width:min(360px,80vw)}.footer-meta{align-items:start;margin-top:2rem}}
@media(max-width:390px){.coming-soon{display:none}.menu-toggle{margin-left:auto}.hero-prelude{font-size:.52rem}.hero-intro p:last-child{font-size:2rem}.story-copy h2,.heroes h2,.world h2,.format h2,.follow h2{font-size:3rem}.character-copy h3{font-size:5rem}.character-copy p{font-size:.95rem}.stage-figure{right:-25%}.stage-fedor,.stage-katsuro{right:-34%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.reveal,.character-copy,.stage-figure,.vertical-frame img,.text-link{transition:none}.js .reveal{opacity:1;transform:none}.character-copy{opacity:1;transform:none}.stage-figure{transform:none!important}.hero-art{transform:none}}