/* AREA58 — rojo, plata y una ciudad después de medianoche. */
:root{color-scheme:dark;--bg:#070709;--surface:#101014;--red:#ff2038;--red-bright:#ff5265;--white:#f4f3f5;--silver:#c7c5ce;--muted:#a4a1ae;--line:rgba(255,255,255,.14);--header-h:5.25rem;--gutter:clamp(1.25rem,4.5vw,5.5rem);--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1.5rem)}
body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button,a{color:inherit}
a{text-decoration:none}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
svg{display:block}
.icon{display:inline-block;vertical-align:middle;width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon-spark{width:.85rem;height:.85rem;fill:currentColor;stroke:none}
button{border:0}
button:disabled{cursor:default}
[hidden]{display:none!important}
::selection{background:var(--red);color:white}
:focus-visible{outline:2px solid var(--white);outline-offset:6px}
section[id]{scroll-margin-top:1rem}
.section-shell{width:calc(100% - 2 * var(--gutter));max-width:105rem;margin-inline:auto}
.section-space{padding-block:clamp(4.5rem,7.5vw,8rem)}
.sr-only{position:absolute;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:1000;left:1rem;top:1rem;padding:1rem 1.25rem;background:var(--white);color:var(--bg);font-weight:700;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.eyebrow{margin:0;display:flex;align-items:center;gap:.8rem;font-size:.68rem;line-height:1.5;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.status-dot{display:inline-block;flex:none;width:.42rem;height:.42rem;background:var(--red);border-radius:50%;box-shadow:0 0 1rem rgba(255,32,56,.65)}
.site-header{height:var(--header-h);position:sticky;inset-block-start:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(7,7,9,.96)}
.header-shell{height:100%;max-width:116rem;width:calc(100% - 2 * var(--gutter));margin-inline:auto;display:flex;align-items:center;gap:2rem}
.brand{display:block;position:relative;width:6.2rem;height:4.5rem;overflow:hidden;flex:none}
.brand img{position:absolute;width:6.2rem;max-width:none;top:-.7rem;left:0;mix-blend-mode:screen}
.header-divider{width:1px;height:1.7rem;background:rgba(255,255,255,.3);flex:none}
.primary-navigation{display:flex;align-items:center;gap:clamp(1.2rem,2.8vw,3.3rem);flex:1;min-width:0;height:100%}
.nav-link{display:flex;align-items:center;position:relative;height:100%;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#c7c4ce;transition:color .2s}
.nav-link:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:1.2rem;background:var(--red);box-shadow:0 0 .8rem rgba(255,32,56,.4);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-link:hover,.nav-link.is-active{color:var(--white)}
.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}
.nav-community{margin-left:auto;display:inline-flex;justify-content:center;align-items:center;gap:1.5rem;border:1px solid var(--red);padding:.76rem 1.2rem;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;transition:background .2s,border-color .2s}
.nav-community:hover{background:rgba(255,32,56,.12);border-color:#ff6778}
.nav-community>span:last-child{font-size:1.05rem;line-height:1}
.header-status{display:flex;align-items:center;gap:.55rem;font-size:.57rem;letter-spacing:.15em;text-transform:uppercase;color:#b7b3c0;white-space:nowrap}
.menu-toggle{display:none;background:transparent;color:var(--white);align-items:center;gap:.85rem;padding:.75rem 0 .75rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;min-height:44px}
.menu-toggle-lines{display:block;width:1.4rem;height:1rem;position:relative}
.menu-toggle-lines i{position:absolute;height:1px;background:currentColor;left:0;right:0;top:.2rem;transition:transform .2s,top .2s}
.menu-toggle-lines i:last-child{top:.75rem}
.menu-toggle[aria-expanded=true] .menu-toggle-lines i{top:.5rem;transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-toggle-lines i:last-child{transform:rotate(-45deg)}
.hero{isolation:isolate;position:relative;min-height:calc(100svh - var(--header-h));background:#050507;overflow:hidden}
.hero-art{position:absolute;inset:0;z-index:-5;overflow:hidden}
.hero-art-image{height:100%;width:100%;max-width:none;object-fit:cover;object-position:63% 50%;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0) scale(1.035);transition:transform .9s var(--ease)}
.hero-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,#050507 0%,rgba(5,5,7,.87) 20%,rgba(5,5,7,.48) 39%,rgba(5,5,7,.03) 67%),linear-gradient(0deg,#070709 0%,rgba(7,7,9,.02) 25%,transparent 82%,rgba(7,7,9,.15))}
.hero-glow{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 72% 51%,rgba(255,28,48,.14),transparent 42%);mix-blend-mode:screen;animation:city-glow 9s ease-in-out infinite alternate;pointer-events:none}
.hero-trace{position:absolute;right:0;top:0;height:100%;width:100%;z-index:-2;pointer-events:none;opacity:.42}
.hero-trace path{fill:none;stroke:#ff7786;stroke-width:1;stroke-dasharray:12 1100;filter:drop-shadow(0 0 4px var(--red));animation:trace-run 13s linear infinite}
.hero-shell{position:relative;padding-block:clamp(2.1rem,4vh,4.5rem) 6.7rem;min-height:inherit;display:flex;align-items:center}
.hero-content{position:relative;width:min(48%,43rem)}
.hero-eyebrow{font-size:clamp(.59rem,.68vw,.73rem);letter-spacing:.21em}
.hero-wordmark{position:relative;isolation:isolate;overflow:hidden;width:clamp(17rem,28vw,29rem);max-width:100%;aspect-ratio:1.72;margin:1rem 0 .4rem -.5rem}
.hero-wordmark img{position:absolute;width:100%;max-width:none;left:0;top:-39%;mix-blend-mode:screen;filter:drop-shadow(0 0 .9rem rgba(255,32,56,.17))}
.wordmark-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.7) 49%,white 50%,transparent 59%);background-size:260% 100%;background-position:170% 0;mask-image:url("assets/area58-logo.png");mask-size:100% auto;mask-position:0 39%;mask-mode:luminance;mix-blend-mode:screen;pointer-events:none;animation:logo-shine 1.6s .45s ease-out both}
h1,h2,h3,p{overflow-wrap:break-word}
.hero h1{margin:0;font-size:clamp(3rem,5.15vw,6.5rem);line-height:.91;font-weight:900;letter-spacing:-.045em;text-transform:uppercase}
.hero h1>span{display:block}
.hero-description{font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.55;color:#d4d1da;margin:1.6rem 0 1.8rem;letter-spacing:-.015em}
.hero-actions,.community-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.3rem}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1.75rem;min-height:3.5rem;padding:.9rem 1.45rem;line-height:1.2;font-size:.72rem;letter-spacing:.05em;font-weight:800;text-transform:uppercase;transition:background .2s,box-shadow .25s,color .2s;isolation:isolate}
.button-primary{background:#da102c;color:white;box-shadow:0 .4rem 1.8rem rgba(255,32,56,.14);clip-path:polygon(.7rem 0,100% 0,calc(100% - .7rem) 100%,0 100%)}
.button-primary:focus-visible{outline-offset:-6px}
.button-primary:hover{background:#e41431;box-shadow:0 .4rem 2.2rem rgba(255,32,56,.3)}
.button-arrow{font-size:1.25rem;font-weight:400;line-height:.8;transition:transform .2s}
.button:hover .button-arrow{transform:translate(3px,-2px)}
.button-quiet{color:#dad6e0;padding-inline:.25rem;border-bottom:1px solid rgba(255,255,255,.32);min-height:3rem}
.button-quiet:hover{color:white;border-color:var(--red)}
.launch-label{margin:1.9rem 0 0;border-left:2px solid var(--red);padding:.25rem 0 .25rem 1rem;font-size:.64rem;letter-spacing:.25em;line-height:1.6;text-transform:uppercase;color:#d9d6df}
.hero-side-note{position:absolute;right:0;top:48%;display:flex;align-items:center;gap:1rem;writing-mode:vertical-rl;font-size:.59rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c1bccb}
.hero-side-note i{width:1px;height:6rem;background:linear-gradient(var(--red),rgba(255,255,255,.2))}
.hero-bottom{position:absolute;left:0;right:0;bottom:1.7rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.scroll-cue{display:flex;align-items:center;gap:1.1rem;font-size:.57rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;min-height:44px}
.scroll-cue>span:last-child{font-size:1.35rem;font-weight:400;animation:scroll-nudge 2.5s ease-in-out infinite}
.motion-toggle{display:flex;align-items:center;gap:.55rem;background:rgba(7,7,9,.45);border:1px solid rgba(255,255,255,.16);padding:.65rem .8rem;min-height:44px;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s}
.motion-toggle:hover{border-color:var(--silver)}
.motion-toggle svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.6}
.motion-icon-play{display:none}
.motion-toggle[aria-pressed=true] .motion-icon-play{display:block}
.motion-toggle[aria-pressed=true] .motion-icon-pause{display:none}
.hero-baseline{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--red),rgba(255,32,56,.26) 68%,transparent)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.7rem}
.section-heading .eyebrow,.faq-heading .eyebrow{color:#bdb8c6;margin-bottom:1.1rem}
h2{font-size:clamp(2.5rem,4.3vw,5rem);line-height:.97;text-transform:uppercase;font-weight:900;letter-spacing:-.045em;margin:0}
.section-aside{margin:0 0 .2rem;max-width:23rem;font-size:.88rem;line-height:1.65;color:var(--muted)}
.mobile-break{display:none}
.story-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:1.6rem}
.story-tab{position:relative;display:flex;align-items:center;gap:1.3rem;min-height:5rem;padding:1.2rem 1.6rem;background:transparent;text-align:left;text-transform:uppercase;letter-spacing:.025em;font-size:clamp(.78rem,1.15vw,1.1rem);font-weight:800;color:#aaa5b3;transition:color .2s,background .2s}
.story-tab+.story-tab{border-left:1px solid var(--line)}
.story-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);box-shadow:0 0 .9rem rgba(255,32,56,.4);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.story-tab[aria-selected=true]{background:linear-gradient(90deg,rgba(255,32,56,.07),transparent);color:var(--white)}
.story-tab[aria-selected=true]:after{transform:scaleX(1)}
.story-tab:hover{color:var(--white);background-color:rgba(255,255,255,.025)}
.story-tab:focus-visible{outline-offset:-5px}
.tab-number{font-size:.7rem;font-weight:400;letter-spacing:.12em;color:#9e98a8}
.tab-arrow{margin-left:auto;font-size:1.3rem;font-weight:400;color:#90899c}
.story-tab[aria-selected=true] .tab-number,.story-tab[aria-selected=true] .tab-arrow{color:var(--red-bright)}
.scene-stage{position:relative}
.scene-panel{position:relative;isolation:isolate;overflow:hidden;background:#0d0c12;min-height:clamp(26rem,34vw,35rem);border:1px solid var(--line)}
.scene-panel+.scene-panel{margin-top:1.2rem}
.tabs-ready .scene-stage{height:clamp(26rem,34vw,35rem)}
.tabs-ready .scene-panel{position:absolute;inset:0;min-height:0;opacity:0;transition:opacity .5s var(--ease);pointer-events:none;margin:0}
.tabs-ready .scene-panel.is-active{opacity:1;pointer-events:auto;z-index:2}
.tabs-ready .scene-panel.is-leaving{z-index:1}
.scene-media{position:absolute;top:0;left:50%;height:100%;width:auto;aspect-ratio:3/1;transform:translateX(-50%) scale(1.015);background-image:url("assets/stories.webp");background-size:100% 300%;background-repeat:no-repeat;z-index:-3;transition:transform 1s var(--ease)}
.scene-street .scene-media{background-position:center 0%}
.scene-luxury .scene-media{background-position:center 50%}
.scene-speed .scene-media{background-position:center 100%}
.scene-panel.is-active .scene-media{transform:translateX(-50%) scale(1.035)}
.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(4,4,8,.98),rgba(4,4,8,.75) 19%,transparent 72%),linear-gradient(90deg,rgba(4,4,8,.2),transparent 70%)}
.scene-tag{position:absolute;top:1.6rem;left:1.7rem;display:inline-block;background:rgba(7,7,9,.65);border:1px solid rgba(255,255,255,.25);padding:.55rem .7rem;font-size:.57rem;line-height:1.2;font-weight:700;letter-spacing:.21em;text-transform:uppercase}
.scene-copy{position:absolute;left:clamp(1.5rem,3vw,3rem);right:clamp(1.5rem,3vw,3rem);bottom:clamp(2rem,3vw,3rem);z-index:3}
.scene-kicker{font-size:.62rem;font-weight:700;letter-spacing:.23em;text-transform:uppercase;color:#ff7583;margin:0 0 1rem}
.scene-copy h3{margin:0 0 1.1rem;max-width:82%;font-size:clamp(1.9rem,3.6vw,4rem);line-height:.98;letter-spacing:-.035em;text-transform:uppercase;font-weight:900}
.scene-copy>p:last-child{font-size:clamp(.85rem,1.15vw,1.1rem);line-height:1.6;color:#d1ccd8;margin:0}
.scene-number{position:absolute;right:2rem;bottom:1.3rem;line-height:1;font-size:clamp(4rem,8vw,8rem);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.12)}
.story-footnote{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.3rem;font-size:.58rem;line-height:1.6;text-transform:uppercase;letter-spacing:.14em;color:#a9a2b3}
.story-footnote p{margin:0}
.story-footnote p>span{color:var(--red);font-size:.9rem;margin-right:.5rem}
.story-footnote>span{color:#918a9c;text-align:right;font-size:.55rem}
.arrival{background:#0c0b10;border-block:1px solid rgba(255,255,255,.1)}
.arrival-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.arrival-steps li{padding:2.3rem 2.3rem 0 0;display:grid;grid-template-columns:2rem 1fr;gap:1rem}
.arrival-steps li+li{padding-left:2.3rem;border-left:1px solid var(--line)}
.step-number{font-size:.72rem;letter-spacing:.1em;color:var(--red-bright);padding-top:.18rem}
.arrival-steps h3{margin:0 0 .9rem;font-size:1.14rem;letter-spacing:-.025em;font-weight:700}
.arrival-steps p{margin:0;color:#b3acbe;font-size:.87rem;line-height:1.8;max-width:26rem}
.text-link{display:inline-flex;align-items:center;gap:.7rem;font-size:.7rem;min-height:44px;margin-top:.65rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.text-link:hover{color:#ff7b8a;border-color:var(--red)}
.text-link>span{color:var(--red-bright);font-size:1rem}
.community{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,rgba(105,11,36,.2),transparent 62%),var(--bg);border-bottom:1px solid var(--line)}
.community-shell{display:flex;align-items:center;justify-content:space-between;gap:4rem}
.community-main{flex:1;max-width:68rem}
.community .eyebrow{margin-bottom:1.6rem;color:#c2bacb}
.community h2{font-size:clamp(2.7rem,5.2vw,6.3rem)}
.community h2 em{font-style:normal;color:var(--red)}
.community-description{margin:1.8rem 0;color:#b7b0c2;font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.8}
.community-actions:empty{display:none}
.community-announcement{display:flex;align-items:flex-start;gap:.9rem;color:#c1b9cb;font-size:.78rem;line-height:1.7;max-width:36rem;margin:1.9rem 0 0}
.announcement-line{width:1.8rem;height:1px;flex:none;background:var(--red);margin-top:.65rem}
.community-emblem{width:clamp(9rem,19vw,19rem);flex:none;transform:rotate(-5deg);opacity:.9;filter:drop-shadow(0 0 2rem rgba(255,32,56,.1))}
.community-emblem img{width:100%;mix-blend-mode:screen}
.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(3rem,8vw,9rem)}
.faq h2{font-size:clamp(2.3rem,3.6vw,4.2rem)}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:5.1rem;padding:1.4rem .15rem;font-weight:700;font-size:.95rem;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary>span{font-size:1.5rem;line-height:1;font-weight:400;color:var(--red-bright);flex:none;transition:transform .2s}
.faq details[open] summary>span{transform:rotate(45deg)}
.faq details>div{padding:0 2rem 1.6rem .15rem}
.faq details p{margin:0;color:#b5adbf;font-size:.89rem;line-height:1.85;max-width:43rem}
.site-footer{border-top:1px solid var(--line);background:#050506}
.footer-shell{display:flex;align-items:center;gap:2.5rem;padding-block:2.2rem}
.footer-wordmark{font-size:1.15rem;font-weight:900;letter-spacing:-.06em;display:flex;align-items:baseline}
.footer-wordmark>span:first-child{color:var(--red)}
.footer-star{margin-left:.6rem;color:var(--red);font-size:.9rem}
.site-footer p{margin:0;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;line-height:1.9;color:#aaa1b6}
.back-top{margin-left:auto;display:flex;align-items:center;gap:1.2rem;font-size:.62rem;letter-spacing:.1em;min-height:44px;text-transform:uppercase}
.back-top>span{color:var(--red-bright);font-size:1.2rem}
.js [data-reveal]{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-reveal].will-reveal{opacity:0;transform:translateY(1.2rem)}
html[data-motion=paused]{scroll-behavior:auto}
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}
html[data-motion=paused] .hero-art-image{transform:scale(1.035);transition:none}
html[data-motion=paused] [data-reveal].will-reveal{opacity:1;transform:none}
html[data-motion=paused] .scene-panel,html[data-motion=paused] .scene-media,html[data-motion=paused] [data-reveal]{transition:none}
html[data-page-hidden=true] *,html[data-page-hidden=true] *:before,html[data-page-hidden=true] *:after,.hero.is-offscreen *{animation-play-state:paused!important}
@keyframes city-glow{from{opacity:.35}to{opacity:.85}}
@keyframes trace-run{from{stroke-dashoffset:120}to{stroke-dashoffset:-1100}}
@keyframes logo-shine{0%{background-position:170% 0;opacity:0}20%{opacity:.55}80%{opacity:.4}100%{background-position:-60% 0;opacity:0}}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(min-width:1921px){.hero-art{left:50%;right:auto;width:min(100%,150rem);transform:translateX(-50%)}.hero-shade{background:linear-gradient(90deg,#050507 0%,rgba(5,5,7,.65) 25%,transparent 55%),linear-gradient(0deg,#070709,transparent 25%)}.hero-trace{width:150rem;right:calc(50% - 75rem)}.hero-content{width:43rem}.hero-shell{padding-block:3.5rem 7rem}.hero{min-height:58rem}}
@media(max-width:1200px){.header-status{display:none}.header-shell{gap:1.5rem}.hero-content{width:53%}.hero h1{font-size:clamp(3rem,5.9vw,5rem)}.hero-wordmark{width:25rem;max-width:92%}.hero-side-note{display:none}.arrival-steps li{padding-right:1.5rem;grid-template-columns:1.6rem 1fr;gap:.5rem}.arrival-steps li+li{padding-left:1.5rem}.story-tab{padding-inline:1.2rem;gap:.85rem}}
@media(max-width:960px){:root{--header-h:4.7rem;--gutter:1.8rem}.header-shell{justify-content:space-between;gap:1rem}.header-divider{display:none}.brand{width:5.8rem;height:4.2rem}.brand img{width:5.8rem;top:-.6rem}.header-status{display:none}.primary-navigation{gap:1.3rem}.nav-link{font-size:.6rem;letter-spacing:.07em}.nav-community{font-size:.6rem;padding:.7rem .9rem;gap:.9rem}.hero-content{width:59%}.hero-wordmark{width:23rem}.hero h1{font-size:clamp(3rem,6.4vw,4.8rem)}.hero-art-image{object-position:61% 50%}.hero-shade{background:linear-gradient(90deg,rgba(5,5,7,.96),rgba(5,5,7,.75) 35%,rgba(5,5,7,.16) 78%),linear-gradient(0deg,#070709,transparent 30%)}.hero-description{font-size:1rem}.hero-actions{gap:.5rem 1.2rem}.button{font-size:.65rem;padding:.9rem 1.2rem;gap:1.3rem}.button-quiet{padding-inline:.1rem}.hero-shell{padding-bottom:6rem}.section-heading{gap:1.5rem}.section-aside{font-size:.8rem;max-width:18rem}.story-tab{font-size:.8rem;min-height:4.7rem;padding-inline:1rem;gap:.65rem}.tab-arrow{display:none}.scene-copy h3{max-width:90%;font-size:clamp(2rem,4vw,3.5rem)}.arrival-steps{grid-template-columns:1fr}.arrival-steps li{grid-template-columns:3rem 1fr;padding:1.9rem 0}.arrival-steps li+li{padding:1.9rem 0;border-left:0;border-top:1px solid var(--line)}.arrival-steps p{max-width:43rem}.community-shell{gap:2rem}.community-emblem{width:10rem}.faq{grid-template-columns:1fr 1.5fr;gap:2.5rem}}
@media(max-width:720px){:root{--header-h:4.5rem;--gutter:1.25rem}.header-shell{width:calc(100% - 2 * var(--gutter))}.brand{width:5.5rem;height:4rem}.brand img{width:5.5rem;top:-.6rem}.js .menu-toggle{display:inline-flex}.js .primary-navigation{display:none;position:absolute;top:calc(var(--header-h) - 1px);left:0;right:0;background:#09080d;border-block:1px solid var(--line);height:auto;padding:1rem var(--gutter) 1.5rem;box-shadow:0 1.5rem 2rem rgba(0,0,0,.35)}.js .primary-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.js .nav-link{font-size:.8rem;letter-spacing:.12em;min-height:3.5rem;padding:1rem .3rem}.js .nav-link:after{bottom:.5rem;left:.3rem;right:auto;width:2rem}.js .nav-community{margin:1rem 0 0;align-self:flex-start;font-size:.75rem;min-height:3rem;padding:.9rem 1.2rem}.primary-navigation{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;height:auto}.nav-link{font-size:.55rem;min-height:2rem}.nav-link:after{bottom:0}.nav-community{font-size:.55rem;padding:.5rem .65rem}.header-shell{gap:.5rem}.hero{min-height:0}.hero-shell{padding-top:2rem;padding-bottom:6.5rem;min-height:47rem;align-items:flex-start}.hero-content{width:100%;max-width:34rem}.hero-eyebrow{font-size:.55rem;letter-spacing:.17em;gap:.6rem}.hero-wordmark{width:20rem;max-width:80%;margin:.8rem 0 1rem -.3rem}.hero h1{font-size:clamp(3.05rem,9vw,4.8rem);max-width:95%;letter-spacing:-.045em}.hero-description{font-size:1rem;margin-block:1.5rem}.hero-art{left:-20%;right:-80%;top:0;bottom:0}.hero-art-image{object-position:69% 50%;opacity:.72}.hero-shade{background:linear-gradient(90deg,rgba(5,5,7,.95),rgba(5,5,7,.65) 56%,rgba(5,5,7,.25)),linear-gradient(0deg,#070709,rgba(7,7,9,.05) 40%,rgba(7,7,9,.28))}.hero-trace{opacity:.2}.hero-bottom{bottom:1.15rem;gap:.6rem}.scroll-cue{font-size:.51rem;letter-spacing:.12em;gap:.7rem}.motion-toggle{font-size:.48rem;letter-spacing:.06em;padding:.6rem .5rem;gap:.35rem}.launch-label{font-size:.56rem;letter-spacing:.19em;margin-top:1.5rem}.section-space{padding-block:4.2rem}.section-heading{display:block;margin-bottom:2.1rem}.section-aside{margin:1.25rem 0 0;max-width:30rem;font-size:.85rem}.section-heading .eyebrow,.faq-heading .eyebrow{font-size:.6rem;margin-bottom:1rem}h2{font-size:clamp(2.55rem,8.7vw,4rem)}.story-tabs{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);grid-template-columns:1fr;border-top:1px solid var(--line);gap:0;margin-bottom:1.3rem}.story-tab{min-height:3.6rem;padding:.8rem .2rem;font-size:.76rem;gap:.8rem}.story-tab+.story-tab{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.story-tab[aria-selected=true]{background:linear-gradient(90deg,rgba(255,32,56,.055),transparent)}.tab-arrow{display:inline;margin-left:auto;font-size:1.1rem}.story-tab:after{height:1px}.tab-number{font-size:.62rem}.scene-panel,.tabs-ready .scene-stage{min-height:29rem;height:29rem}.scene-tag{top:1rem;left:1rem;font-size:.49rem;padding:.5rem .6rem;letter-spacing:.18em}.scene-copy{left:1.3rem;right:1.3rem;bottom:1.8rem}.scene-kicker{font-size:.54rem;letter-spacing:.16em;margin-bottom:.9rem}.scene-copy h3{font-size:clamp(1.65rem,6.5vw,2.5rem);max-width:100%;line-height:1.04;margin-bottom:1rem}.scene-copy>p:last-child{font-size:.8rem;max-width:90%}.scene-number{font-size:4rem;right:1.2rem;bottom:1rem;opacity:.7}.scene-shade{background:linear-gradient(0deg,rgba(4,4,8,.98),rgba(4,4,8,.78) 30%,rgba(4,4,8,.04) 90%)}.story-footnote{font-size:.49rem;gap:.7rem;align-items:flex-start;letter-spacing:.1em}.story-footnote>span{font-size:.48rem;max-width:5.7rem}.story-footnote p>span{font-size:.7rem;margin-right:.25rem}.arrival .section-aside br{display:none}.arrival-steps li{grid-template-columns:2.3rem 1fr;gap:.35rem}.arrival-steps h3{font-size:1.08rem}.arrival-steps p{font-size:.85rem}.community-shell{position:relative;display:block}.community-main{position:relative;z-index:2}.community h2{font-size:clamp(2.5rem,8.7vw,4.3rem)}.community .eyebrow{font-size:.6rem;margin-bottom:1.3rem}.community-description{font-size:.91rem;margin:1.5rem 0}.community-description br{display:none}.community-emblem{position:absolute;right:-1rem;bottom:-1rem;width:8rem;opacity:.12;transform:rotate(-10deg);z-index:1;pointer-events:none}.community-announcement{max-width:31rem;font-size:.73rem;margin-top:1.5rem}.community-actions{gap:.8rem}.faq{grid-template-columns:1fr;gap:2.1rem}.faq h2{font-size:2.7rem}.faq h2 br{display:none}.faq summary{font-size:.86rem;min-height:4.7rem;padding-block:1.2rem;gap:1rem}.faq details p{font-size:.83rem}.faq details>div{padding-right:1rem}.footer-shell{display:grid;grid-template-columns:1fr auto;gap:1rem 1.5rem;padding-block:1.7rem}.footer-wordmark{font-size:1rem}.site-footer p{grid-column:1;grid-row:2;font-size:.54rem}.back-top{grid-column:2;grid-row:1 / 3;font-size:.53rem;gap:.8rem}}
@media(max-width:380px){.hero-shell{min-height:44rem}.hero-wordmark{width:17rem}.hero h1{font-size:2.85rem}.hero-eyebrow{font-size:.5rem;letter-spacing:.1em}.hero-actions{gap:.7rem}.button{font-size:.61rem;padding:.85rem 1.05rem;min-height:3.2rem;gap:1rem}.button-quiet{min-height:2.6rem;padding-inline:0}.hero-description{font-size:.93rem}.hero-bottom{align-items:center}.scroll-cue{font-size:.46rem;gap:.45rem}.motion-toggle{font-size:.43rem}.motion-toggle svg{width:.7rem}.launch-label{font-size:.51rem}.scene-panel,.tabs-ready .scene-stage{height:28rem;min-height:28rem}.scene-copy h3{font-size:1.63rem}.scene-copy>p:last-child{font-size:.76rem}.community h2{font-size:2.45rem}.story-footnote p{max-width:11rem}}
@media(prefers-reduced-motion:reduce){html:not(.js){scroll-behavior:auto}html:not(.js) *,html:not(.js) *:before,html:not(.js) *:after{animation:none!important;transition:none!important}}

@media(max-width:720px){html:not(.js) .site-header{height:auto;min-height:var(--header-h)}html:not(.js) .header-shell{flex-wrap:wrap;padding-bottom:.7rem}html:not(.js) .primary-navigation{flex-basis:100%;justify-content:flex-start;gap:.5rem 1.1rem}html:not(.js) .nav-community{margin-left:auto}}