@font-face{font-family:Syne;src:url('./assets/fonts/syne.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Cormorant;src:url('./assets/fonts/cormorant.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Outfit;src:url('./assets/fonts/outfit.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#102824;--deep:#091f1d;--bone:#f0e8d3;--muted:#c0c9b7;--seed:#d9df9b;--line:#52675b;--gutter:clamp(24px,5vw,88px);color-scheme:dark;font-family:Outfit,Arial,sans-serif;color:var(--bone);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--bone)}h1,h2,h3,p,figure{margin:0}h2,h3{font-family:Cormorant,Georgia,serif;font-weight:700}h2{font-size:clamp(52px,6.9vw,108px);line-height:.95;letter-spacing:-.035em}p{font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--seed);outline-offset:7px}section:focus,main:focus{outline:none}::selection{color:var(--ink);background:var(--seed)}
/* Layer scale: artwork 0, scrim 1, content 2, header 10, keyboard skip 20. */
.skip-link{position:fixed;z-index:20;left:20px;top:16px;padding:12px 22px;color:var(--ink);background:var(--seed);transform:translateY(-180%)}.skip-link:focus{transform:none}
.section-wrap{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.site-header{position:absolute;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);z-index:10;background:linear-gradient(#0b2322ed,#0b232200)}.nav-brand{font:800 19px/1 Syne,Arial,sans-serif;letter-spacing:-.07em}.site-header nav{display:flex;gap:clamp(22px,3.5vw,58px);align-items:center;font-size:13px}.site-header nav a{padding-block:12px;position:relative}.site-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--seed);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}.nav-status{color:var(--seed)}.nav-status span{padding-left:14px}
.hero{position:relative;isolation:isolate;min-height:740px;height:min(930px,100svh);max-height:1100px;overflow:hidden;view-timeline-name:--hero;view-timeline-axis:block;background:var(--deep)}.hero-art,.hero-art img,.hero-scrim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art img{object-position:65% 50%}.hero-scrim{z-index:1;background:linear-gradient(90deg,rgba(9,31,29,.84) 0%,rgba(9,31,29,.66) 32%,rgba(9,31,29,.4) 59%,transparent 90%),linear-gradient(180deg,rgba(9,31,29,.6),transparent 50%),linear-gradient(0deg,#102824 0%,rgba(16,40,36,.4) 12%,transparent 40%)}.hero-content{position:relative;z-index:2;padding:144px var(--gutter) 85px;max-width:1600px;margin:auto;display:flex;flex-direction:column;height:100%}.launch-state{display:flex;align-items:center;gap:22px;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--seed)}.launch-state span{border-left:1px solid var(--line);padding-left:22px;color:var(--bone);font-size:10px;letter-spacing:.15em}.wordmark{display:flex;width:max-content;max-width:100%;font:800 clamp(62px,8.2vw,142px)/1.25 Syne,Arial,sans-serif;letter-spacing:-.088em;margin:7px 0 0 -.055em;text-shadow:0 4px 30px #091f1d55}.wordmark span{display:inline-block;transform:rotate(-2deg)}.wordmark span:nth-child(2n){transform:translateY(.035em) rotate(2deg)}.wordmark span:nth-child(3){transform:rotate(-4deg)}.wordmark span:nth-child(5){transform:translateY(-.025em) rotate(1deg)}.hero-bottom{margin-top:auto;padding-top:45px}.hero-hook{font:700 clamp(38px,3.5vw,60px)/1.03 Cormorant,Georgia,serif;letter-spacing:-.02em;margin-bottom:30px}.explore-link{display:inline-flex;align-items:center;gap:40px;padding:18px 25px;color:var(--ink);background:var(--seed);border-radius:2px 40px 40px 24px;font-size:14px;min-height:56px;box-shadow:0 4px 0 #09201c;transition:transform .2s,background .2s}.explore-link span{font-size:24px;line-height:1;transition:transform .25s}.explore-link:hover{background:var(--bone)}.explore-link:hover span{transform:translate(4px,3px)}.explore-link:active{transform:translateY(3px);box-shadow:0 1px 0 #09201c}.hero-caption{position:absolute;right:var(--gutter);bottom:33px;z-index:2;font-size:11px;color:var(--muted)}
.world{padding-top:100px;padding-bottom:90px;position:relative}.world-intro{position:relative;max-width:670px;z-index:2}.world-intro>p{max-width:450px;margin:24px 0;color:var(--muted)}.misfits-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--seed);padding:8px 0;color:var(--seed);font-size:15px}.misfits-link span{transition:transform .2s}.misfits-link:hover span{transform:translate(4px,-4px)}.world-landscape{margin:44px 0 0 13%;position:relative}.landscape-window{overflow:hidden;border-radius:42% 6% 0 0 / 13% 2% 0 0;background:#294e47}.world-landscape img{width:100%;aspect-ratio:2.8;object-fit:cover;object-position:center;transition:transform 1s}.world-landscape:hover img{transform:scale(1.025)}figcaption{font-size:11px;color:var(--muted);line-height:1.5;margin-top:12px}.prototype-notes{margin-top:50px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px}.prototype-label{font-size:12px;color:var(--seed);padding-top:9px}.prototype-notes h3{font-size:38px;line-height:1.1;margin-bottom:14px}.prototype-notes div p{max-width:720px;color:var(--muted);font-size:16px}
.misfits{padding-top:60px;padding-bottom:90px}.roster-heading{text-align:center}.roster-heading>p{margin-top:22px;color:var(--muted);font-size:16px}.roster{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:48px}.character{min-width:0}.character-aperture{position:relative;height:clamp(370px,36vw,560px);display:flex;justify-content:center;align-items:flex-end;border-radius:50% 50% 2px 2px / 18% 18% 2px 2px;background:radial-gradient(ellipse at 50% 44%,#305b52 0%,#1a3a34 55%,#102824 100%);transform-style:preserve-3d;transition:transform .22s ease-out}.rook .character-aperture{background:radial-gradient(ellipse at 50% 44%,#3d5341 0%,#213b31 55%,#102824 100%)}.character-aperture img{position:relative;width:88%;height:92%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 15px 16px #061b1a60);transform:translateZ(20px)}.character-shadow{position:absolute;left:22%;right:22%;bottom:6px;height:17px;background:#071e1c;filter:blur(12px);border-radius:50%}.character-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 21px;border-bottom:1px solid var(--line)}.character-caption h3{font-size:59px;line-height:1}.character-caption p{font-size:13px;color:var(--muted);max-width:160px;text-align:right;line-height:1.5}.art-note{font-size:11px;margin-top:22px;text-align:center;color:var(--muted)}
.closer{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:8%;position:relative}.encounter-art{grid-column:2;grid-row:1;min-width:0}.encounter-art img{width:100%;max-height:620px;object-fit:contain;filter:drop-shadow(0 20px 30px #091f1d)}.encounter-art figcaption{text-align:center}.closer-copy{grid-column:1;grid-row:1;position:relative;z-index:2}.closing-kicker{font-size:13px;color:var(--seed);margin-bottom:20px}.closer h2{font-size:clamp(100px,13.4vw,205px);line-height:.77;letter-spacing:-.055em;margin:0 0 38px}.closer-copy>p:not(.closing-kicker){max-width:290px;color:var(--muted);font-size:16px}.closer-copy .development-note{font-size:11px!important;margin-top:16px;max-width:340px!important}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:26px;min-height:140px;border-top:1px solid var(--line)}.footer-brand{font:800 clamp(17px,2vw,28px)/1 Syne,Arial,sans-serif;letter-spacing:-.075em}.site-footer>p{font-size:12px;color:var(--muted)}.back-top{display:flex;align-items:center;gap:20px;font-size:12px}.back-top span{display:grid;place-items:center;border:1px solid var(--line);width:43px;height:43px;border-radius:50%;font-size:22px;transition:transform .2s}.back-top:hover span{transform:translateY(-5px)}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero-content{animation:arrive .8s cubic-bezier(.16,1,.3,1) both}@keyframes arrive{from{transform:translateY(16px)}to{transform:none}}@supports(animation-timeline:view()){.wordmark span{animation:odd-drift linear both;animation-timeline:--hero;animation-range:exit 0% exit 90%}@keyframes odd-drift{from{translate:0 0}to{translate:0 calc((var(--letter) - 3) * 8px)}}.landscape-window img{animation:land-in linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes land-in{from{transform:scale(1.06)}to{transform:scale(1)}}}}
@media(min-width:1600px){.hero-art img{object-position:50% 50%}}
@media(max-width:1023px){.hero{min-height:680px;height:90svh}.hero-content{padding-top:145px}.wordmark{font-size:9vw}.hero-art img{object-position:64% center}.hero-scrim{background:linear-gradient(90deg,#09201cd9,#09201c88 45%,#09201c22),linear-gradient(0deg,#102824,transparent 36%)}.world{padding-top:75px}.roster{gap:28px}.character-caption{align-items:flex-start}.character-caption h3{font-size:48px}.character-caption p{max-width:145px}.closer{gap:3%}.prototype-notes{gap:26px}.site-footer>p{display:none}}
@media(max-width:767px){html{scroll-padding-top:24px}.site-header{height:70px}.site-header nav{gap:24px}.site-header .nav-status{display:none}.nav-brand{font-size:17px}.hero{min-height:640px;height:92svh;max-height:880px}.hero-content{padding-top:119px;padding-bottom:94px}.launch-state{font-size:10px;letter-spacing:.15em;gap:14px}.launch-state span{font-size:9px;padding-left:14px}.wordmark{font-size:9.2vw;line-height:1.35;letter-spacing:-.085em;margin-top:15px}.hero-hook{font-size:44px}.hero-art img{object-position:66% center}.hero-scrim{background:linear-gradient(180deg,#09201ca6 0%,#09201c55 28%,#09201c33 44%,#09201cc9 68%,#102824 100%)}.hero-caption{right:auto;left:var(--gutter);bottom:35px}.hero-bottom{padding-top:170px}.explore-link{font-size:13px;padding:15px 23px;gap:38px;min-height:54px}.world{padding-block:65px}.world-intro h2{font-size:60px}.world-intro>p{font-size:16px;max-width:470px}.world-landscape{margin:33px 0 0}.world-landscape img{aspect-ratio:1.4;object-position:55% center}.landscape-window{border-radius:38% 6% 0 0 / 10% 2% 0 0}.prototype-notes{margin-top:32px;grid-template-columns:1fr;gap:14px;padding-top:23px}.prototype-label{padding:0}.prototype-notes h3{font-size:33px}.prototype-notes div p{font-size:15px}.misfits{padding-block:35px 60px}.roster-heading{text-align:left}.roster-heading h2{font-size:56px}.roster-heading>p{font-size:15px;max-width:280px}.roster{grid-template-columns:1fr;gap:38px;margin-top:30px}.character-aperture{height:430px}.character-aperture img{width:92%}.character-caption{align-items:center}.character-caption h3{font-size:52px}.character-caption p{max-width:none;font-size:12px}.art-note{text-align:left;margin-top:25px}.closer{padding-block:45px 70px;grid-template-columns:1fr;gap:28px}.encounter-art{grid-column:1;grid-row:1;max-width:380px;width:100%;margin:auto}.encounter-art img{max-height:390px}.closer-copy{grid-column:1;grid-row:2}.closer h2{font-size:124px;margin-bottom:30px}.closer-copy>p:not(.closing-kicker){max-width:320px}.closing-kicker{margin-bottom:25px}.site-footer{min-height:115px;gap:16px}.back-top{gap:12px}.back-top span{width:38px;height:38px}.footer-brand{font-size:18px}}
@media(max-width:380px){.site-header nav{gap:19px}.hero{min-height:620px}.hero-hook{font-size:39px}.world-intro h2{font-size:52px}.roster-heading h2{font-size:49px}.character-aperture{height:370px}.character-caption p{max-width:155px}.closer h2{font-size:109px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.character-aperture{transform:none!important}.world-landscape:hover img{transform:none}.explore-link:hover span,.misfits-link:hover span,.back-top:hover span{transform:none}}