.hero-wrap{height:122vh;view-timeline-name:--heroT}.hero{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0}.hero-inner{position:relative;width:100%;display:grid;grid-template-columns:1.25fr .9fr;align-items:center;gap:1.5vw;padding:24px clamp(24px,6vw,110px)}.hero h1{font-size:clamp(2.6rem,6vw,5.6rem);letter-spacing:-.02em;line-height:1.05}.hero .title{font-family:var(--font-display);font-size:clamp(1.4rem,2.8vw,2.2rem);margin-top:14px;background:var(--shimmer);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .subtitle{color:var(--text-secondary);margin-top:12px;letter-spacing:.08em;font-family:var(--font-mono);font-size:.9rem}.hero .tagline{color:var(--text-secondary);max-width:66ch;margin:24px 0 0;font-size:1.12rem}.hero .actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}.hero-chips{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.hero-chips .chip{font-size:.75rem;padding:6px 12px;display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary)}.hero-chips .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.hero-chips .dot.live{background:var(--status-live);box-shadow:0 0 8px var(--status-live)}.hero-inner>*{min-width:0}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero .dive-hint{position:absolute;left:50%;transform:translate(-50%);bottom:-11vh;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em}.hbar-back{position:absolute;width:clamp(280px,26vw,420px);opacity:.16;z-index:0;right:-4%;top:50%;translate:0 -50%;filter:blur(1px) drop-shadow(0 0 60px rgb(91 140 255/.3))}.term{position:relative;z-index:1;min-width:0;width:min(520px,100%);translate:-1.5vw 0;border-radius:16px;overflow:hidden;background:#0e0e16b8;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgb(233 236 245/.1);box-shadow:0 24px 64px #00000073,0 0 40px #5b8cff14,inset 0 1px #e9ecf50f}.term-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid rgb(233 236 245/.07);font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.06em}.term-bar i{width:10px;height:10px;border-radius:50%;background:#3a3a4d}.term-bar i:nth-child(1){background:#ff5f57}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}.cc-mark{width:14px;height:14px;margin-left:9px;color:#d97757;flex-shrink:0}@media(prefers-reduced-motion:no-preference){.cc-mark{animation:ccSpin 12s linear infinite}}@keyframes ccSpin{to{transform:rotate(360deg)}}.term-bar span{margin-left:6px;white-space:nowrap;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:380px){.term-bar{font-size:.62rem;gap:6px}.term-bar span{margin-left:4px}}.term-body{padding:20px 22px 24px;font-family:var(--font-mono);font-size:.88rem;line-height:2.05;color:var(--text-secondary)}.tl .p{color:var(--brand-blue)}.tl .c{color:var(--text-muted)}.tl .ok{color:var(--status-live)}.tl .hl{color:var(--brand-blue)}.tl .dim{color:var(--text-muted)}.tl .wait{color:var(--status-paused)}.tl .sig{background:var(--shimmer);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.cursor{display:inline-block;width:8px;height:1.05em;vertical-align:-2px;margin-left:6px;background:var(--brand-blue)}@media(prefers-reduced-motion:no-preference){.tl{opacity:0;transform:translateY(6px);animation:tlIn .42s var(--ease-out) forwards}.tl:nth-child(1){animation-delay:.3s}.tl:nth-child(2){animation-delay:.9s}.tl:nth-child(3){animation-delay:1.5s}.tl:nth-child(4){animation-delay:2.1s}.tl:nth-child(5){animation-delay:2.8s}.tl:nth-child(6){animation-delay:3.4s}.tl:nth-child(7){animation-delay:4.1s}.cursor{animation:blink 1.1s steps(1) infinite}.hbar-back{animation:shimmer 8s ease-in-out infinite}}@keyframes tlIn{to{opacity:1;transform:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:34px}.hero .tagline{margin:22px auto 0}.hero .actions,.hero-chips{justify-content:center}.hero-visual{width:100%}.term{width:min(480px,100%);margin:0 auto;translate:none}.term-body{font-size:.8rem;padding:16px 16px 18px}.hbar-back{width:200px;right:50%;translate:50% -50%}}.snake-wrap{position:relative}.snake-wrap[data-panels="3"],.snake-wrap[data-panels="2"]{height:175vh}.snake{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;padding:0}.snake-track{display:flex;will-change:transform}.return-rail{height:30vh;display:flex;align-items:center;padding-left:28px;position:relative;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.15em;z-index:1}.return-rail:before{content:"";position:absolute;left:44px;top:-6vh;bottom:-6vh;width:2px;background:linear-gradient(180deg,transparent,var(--brand-blue) 30%,var(--brand-magenta) 70%,transparent);opacity:.5}.return-rail span{background:var(--bg-void);position:relative;z-index:1;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:999px}.era{flex:0 0 auto;min-width:0;width:min(82vw,760px);min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:0 7vw;position:relative}.era.gate,.era.story{width:100vw;align-items:center;text-align:center;padding:0 10vw}.era.gate p,.era.story p{max-width:52ch}.story-list{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}.story-list li{color:var(--text-secondary);max-width:56ch;padding-left:1.4em;text-indent:-1.4em}.story-list li:before{content:"→ ";font-family:var(--font-mono);color:var(--era-c1)}.story-wip{margin-top:24px;font-family:var(--font-mono);font-size:.8rem;color:var(--status-paused);letter-spacing:.05em;border:1px solid rgb(255 180 84/.3);border-radius:12px;padding:10px 14px;display:inline-block}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5vw;align-items:center;width:min(1280px,92vw)}.story-grid .story-text{text-align:left}.story-grid .story-text p,.story-grid .story-list li{max-width:none}.story-visual{display:flex;flex-direction:column;gap:14px}.story-visual figure{margin:0}@media(max-height:1020px){.story-visual{width:min(100%,470px);justify-self:center}.story-visual figcaption{margin-top:5px;font-size:.62rem}}@media(max-height:840px){.story-visual{width:min(100%,360px)}.story-visual figure:nth-of-type(3){display:none}}@media(max-height:700px){.story-visual figure:nth-of-type(2){display:none}.story-list{gap:8px}.era .era-h{margin:6px 0 8px}}.retro{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0}.crt{width:min(420px,100%);filter:drop-shadow(0 24px 48px rgb(0 0 0/.5))}.crt-screen{background:#0d120d;border:14px solid #23232e;border-radius:18px;padding:22px 24px;min-height:230px;text-align:left;font-family:var(--font-mono);font-size:.82rem;line-height:2;color:#86efac;position:relative;overflow:hidden}.crt-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgb(0 0 0/.16) 2px 4px)}.crt-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgb(0 0 0/.35))}.crt-foot{width:34%;height:16px;margin:0 auto;background:#1c1c26;border-radius:0 0 6px 6px}.crt-base{width:56%;height:10px;margin:0 auto;background:#23232e;border-radius:6px}.rok{color:#4ade80}.rwarn{color:#fbbf24}.rcur{display:inline-block;width:8px;height:1em;vertical-align:-2px;background:#86efac;opacity:0}.rcur.on{margin-left:6px}.ric{position:absolute;width:30px;height:30px;color:var(--era-c1);opacity:.75;z-index:1;filter:drop-shadow(0 0 10px rgb(126 162 184/.35))}.ric1{top:6%;left:4%}.ric2{top:12%;right:6%;width:34px;height:34px}.ric3{bottom:10%;left:8%}.ric4{bottom:16%;right:4%}@media(prefers-reduced-motion:no-preference){.rl{opacity:0;transform:translateY(4px);animation:tlIn .3s var(--ease-out) forwards;animation-play-state:paused}.retro.play .rl{animation-play-state:running}.rl:nth-child(1){animation-delay:.2s}.rl:nth-child(2){animation-delay:1s}.rl:nth-child(3){animation-delay:1.8s}.rl:nth-child(4){animation-delay:2.6s}.rl:nth-child(5){animation-delay:3.5s}.rl:nth-child(6){animation-delay:4.6s}.rcur.on{animation:blink 1.1s steps(1) infinite;opacity:1}.ric{animation:ricFloat 6s ease-in-out infinite}.ric2{animation-delay:1.2s}.ric3{animation-delay:2.4s}.ric4{animation-delay:3.6s}}@keyframes ricFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.rl,.rcur.on{opacity:1}}@media(max-width:900px){.retro{padding:10px 0}.crt-screen{font-size:.7rem;padding:16px}}.story-visual figcaption{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.14em;margin-top:7px;text-align:left}.story-visual img{width:100%;max-width:none;border-radius:12px;border:1px solid var(--border-subtle);transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.story-visual:hover img{border-color:var(--brand-blue);box-shadow:0 0 24px #5b8cff26}@media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:20px}.story-grid .story-text{text-align:center}.story-visual>figure:not(:first-of-type){display:none}}.era.gate .year{font-size:clamp(5rem,16vw,13rem);line-height:1;letter-spacing:-.02em}.ring{position:absolute;left:50%;top:44%;translate:-50% -50%;width:min(52vw,760px);aspect-ratio:2.9/1;border:1px solid;border-color:var(--era-glow);border-radius:50%;rotate:-8deg;z-index:-1;pointer-events:none;opacity:.55}.ring.r2{width:min(66vw,980px);rotate:-3deg;border-style:dashed;opacity:.35}@media(prefers-reduced-motion:no-preference){.ring{animation:ringBreathe 7s ease-in-out infinite}.ring.r2{animation:ringBreathe 9s ease-in-out infinite 1.2s}}@keyframes ringBreathe{0%,to{opacity:.3}50%{opacity:.65}}.era-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}.era-meta .chip{font-size:.75rem;padding:6px 12px;color:var(--text-secondary)}.stations{display:flex;align-items:center;gap:12px;margin-top:52px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);letter-spacing:.1em}.stations i{width:clamp(22px,4vw,60px);height:1px;background:var(--border-subtle)}.stations .st.cur{background:var(--shimmer);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.era.shelf{width:100vw;flex-direction:row;align-items:center;justify-content:center;gap:30px;padding:0 24px}.era.shelf .card{width:min(29vw,450px);height:492px;display:flex;flex-direction:column;padding-bottom:34px}.era.shelf .card .badge{align-self:flex-start}.era.shelf .card p{flex:1}@media(max-width:900px){.era.shelf{width:max-content;gap:16px}.era.shelf .card{width:84vw;height:auto}.snake-wrap[data-panels="3"]{height:305vh}}.ph-stetalk{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:16/10;background:radial-gradient(ellipse 80% 70% at 30% 20%,rgb(240 46 156/.22),transparent 60%),radial-gradient(ellipse 70% 60% at 75% 80%,rgb(139 92 246/.2),transparent 60%),radial-gradient(ellipse 50% 50% at 60% 30%,rgb(34 211 238/.1),transparent 65%),#0b0716}.ph-stetalk span{font-family:var(--font-display);font-size:1.7rem;font-weight:700;background:linear-gradient(135deg,#22d3ee,#f02e9c);-webkit-background-clip:text;background-clip:text;color:transparent}.ph-stetalk em{font-family:var(--font-mono);font-style:normal;font-size:.72rem;color:var(--text-muted);letter-spacing:.12em}.era .year{font-family:var(--font-mono);font-size:clamp(3rem,9vw,6rem);font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,var(--era-c1),var(--era-c2));-webkit-background-clip:text;background-clip:text;color:transparent}.era .era-h{font-size:clamp(1.3rem,2.5vw,1.9rem);margin:10px 0 12px}.era p{color:var(--text-secondary);max-width:46ch}.era:before{content:"";position:absolute;inset:8% 12%;z-index:-1;filter:blur(12px);background:radial-gradient(ellipse at center,var(--era-glow),transparent 70%)}.era-2013{--era-c1:#7ea2b8;--era-c2:#b9d2e2;--era-glow:rgb(126 162 184/.14)}.era-2015{--era-c1:#e8c874;--era-c2:#f5e3b3;--era-glow:rgb(232 200 116/.12)}.era-2024{--era-c1:#5b8cff;--era-c2:#8fb0ff;--era-glow:rgb(91 140 255/.15)}.era-2026{--era-c1:#5b8cff;--era-c2:#ff3df0;--era-glow:rgb(255 61 240/.15)}.kicker-fixed{position:absolute;top:max(9vh,64px);left:24px;z-index:2;margin:0}@keyframes snakeR{0%{transform:none;animation-timing-function:cubic-bezier(.33,0,.2,1)}94%,to{transform:translate(calc(-100% + 100vw))}}@keyframes snake2026{0%{transform:translate(0)}11%{transform:translate(0);animation-timing-function:cubic-bezier(.33,0,.2,1)}90%,to{transform:translate(calc(-100% + 100vw))}}@keyframes snake2024{0%{transform:translate(0)}12%{transform:translate(0);animation-timing-function:cubic-bezier(.4,0,.2,1)}44%{transform:translate(-100vw)}56%{transform:translate(-100vw);animation-timing-function:cubic-bezier(.4,0,.2,1)}88%{transform:translate(-200vw)}to{transform:translate(-200vw)}}@keyframes snake2013{0%{transform:translate(0)}21%{transform:translate(0);animation-timing-function:cubic-bezier(.33,0,.2,1)}79%,to{transform:translate(calc(-100% + 100vw))}}.w2026{view-timeline-name:--w2026}.w2024{view-timeline-name:--w2024}.w2015{view-timeline-name:--w2015}.w2013{view-timeline-name:--w2013}.fthumb{width:calc(100% + 52px);max-width:none;margin:-26px -26px 18px;border-radius:16px 16px 0 0;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--border-subtle)}.cta-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--cc);border:1.5px solid color-mix(in srgb,var(--cc) 55%,transparent);background:color-mix(in srgb,var(--cc) 12%,transparent);box-shadow:0 6px 20px color-mix(in srgb,var(--cc) 20%,transparent)}.cta-ic svg{width:24px;height:24px}@media(prefers-reduced-motion:no-preference){.reveal .cta-grid .card{opacity:0;translate:0 12px;transition:opacity .45s var(--ease-out),translate .45s var(--ease-out);transition-delay:calc(var(--i)*.12s)}.reveal.in .cta-grid .card{opacity:1;translate:0 0}.cta-ic{animation:ricFloat 6s ease-in-out infinite;animation-delay:calc(var(--i)*1.3s)}}#toolbox{text-align:center}.tools{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:6px 0 40px}.tool{flex:1 1 0;min-width:104px;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;border-radius:14px;background:#12121ad1;border:1px solid color-mix(in srgb,var(--tc) 60%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--tc) 18%,transparent)}.tool i{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:normal;font-weight:700;font-size:1.1rem;color:var(--tc);border:1.5px solid color-mix(in srgb,var(--tc) 55%,transparent);background:color-mix(in srgb,var(--tc) 12%,transparent)}.tool span{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}@media(max-width:640px){.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:320px;margin-left:auto;margin-right:auto}.tool{max-width:none}}@media(prefers-reduced-motion:no-preference){.reveal .tool{opacity:0;translate:0 10px;transition:opacity .4s var(--ease-out),translate .4s var(--ease-out);transition-delay:calc(var(--i)*70ms)}.reveal.in .tool{opacity:1;translate:0 0}}.tools-cta{text-align:center;margin-top:4px}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.hero-inner{animation:heroDive linear both;animation-timeline:--heroT;animation-range:contain 0% exit 45%}.w2026 .snake-track{animation:snakeR linear both;animation-timeline:--w2026;animation-range:contain 0% contain 100%}.w2024 .snake-track{animation:snakeR linear both;animation-timeline:--w2024;animation-range:contain 0% contain 100%}.w2015 .snake-track{animation:snakeR linear both;animation-timeline:--w2015;animation-range:contain 0% contain 100%}.w2013 .snake-track{animation:snakeR linear both;animation-timeline:--w2013;animation-range:contain 0% contain 100%}}}@media(prefers-reduced-motion:no-preference)and (max-width:640px){@supports (animation-timeline: scroll()){.w2026 .snake-track{animation-name:snake2026}.w2024 .snake-track,.w2015 .snake-track{animation-name:snake2024}.w2013 .snake-track{animation-name:snake2013}}}@keyframes heroDive{to{transform:scale(.9) translateY(-4vh);opacity:0;filter:blur(2px)}}@supports (height: 100svh){.snake{height:100svh}.hero{min-height:100svh}}@media(max-width:640px){.era{width:88vw;padding:0 6vw}.snake{align-items:flex-start}.snake-wrap.w2026{height:272vh}.snake-wrap.w2024,.snake-wrap.w2015{height:254vh}.snake-wrap.w2013{height:186vh}.era.gate{width:100vw;min-height:100svh;justify-content:flex-start;padding:clamp(150px,21vh,188px) 8vw 0}.era.gate .era-meta{margin-top:16px}.era.gate .stations{margin-top:26px}.kicker-fixed{top:58px;font-size:.68rem}.hero .tagline{font-size:1rem}.hero-chips{display:none}.era .era-h{font-size:1.15rem;margin:6px 0 8px}.story-list{gap:7px;margin-top:12px}.story-list li{font-size:.82rem;line-height:1.55}.story-wip{margin-top:12px;font-size:.7rem;padding:8px 10px}.story-visual figcaption{text-align:center}.era-2013.story{min-height:100svh;justify-content:flex-start;padding:62px 5vw 0}.era-2013 .story-grid{gap:12px}.era-2013 .story-visual img{max-height:22svh;width:auto;max-width:100%;margin:0 auto}.era-2024.story,.era-2015.story{flex-direction:row;width:200vw;min-height:0;align-items:stretch;padding:0}.era-2024 .story-grid,.era-2015 .story-grid{display:contents}.era-2024 .story-text,.era-2015 .story-text{flex:0 0 100vw;min-width:0;min-height:100svh;margin:0;display:flex;flex-direction:column;justify-content:center;padding:62px 7vw 40px;text-align:center}.era-2024 .story-visual,.era-2015 .story-visual{flex:0 0 100vw;min-width:0;min-height:100svh;margin:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:62px 6vw 40px;pointer-events:none}.era-2024 .story-visual figure,.era-2015 .story-visual figure{display:flex;flex-direction:column;margin:0}.era-2024 .story-visual img,.era-2015 .story-visual img{width:auto;max-width:100%;max-height:30svh;margin:0 auto}.era-2024 .story-visual figcaption,.era-2015 .story-visual figcaption{margin-top:8px}.retro{padding:0}.ric{display:none}}@media(prefers-reduced-motion:reduce){.hero-wrap{height:auto;overflow-x:clip}.hero{position:static;min-height:92vh}.dive-hint{display:none}.snake-wrap{height:auto!important}.snake{position:static;height:auto;overflow:clip}.snake-track{flex-direction:column;transform:none!important;animation:none!important}.era{width:100%;min-height:auto;padding:32px 24px}.era.shelf{width:100%;flex-direction:column;gap:20px}.era.shelf .card{width:min(92vw,450px);height:auto}.era-2024.story,.era-2015.story{flex-direction:column;width:100%;min-height:auto}.era-2024 .story-text,.era-2015 .story-text,.era-2024 .story-visual,.era-2015 .story-visual{flex:none;width:100%;min-height:auto;padding:0}.return-rail{display:none}}