:root{color-scheme:dark;--bg:#090b10;--ink:#f4f5f0;--muted:#b8bdc7;--lime:#d8ff70;--gutter:clamp(22px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}[hidden]{display:none!important}
#stars{position:fixed;inset:0;pointer-events:none;opacity:.2;z-index:-1}.grain{display:none}.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;height:90px;padding:0 var(--gutter);background:linear-gradient(#090b10bb,transparent)}.wordmark{font-size:12px;font-weight:700;letter-spacing:.2em;white-space:nowrap}.wordmark span{color:var(--lime);margin:0 12px;font-size:20px}.site-header nav{display:flex;gap:30px;font-size:14px;color:#d2d6dd}.site-header nav a:hover{color:var(--lime)}
.hero{position:relative;isolation:isolate;min-height:800px;display:flex;align-items:center;padding:135px var(--gutter) 64px;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-1}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:68% top;transform:translate(var(--mx,0px),var(--my,0px)) scale(1.025);transition:transform .4s ease-out}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b10ed 0%,#090b10bf 32%,transparent 72%),linear-gradient(0deg,#090b10,transparent 30%)}.art-caption{display:none}.hero-copy{max-width:680px;width:54%}.eyebrow,.kicker,.section-marker,.world-index,.world-label,.coming{font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.6}.eyebrow{display:flex;align-items:center;gap:12px;color:#c6ccd6}.eyebrow-line{width:24px;height:1px;background:currentColor}h1,h2{font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(54px,6.3vw,96px);line-height:1.02;margin:26px 0}em{font-style:normal;color:var(--lime)}.hero-lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:17px 23px;border-radius:12px;font-size:14px;font-weight:700;min-height:54px;transition:background .2s,transform .2s}.primary-button{background:var(--ink);color:var(--bg)}.primary-button:hover{background:var(--lime);transform:translateY(-2px)}.text-button{border:1px solid #ffffff40;background:#090b1040}.text-button:hover{background:#ffffff12}.hero-stats{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:42px}.hero-stats span{display:flex;flex-direction:column;gap:8px}.hero-stats small{color:#9ba3ae;font-size:11px;letter-spacing:.12em}.hero-stats strong{font-size:25px;font-weight:500;line-height:1.2;max-width:205px}.hero-stats i{height:40px;width:1px;background:#ffffff25}.hero-stats span:last-child strong{font-size:19px}.scroll-cue{display:inline-flex;align-items:center;gap:18px;margin-top:32px;font-size:11px;letter-spacing:.16em;color:#afb6c3}.scroll-cue .ui-icon{color:var(--lime)}
.intro{padding:85px var(--gutter);display:grid;grid-template-columns:1fr 3fr;gap:48px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.intro-symbol{display:none}.section-marker,.kicker{color:#9099a7}.kicker{margin:0 0 18px}.intro h2{font-size:clamp(32px,3.7vw,54px);line-height:1.12;margin:0 0 24px;max-width:700px}.intro p:not(.kicker){color:var(--muted);font-size:16px;line-height:1.8;max-width:760px}.worlds-section{padding:100px var(--gutter)}.worlds-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.worlds-heading>.section-marker{display:none}.worlds-heading h2{font-size:clamp(44px,5.7vw,80px);line-height:1.05;margin:0}.worlds-heading>p{max-width:220px;color:#a8b0bf;font-size:14px;line-height:1.7}.world-grid{display:grid;gap:24px}
/* One isolated stacking context per trigger. No overlay exists on the article. */
.world-card{border:1px solid #ffffff26;border-radius:24px;overflow:hidden;background:#10141c;transition:border-color .3s,box-shadow .3s}.world-card:hover,.world-card.is-active{border-color:var(--accent);box-shadow:0 16px 50px #0003}.world-trigger{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;min-height:490px;padding:44px;color:var(--ink);text-align:left;border:0;background:transparent;overflow:hidden}.world-art{position:absolute;inset:0;z-index:0;pointer-events:none}.world-art img{width:100%;height:100%;object-fit:cover;object-position:80% 48%;opacity:1;transform:translate(var(--card-x,0px),var(--card-y,0px)) scale(1.025);transition:transform .6s ease-out}.world-trigger:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#090d15f5 0%,#090d15d9 28%,#090d1570 58%,#090d1505 100%),linear-gradient(0deg,#090d1590,transparent 65%)}.world-index{position:absolute;top:34px;left:44px;z-index:2;color:#eef0f3}.world-body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:470px;padding-right:10px}.world-label{color:var(--accent);font-size:11px;letter-spacing:.12em}.world-body strong{font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:15px 0 18px;color:#fff}.world-summary{font-size:16px;line-height:1.65;color:#e0e4ec;max-width:390px}.world-arrow{position:absolute;z-index:3;right:32px;bottom:32px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff60;background:#10151ee6;color:white;transition:background .25s,color .25s}.world-card:hover .world-arrow,.world-trigger[aria-expanded=true] .world-arrow{background:var(--lime);color:#10151e;border-color:var(--lime)}.world-arrow .ui-icon{width:22px;height:22px;transition:transform .25s}.world-trigger[aria-expanded=true] .world-arrow .ui-icon{transform:rotate(90deg)}.art-ring{display:none}.world-content{position:relative;padding:30px 44px 36px;border-top:1px solid #ffffff18;background:#11151d}.world-content p{font-size:16px;line-height:1.8;color:#cbd1dc;max-width:800px;margin:0 0 23px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:13px;padding:7px 12px;border:1px solid #ffffff26;border-radius:30px;color:#d4d9e1}.world-content a,.coming{display:inline-flex;align-items:center;gap:12px;margin-top:26px;color:var(--lime);font-size:14px;font-weight:600}.coming{color:var(--accent)}
.closing{position:relative;isolation:isolate;overflow:hidden;min-height:590px;padding:100px var(--gutter);text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;background:url('assets/worlds/future.png') center 45%/cover}.closing:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#090b10a0,#090b10b8)}.closing .kicker{color:#c5cedd}.closing h2{font-size:clamp(44px,6.5vw,90px);line-height:1.07;margin:0 0 26px;max-width:1000px}.closing>p:not(.kicker){font-size:17px;line-height:1.8;max-width:630px;color:#e0e5ef;margin:0 0 30px}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px var(--gutter);font-size:11px;letter-spacing:.12em;color:#a8afbc;border-top:1px solid #ffffff18}footer a{display:flex;align-items:center;gap:10px}.ui-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:middle}.reveal{opacity:1}
@media(min-width:1450px){.hero{min-height:900px}.hero-art img{object-position:center 15%}.world-trigger{min-height:550px}}
@media(max-width:900px){.hero-copy{width:65%}.hero h1{font-size:60px}.hero-stats{gap:16px}.hero-stats strong{font-size:24px}.hero-stats i:last-of-type{display:none}.hero-stats span:last-child{flex-basis:100%}.hero-stats span:last-child strong{max-width:none}.intro{grid-template-columns:1fr;gap:20px}.world-body{max-width:65%}.world-trigger{padding:32px}.world-index{left:32px}.world-summary{font-size:16px}}
@media(max-width:700px){.site-header{height:72px}.wordmark{font-size:10px;letter-spacing:.14em}.wordmark span{margin:0 8px}.site-header nav{display:none}.hero{display:flex;flex-direction:column;padding:0 0 42px;min-height:0;overflow:hidden}.hero-art{position:relative;inset:auto;z-index:0;order:0;width:100%;height:440px}.hero-art img{object-position:70% top;transform:none}.hero-art:after{background:linear-gradient(0deg,#090b10 0%,#090b1020 38%,transparent 65%)}.hero-copy{width:100%;max-width:none;order:1;position:relative;margin-top:-32px;padding:0 var(--gutter);z-index:1}.eyebrow{font-size:10px}.hero h1{font-size:clamp(42px,10.2vw,65px);line-height:1.05;margin:20px 0}.hero-lead{font-size:16px;line-height:1.75}.hero-actions{gap:10px;margin-top:26px}.primary-button,.text-button{font-size:13px;padding:15px 17px}.hero-stats{margin-top:30px}.scroll-cue{margin-top:25px}.intro{padding:50px var(--gutter)}.intro h2{font-size:34px}.worlds-section{padding:64px var(--gutter)}.worlds-heading{display:block;margin-bottom:28px}.worlds-heading h2{font-size:clamp(39px,9.7vw,62px)}.worlds-heading>p{max-width:300px;margin-top:18px}.world-grid{gap:20px}.world-card{border-radius:20px}.world-trigger{min-height:510px;padding:230px 24px 85px}.world-art img{object-position:center center}.world-trigger:before{background:linear-gradient(0deg,#090d15 0%,#090d15eb 24%,#090d1590 48%,#090d1500 78%),linear-gradient(180deg,#090d1570,transparent 30%)}.world-index{left:24px;top:24px;font-size:11px}.world-body{max-width:100%;padding:0}.world-label{font-size:10px}.world-body strong{font-size:clamp(32px,8.5vw,45px);margin:12px 0 16px}.world-summary{font-size:15px;line-height:1.65}.world-arrow{width:42px;height:42px;right:24px;bottom:22px}.world-content{padding:24px}.world-content p{font-size:15px}.closing{min-height:520px;padding:70px var(--gutter)}.closing h2{font-size:clamp(39px,10vw,62px)}.closing>p:not(.kicker){font-size:16px}footer{flex-wrap:wrap;gap:18px;font-size:10px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art img,.world-art img{transform:none}}

/* Future card follows the architecture in the supplied render. */
.world-card.future .world-art img{object-fit:contain;object-position:50% 0%;filter:saturate(.84) contrast(1.08);transform:none!important}
.world-card.future .portal-light{z-index:1}
.world-card.future .world-art:before,.world-card.future .world-art:after,.world-card.future .art-ring{display:none}
.world-card.future .world-art .portal-light{transform:none}