/* Homepage Experience V3 — isolated art direction for / only. */
.page-home{--hx-gutter:clamp(18px,4vw,64px);--hx-max:1440px;background:#050805}
.page-home main{overflow:clip}.page-home main>.section{border:0!important}
.page-home .wrap{width:min(100%,var(--hx-max));max-width:none;padding-inline:var(--hx-gutter)}
.page-home .site-header .wrap{gap:24px}.page-home .site-header .nav{gap:8px}.page-home .site-header .nav a{white-space:nowrap}.page-home .site-header .nav-cta{min-width:142px}

/* A shorter, denser opener with a deliberate asymmetrical composition. */
.page-home .home-hero{min-height:clamp(650px,86svh,820px)!important;max-height:900px;background-position:center!important}
.page-home .hero-stage{grid-template-columns:minmax(0,720px) minmax(210px,1fr);padding-top:clamp(60px,8vh,100px);padding-bottom:105px}
.page-home .hero-wordmark img{width:min(640px,100%)}
.page-home .hero-signal{margin-bottom:34px;animation:hx-float 5s ease-in-out infinite}
.page-home .home-hero::after{content:"SCROLL TO ENTER"!important;display:block!important;position:absolute;z-index:5;right:var(--hx-gutter);bottom:68px;left:auto;transform:none;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.22em;color:#d8ff2a;writing-mode:vertical-rl}
.page-home .home-hero::before{z-index:1;background:linear-gradient(90deg,rgba(5,8,5,.78),transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:normal;transform:none;animation:hx-scan 8s linear infinite}
@keyframes hx-scan{50%{background-position:0 0,0 8px}}
@keyframes hx-float{50%{translate:0 -10px;rotate:-1deg}}

/* Persistent chapter rail: visible evidence that the page is an experience, not a stack. */
.hx-rail{position:fixed;z-index:40;top:50%;right:18px;translate:0 -50%;display:grid;gap:12px;padding:14px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(5,9,6,.62);backdrop-filter:blur(14px);opacity:0;transition:opacity .3s}
.is-scrolled .hx-rail{opacity:1}.hx-rail button{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#52604d;cursor:pointer;transition:scale .25s,background .25s,box-shadow .25s}.hx-rail button::before{content:attr(aria-label);position:absolute;right:22px;top:50%;translate:8px -50%;width:max-content;padding:6px 9px;border-radius:6px;background:#0b100b;color:#f4ffe8;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s,translate .2s}.hx-rail button:hover::before,.hx-rail button:focus-visible::before{opacity:1;translate:0 -50%}.hx-rail button.is-active{scale:1.7;background:#d8ff2a;box-shadow:0 0 15px #4eff5a}

/* Origin dossier — compact, layered, no empty desktop canyon. */
.page-home .home-about{padding-block:clamp(56px,7vw,92px)!important;background:radial-gradient(700px 500px at 85% 50%,rgba(255,46,126,.13),transparent 70%),linear-gradient(110deg,#080c08,#0c110b)}
.page-home .home-about .about-grid{min-height:0;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:clamp(36px,7vw,100px)}
.page-home .home-about h2{font-size:clamp(52px,7vw,92px);max-width:700px}
.page-home .home-about p{font-size:clamp(16px,1.4vw,19px);max-width:64ch}
.page-home .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;border-block:1px solid rgba(78,255,90,.16)}
.page-home .stat{padding:18px 12px;border-right:1px solid rgba(78,255,90,.13)}.page-home .stat:last-child{border:0}.page-home .stat .n{font-size:clamp(34px,4vw,52px)}
.page-home .about-media{aspect-ratio:4/5;overflow:visible}.page-home .about-media img{height:100%;object-fit:cover;transform:rotate(1.5deg);border-radius:3px 34px 3px 34px;box-shadow:22px 22px 0 rgba(255,46,126,.12),0 35px 90px #000}

/* Collection carousel becomes a focused exhibit, not a giant empty chapter. */
.page-home .zb-carousel{padding-block:clamp(52px,6vw,78px) 46px;background:linear-gradient(180deg,#071007,#050805)}
.page-home .zb-carousel .section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:12px}.page-home .zb-carousel .section-heading::after{content:"SWIPE / DRAG / EXPLORE";padding-bottom:14px;color:#71806b;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.18em;white-space:nowrap}
.page-home .zb-carousel-track{padding-block:10px 20px}.page-home .zb-carousel .product{min-height:420px;background:linear-gradient(145deg,#111810,#090d09);border-radius:4px 34px 4px 34px}.page-home .zb-carousel .product.is-active{box-shadow:0 26px 80px #000,0 0 70px rgba(78,255,90,.08)}

/* Interactive destination scene. Pointer position drives the toxic spotlight. */
.page-home .home-explore{--portal-x:50%;--portal-y:42%;min-height:clamp(720px,72vw,900px);padding:70px 0 44px!important;background-image:radial-gradient(430px circle at var(--portal-x) var(--portal-y),rgba(111,255,233,.18),transparent 62%),linear-gradient(180deg,rgba(2,5,5,.08),rgba(2,5,5,.02) 44%,rgba(2,5,5,.88) 100%),url(/static/img/wasteland-portals-v1.webp);background-position:center;background-size:cover}.page-home .home-explore::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 9.8%,rgba(111,255,233,.025) 10%);mix-blend-mode:screen}.page-home .home-explore .grid{gap:16px}.page-home .home-explore .card{min-height:190px;transition:background .3s,border-color .3s,box-shadow .3s,opacity .3s}.page-home .home-explore.has-portal-focus .card:not(.is-portal-active){opacity:.48}.page-home .home-explore .card.is-portal-active{background:rgba(5,14,8,.92);border-color:#6fffe9;box-shadow:0 24px 75px #000,0 0 34px rgba(111,255,233,.22)}

/* Anthem is a poster moment; community and merch close quickly and confidently. */
.page-home .home-video{padding-block:clamp(64px,8vw,104px)!important;background:radial-gradient(circle at 50% 60%,rgba(255,46,126,.12),transparent 55%),#070807}.page-home .home-video h2{font-size:clamp(72px,11vw,150px);margin-bottom:6px}.page-home .home-video .yt-facade{max-width:1160px;margin:30px auto 0;box-shadow:0 35px 110px #000,0 0 0 1px rgba(255,46,126,.28)}
.page-home .home-community{padding-block:clamp(58px,7vw,88px)!important}.page-home .home-community .grid{margin-top:24px}.page-home .home-community .card{min-height:250px;border-radius:4px 28px 4px 28px}
.page-home .home-showcase{padding-block:clamp(60px,7vw,90px)!important}.page-home .showcase-grid{gap:clamp(30px,5vw,70px)}

/* Touch/mobile is designed directly, not a scaled desktop composition. */
@media(max-width:900px),(hover:none) and (pointer:coarse) and (max-width:1200px){
  .hx-rail{display:none}.page-home .home-hero{min-height:min(720px,calc(100svh - 68px))!important;max-height:none}.page-home .hero-stage{display:flex;grid-template-columns:none;padding-top:70px;padding-bottom:94px}.page-home .home-hero::after{display:none!important}.page-home .home-hero::before{background:linear-gradient(180deg,rgba(4,7,4,.06),rgba(4,7,4,.78) 62%,#050805),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px)}
  .page-home .home-about .about-grid{grid-template-columns:1fr;gap:28px}.page-home .home-about h2{font-size:clamp(44px,11vw,68px)}.page-home .stats{margin-top:24px}.page-home .about-media{width:min(100%,520px);aspect-ratio:4/5}.page-home .about-media img{transform:none;box-shadow:10px 10px 0 rgba(255,46,126,.13)}
  .page-home .zb-carousel .section-heading{display:block}.page-home .zb-carousel .section-heading::after{display:none}.page-home .zb-carousel .product{min-height:0;border-radius:20px}.page-home .home-explore{min-height:auto;padding-top:52px!important;background-position:center top;background-size:auto 650px}.page-home .home-explore .grid{margin-top:260px}.page-home .home-explore.has-portal-focus .card:not(.is-portal-active){opacity:1}.page-home .home-video h2{font-size:clamp(62px,17vw,96px)}
}
@media(max-width:560px){
  .page-home .home-hero{min-height:calc(100svh - 68px)!important}.page-home .hero-stage{padding-top:58px;padding-bottom:88px}.page-home .hero-copy .eyebrow{font-size:10px}.page-home .hero-wordmark img{width:100%}.page-home .hero .lede{font-size:16px;line-height:1.48}.page-home .home-about,.page-home .zb-carousel,.page-home .home-community,.page-home .home-showcase{padding-block:46px!important}.page-home .stats{grid-template-columns:1fr}.page-home .stat{display:flex;align-items:baseline;gap:10px;padding:11px 4px;border-right:0;border-bottom:1px solid rgba(78,255,90,.1)}.page-home .stat:last-child{border:0}.page-home .home-explore{background-size:auto 560px}.page-home .home-explore .grid{margin-top:230px}.page-home .home-video{padding-block:58px!important}.page-home .home-community .card{min-height:210px}.page-home .showcase-copy h2{font-size:54px}
}
@media(prefers-reduced-motion:reduce){.page-home .hero-signal{animation:none}.page-home .home-hero::before{animation:none}}

/* Resurrection story architecture. */
.story-hero{position:relative;min-height:calc(100svh - 72px);display:grid;align-items:center;isolation:isolate;overflow:hidden;background:#030503}.story-hero-art{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#030503 4%,rgba(3,5,3,.86) 40%,rgba(3,5,3,.12) 72%),url(/static/img/hero-carnival-v2.webp) 68% center/cover no-repeat;filter:saturate(.8)}.page-home .story-hero::before,.page-home .story-hero::after{content:"";display:block;position:absolute;z-index:0;inset:0;transform:none;writing-mode:initial;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(111,255,233,.025) 3px 4px);pointer-events:none}.page-home .story-hero::before{background:linear-gradient(90deg,rgba(3,5,3,.34),transparent 70%)}.story-hero-inner{position:relative;z-index:2;padding-block:clamp(90px,12vh,150px);margin:0}.story-signal,.story-heading>span{display:inline-flex;align-items:center;gap:10px;color:var(--zb-pink);font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.17em;text-transform:uppercase}.story-signal::before,.story-heading>span::before{content:"";width:34px;height:2px;background:currentColor;box-shadow:0 0 14px currentColor}.story-hero h1{max-width:830px;margin:25px 0 24px;color:#f4ffe8;font:400 clamp(72px,9.5vw,148px)/.82 'Bangers',cursive;letter-spacing:.01em;text-wrap:balance;text-shadow:0 7px 0 #000}.story-hero p{max-width:650px;margin:0 0 30px;color:#e7f0e2;font-size:clamp(18px,1.7vw,23px);line-height:1.55}.story-actions{display:flex;gap:14px;flex-wrap:wrap}.story-pulse{position:absolute;z-index:2;right:var(--hx-gutter);bottom:45px;display:flex;align-items:center;gap:12px;color:#6fffe9;font:700 9px/1 'Space Grotesk',sans-serif;letter-spacing:.17em}.story-pulse i{width:100px;height:18px;background:linear-gradient(90deg,transparent 0 5%,#6fffe9 5% 7%,transparent 7% 13%,#6fffe9 13% 17%,transparent 17% 30%,#6fffe9 30% 34%,transparent 34%);animation:story-pulse 2s steps(2) infinite}@keyframes story-pulse{50%{opacity:.28}}
.story-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;margin-bottom:clamp(34px,5vw,64px)}.story-heading h2{max-width:1050px!important;margin:0!important;font-size:clamp(55px,8vw,108px)!important;line-height:.86!important}.story-resurrection{padding-block:clamp(70px,9vw,130px)!important;background:radial-gradient(800px 550px at 15% 50%,rgba(255,46,126,.08),transparent 70%),#070907}.story-timeline{position:relative;display:grid;gap:0;margin-left:min(8vw,100px)}.story-timeline::before{content:"";position:absolute;left:49px;top:40px;bottom:40px;width:2px;background:linear-gradient(var(--zb-pink),var(--zb-yellow),var(--zb-green));box-shadow:0 0 18px rgba(78,255,90,.4)}.story-timeline article{display:grid;grid-template-columns:100px 1fr;gap:clamp(25px,5vw,70px);align-items:center;min-height:230px;padding-block:30px}.story-timeline article>b{position:relative;z-index:1;display:grid;place-items:center;width:100px;height:100px;border:1px solid currentColor;border-radius:50%;background:#080b08;color:var(--zb-yellow);font:400 42px/1 'Bangers',cursive;box-shadow:0 0 0 10px #070907}.story-timeline article:nth-child(1)>b{color:var(--zb-pink)}.story-timeline article:nth-child(3)>b{color:var(--zb-green)}.story-timeline h3{margin:0 0 10px;font:400 clamp(35px,4.5vw,62px)/1 'Bangers',cursive}.story-timeline p{max-width:670px;margin:0;color:#bdc9b7;font-size:18px;line-height:1.65}
.story-returned{padding-block:clamp(70px,8vw,110px)!important;background:#040704}.story-carousel{overflow:hidden}.story-carousel-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 3px 28px}.story-carousel-track::-webkit-scrollbar{display:none}.story-relic{flex:0 0 min(78vw,980px);display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);min-height:480px;scroll-snap-align:start;overflow:hidden;border:1px solid rgba(78,255,90,.2);border-radius:4px 36px 4px 36px;background:#0d120d}.story-relic>img{width:100%;height:100%;object-fit:cover}.story-relic>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,70px)}.story-relic small{color:var(--zb-pink);font-weight:800;letter-spacing:.15em;text-transform:uppercase}.story-relic h3{margin:14px 0;font:400 clamp(48px,6vw,88px)/.9 'Bangers',cursive}.story-relic p{color:#c7d1c2;font-size:18px;line-height:1.6}.story-relic a{align-self:flex-start;margin-top:14px;font-weight:800}.story-carousel-nav{display:grid;grid-template-columns:52px auto 1fr 52px;align-items:center;gap:16px;max-width:620px;margin:8px auto 0}.story-carousel-nav button{width:52px;height:52px;border:1px solid rgba(78,255,90,.4);border-radius:50%;background:#081008;color:white;font-size:21px;cursor:pointer}.story-carousel-nav span{font:400 22px/1 'Bangers',cursive}.story-carousel-nav i{height:2px;background:linear-gradient(90deg,var(--zb-green),rgba(78,255,90,.12))}
.story-paths{padding-block:clamp(75px,9vw,125px)!important;background:linear-gradient(rgba(2,5,5,.22),rgba(2,5,5,.84)),url(/static/img/wasteland-portals-v1.webp) center/cover no-repeat}.story-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.story-path{min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid rgba(255,255,255,.16);background:rgba(4,9,6,.72);backdrop-filter:blur(12px);color:white;transition:translate .3s,border-color .3s,background .3s}.story-path:hover{translate:0 -12px;text-decoration:none;border-color:var(--zb-green);background:rgba(5,17,8,.9)}.story-path strong{font:400 52px/1 'Bangers',cursive}.story-path p{color:#c9d4c3;font-size:15px;line-height:1.5}.story-path span{margin-top:auto;color:var(--zb-green);font-weight:800}
.story-proof{padding-block:clamp(70px,8vw,110px)!important;background:#090c09}.story-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(78,255,90,.18)}.story-proof-grid>div{min-height:210px;display:flex;flex-direction:column;justify-content:center;padding:25px;border-right:1px solid rgba(78,255,90,.13)}.story-proof-grid>div:last-child{border:0}.story-proof-grid b{font:400 clamp(50px,6vw,88px)/1 'Bangers',cursive;color:var(--zb-yellow)}.story-proof-grid span{max-width:18ch;color:#aebaa8;font-size:14px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
.story-horizon{min-height:760px;display:flex;align-items:end;padding-block:100px!important;background:linear-gradient(90deg,rgba(3,5,3,.94),rgba(3,5,3,.78) 48%,rgba(3,5,3,.08) 78%),url(/static/img/park-horizon-v1.webp) center/cover no-repeat}.story-horizon .wrap{margin:0}.story-horizon-copy{max-width:720px;color:#d3ddd0;font-size:clamp(17px,1.6vw,21px);line-height:1.7}.story-closing{display:block;max-width:800px;margin:32px 0;font:400 clamp(38px,5vw,68px)/1 'Bangers',cursive;color:var(--zb-yellow);text-shadow:0 3px 18px #000}
@media(max-width:900px),(hover:none) and (pointer:coarse) and (max-width:1200px){.story-hero{min-height:min(760px,calc(100svh - 68px))}.story-hero-art{background:linear-gradient(180deg,rgba(3,5,3,.05),rgba(3,5,3,.84) 60%,#030503),url(/static/img/hero-carnival-v2.webp) 67% center/cover no-repeat}.story-hero-inner{align-self:end;padding-block:80px 100px}.story-hero h1{font-size:clamp(62px,13vw,104px)}.story-pulse{display:none}.story-timeline{margin:0}.story-path-grid,.story-proof-grid{grid-template-columns:repeat(2,1fr)}.story-relic{flex-basis:94%;grid-template-columns:1fr}.story-relic>img{aspect-ratio:16/10}.story-path{min-height:280px;backdrop-filter:none}.story-horizon{min-height:650px}}
@media(max-width:560px){.story-hero h1{font-size:clamp(58px,18vw,82px)}.story-hero p{font-size:16px}.story-actions{display:grid}.story-actions .btn{width:100%}.story-heading h2{font-size:clamp(46px,14vw,68px)!important}.story-timeline::before{left:29px}.story-timeline article{grid-template-columns:60px 1fr;gap:18px;min-height:190px}.story-timeline article>b{width:60px;height:60px;font-size:28px;box-shadow:0 0 0 7px #070907}.story-timeline h3{font-size:34px}.story-timeline p{font-size:15px}.story-relic{flex-basis:100%;display:flex;flex-direction:column;min-height:0}.story-relic>img{aspect-ratio:1}.story-relic>div{padding:24px}.story-relic h3{font-size:46px}.story-path-grid,.story-proof-grid{grid-template-columns:1fr}.story-path{min-height:220px}.story-proof-grid>div{min-height:140px;border-right:0;border-bottom:1px solid rgba(78,255,90,.13)}.story-horizon{min-height:720px;padding-block:70px!important;background-image:linear-gradient(180deg,rgba(3,5,3,.94),rgba(3,5,3,.82) 72%,rgba(3,5,3,.42)),url(/static/img/park-horizon-v1.webp);background-position:72% center}}

/* Cinematic transmission layer — atmosphere without hiding the brand art. */
.page-home{--story-progress:0;--story-x:50%;--story-y:35%;--story-glow:78,255,90;position:relative}
.story-atmosphere{position:fixed;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;opacity:.42;mix-blend-mode:screen}
.story-light{position:fixed;z-index:2;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--story-x) var(--story-y),rgba(var(--story-glow),.105),transparent 68%);transition:background-color .8s}
.story-noise{position:fixed;z-index:39;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:story-noise .22s steps(2) infinite}
@keyframes story-noise{0%{translate:-1% 1%}50%{translate:1% -1%}100%{translate:0}}

.story-hud{--ekg-progress:0;position:fixed;z-index:45;left:18px;bottom:18px;width:min(360px,calc(100vw - 36px));height:112px;padding:12px 14px 11px;border:1px solid rgba(78,255,90,.28);background:rgba(3,8,5,.88);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.48),inset 0 0 35px rgba(78,255,90,.035);color:#8d9b88;font:700 8px/1 'Space Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:opacity .35s,translate .35s,border-color .4s;opacity:0;translate:0 8px;overflow:hidden}
.is-scrolled .story-hud{opacity:1;translate:0}.is-scrolled .story-hud.is-footer-visible{opacity:0;translate:0 18px}.story-hud::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(78,255,90,.025) 3px 4px)}.story-hud.is-alive{border-color:rgba(78,255,90,.65)}.story-hud-top{position:relative;z-index:2;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px}.story-hud-top b{color:var(--zb-green);font-size:11px;font-variant-numeric:tabular-nums}.story-hud-status{justify-self:end;color:var(--zb-pink);transition:color .35s}.story-hud.is-alive .story-hud-status{color:var(--zb-green)}.story-hud-depth{color:#6fffe9;font-variant-numeric:tabular-nums}.story-hud-milestone{position:absolute;z-index:3;left:14px;bottom:7px;color:#d8ff2a;font-size:8px;letter-spacing:.14em;text-shadow:0 1px 5px #000}.story-hud svg{position:absolute;left:12px;right:12px;bottom:14px;width:calc(100% - 24px);height:65px;overflow:visible}.story-hud path{fill:none;stroke:var(--zb-green);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ekg-progress));filter:drop-shadow(0 0 4px var(--zb-green))}.story-hud-beacon{position:absolute;z-index:3;left:calc(14px + var(--ekg-progress) * (100% - 28px));bottom:43px;width:6px;height:6px;translate:-50% 50%;border-radius:50%;background:var(--zb-green);box-shadow:0 0 7px var(--zb-green),0 0 18px var(--zb-green)}
@keyframes story-bars{to{height:3px;opacity:.4}}

.story-hero{perspective:1200px}.story-hero-art{scale:1.035;transition:filter .8s}.story-hero-inner{will-change:transform,opacity}.story-hero h1{position:relative;background:linear-gradient(180deg,#fff 0 44%,#d8ff2a 44% 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important;text-shadow:none;filter:drop-shadow(0 8px 0 #000)}
.story-hero h1::after{content:"";position:absolute;inset:-8px 0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.2) 3px 5px);pointer-events:none}
.story-hero.is-live .story-hero-inner{animation:story-lockon .9s cubic-bezier(.16,1,.3,1) both}.story-hero.is-live .story-hero-art{animation:story-art-in 1.4s ease-out both}
@keyframes story-lockon{from{opacity:0;translate:0 34px;filter:blur(8px)}to{opacity:1;translate:0;filter:none}}
@keyframes story-art-in{from{opacity:.25;scale:1.1;filter:saturate(.2) brightness(.55)}to{opacity:1;scale:1.035;filter:saturate(.8)}}

.story-reveal{opacity:.14;translate:0 42px;filter:blur(5px);transition:opacity .85s cubic-bezier(.16,1,.3,1),translate .85s cubic-bezier(.16,1,.3,1),filter .85s}
.story-reveal.is-revealed{opacity:1;translate:0;filter:none}.story-heading.story-reveal{translate:-28px 20px}.story-heading.story-reveal.is-revealed{translate:0}
.story-resurrection{position:relative;overflow:hidden}.story-resurrection::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.8%,rgba(78,255,90,.035) 50%,transparent 50.2%);opacity:.7}.story-timeline article{position:relative;transition:opacity .5s,transform .5s}.story-timeline article:not(.is-scene-active){opacity:.36;transform:scale(.985)}.story-timeline article.is-scene-active{opacity:1;transform:none}.story-timeline article.is-scene-active>b{background:var(--zb-green);color:#061006;box-shadow:0 0 0 10px #070907,0 0 50px rgba(78,255,90,.42)}.story-timeline article::after{content:"SIGNAL FOUND";position:absolute;right:0;top:50%;color:var(--zb-green);font:700 9px/1 'Space Grotesk',sans-serif;letter-spacing:.18em;opacity:0;translate:-12px 0;transition:.35s}.story-timeline article.is-scene-active::after{opacity:.7;translate:0}
.story-ekg{--ekg-progress:0;position:relative;z-index:2;grid-column:1/-1;height:clamp(120px,16vw,220px);margin:clamp(18px,4vw,56px) 0 clamp(28px,5vw,70px);border-block:1px solid rgba(78,255,90,.12);overflow:hidden;background-color:#070907;background-image:linear-gradient(90deg,rgba(78,255,90,.035) 1px,transparent 1px),linear-gradient(rgba(78,255,90,.025) 1px,transparent 1px);background-size:5% 100%,100% 25%}.story-ekg::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--ekg-progress) * 100%);width:90px;translate:-50% 0;background:linear-gradient(90deg,transparent,rgba(78,255,90,.09),transparent);filter:blur(8px);pointer-events:none}.story-ekg svg{position:absolute;inset:12% 0;width:100%;height:76%;overflow:visible}.story-ekg path{fill:none;stroke:var(--zb-green);stroke-width:2.3;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ekg-progress));filter:drop-shadow(0 0 5px rgba(78,255,90,.85))}.story-ekg-head{position:absolute;z-index:2;top:13px;left:18px;display:flex;gap:20px;align-items:baseline;color:#73806e;font:700 9px/1 'Space Grotesk',sans-serif;letter-spacing:.17em;text-transform:uppercase}.story-ekg-head b{min-width:72px;color:var(--zb-green);font-size:13px;font-variant-numeric:tabular-nums}.story-ekg-status{position:absolute;z-index:2;right:18px;bottom:13px;color:var(--zb-pink);font:700 9px/1 'Space Grotesk',sans-serif;letter-spacing:.17em;text-transform:uppercase;transition:color .3s}.story-ekg.is-alive .story-ekg-status{color:var(--zb-green)}.story-ekg-beacon{position:absolute;z-index:3;top:50%;left:calc(var(--ekg-progress) * 100%);width:8px;height:8px;translate:-50% -50%;border-radius:50%;background:var(--zb-green);box-shadow:0 0 8px var(--zb-green),0 0 28px var(--zb-green);opacity:calc(.2 + var(--ekg-progress))}

.story-returned{position:relative}.story-relic{transition:border-color .45s,box-shadow .45s,transform .45s}.story-relic:hover{transform:translateY(-6px);border-color:rgba(78,255,90,.6);box-shadow:0 30px 90px #000,0 0 55px rgba(78,255,90,.08)}.story-relic>img{filter:saturate(.82) contrast(1.04);transition:filter .45s,scale .7s}.story-relic:hover>img{filter:saturate(1.12) contrast(1.06);scale:1.025}.story-path{overflow:hidden;isolation:isolate}.story-path::before{content:"";position:absolute;z-index:-1;inset:-50%;background:linear-gradient(115deg,transparent 42%,rgba(78,255,90,.13) 50%,transparent 58%);translate:-55% 0;transition:translate .65s}.story-path:hover::before,.story-path:focus-visible::before{translate:55% 0}
.story-proof-grid>div{position:relative;overflow:hidden}.story-proof-grid>div::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--zb-green);scale:0 1;transform-origin:left;transition:scale .7s}.story-proof-grid>div.is-revealed::after{scale:1}.story-horizon{position:relative;isolation:isolate}.story-horizon::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(70% 50% at 75% 60%,rgba(216,255,42,.16),transparent 72%);animation:horizon-breathe 6s ease-in-out infinite alternate}@keyframes horizon-breathe{to{opacity:.35;scale:1.04}}

@media(min-width:901px) and (hover:hover){.story-resurrection>.wrap{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(520px,1.3fr);gap:clamp(55px,7vw,120px)}.story-resurrection .story-heading{position:sticky;top:150px;align-self:start;margin:0}.story-timeline{margin:0}.story-timeline article{min-height:42vh}.story-timeline article::after{right:10px}.story-horizon{background-attachment:fixed}}
@media(max-width:900px){.story-atmosphere{opacity:.25}.story-light{display:none}.story-noise{opacity:.035}.story-hud{left:12px;right:12px;bottom:8px;width:auto;height:88px;padding:9px 11px}.story-hud svg{left:9px;bottom:9px;width:calc(100% - 18px);height:50px}.story-hud-beacon{bottom:34px}.story-hud-milestone{left:10px;bottom:4px;font-size:7px}.story-hud-top{grid-template-columns:auto 1fr auto;gap:6px}.story-hud-top>span:first-child{display:none}.story-hud-status{justify-self:start}.story-reveal{translate:0 24px}.story-timeline article:not(.is-scene-active){opacity:.7;transform:none}.story-timeline article::after{display:none}.story-hero h1{background:linear-gradient(180deg,#fff 0 48%,#d8ff2a 48%);background-clip:text;-webkit-background-clip:text}}
@media(prefers-reduced-motion:reduce){.story-atmosphere,.story-noise,.story-light{display:none}.story-hero.is-live .story-hero-inner,.story-hero.is-live .story-hero-art,.story-horizon::after{animation:none}.story-reveal{opacity:1;translate:0;filter:none;transition:none}.story-timeline article:not(.is-scene-active){opacity:1;transform:none}.story-relic,.story-relic>img,.story-path::before{transition:none}.story-hud{--ekg-progress:1!important}.story-hud-beacon{display:none}}