:root{--black:#020608;--white:#f4f8fa;--muted:#a6b9bf;--muted-dark:#677b82;--cyan:#00bddb;--cyan-hi:#00d9e8;--green:#8debba;--ease:cubic-bezier(.22,1,.36,1);--page-x:clamp(24px,9.25vw,174px)}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth;scroll-snap-type:y proximity}
body{margin:0;min-width:320px;color:var(--white);font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--black)}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
::selection{color:#001517;background:var(--cyan)}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-180%);background:#08b8ca;color:#001316;padding:10px 20px;font-size:13px}
.skip-link:focus{transform:none}
.worlds,.world,.grain,.vignette,#atmosphere{position:fixed;inset:0;pointer-events:none}
.worlds{z-index:0;overflow:hidden;background:radial-gradient(ellipse at 73% 49%,#031318 0%,#020608 55%,#000 100%)}
.world{opacity:0;will-change:opacity,transform;overflow:hidden;transition:opacity .14s linear}
.world.is-visible{opacity:1}
.world img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;filter:contrast(1.16) saturate(1.04);transform:translate3d(0,0,0) scale(1.035);animation:worldBreath 9s ease-in-out infinite alternate;user-select:none}
.world[data-scene="1"] img{animation-duration:10.5s}
.world[data-scene="2"] img{animation-duration:12s;animation-direction:alternate-reverse}
.world[data-scene="3"] img{animation-duration:8s}
.world[data-scene="4"] img{animation-duration:7s}
.world--chelonia img,.world--reveal img{animation-duration:15s;filter:saturate(1.08) contrast(1.06)}
.world--reveal img{transform:scale(1.12);filter:saturate(1.15) contrast(1.08)}
@keyframes worldBreath{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-1.5%,.8%,0) scale(1.055)}}
.grain{z-index:1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.29'/%3E%3C/svg%3E");mix-blend-mode:screen}
.vignette{z-index:1;background:linear-gradient(90deg,rgba(0,3,5,.64) 0,rgba(0,3,5,.29) 42%,transparent 75%),linear-gradient(0deg,#000 0%,transparent 17%,transparent 84%,rgba(0,0,0,.66) 100%)}
#atmosphere{z-index:1;opacity:.78}
.site-header{position:fixed;z-index:15;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(20px,3.5vh,38px) clamp(24px,5.1vw,92px);pointer-events:none}
.site-header>*{pointer-events:auto}
.brand{display:flex;align-items:center;gap:11px;min-height:38px}
.brand__logo{display:block;width:clamp(116px,10.5vw,153px);height:auto;aspect-ratio:307 / 102;object-fit:contain;object-position:left center;max-height:47px}
.brand__division{font-size:9px;font-weight:600;letter-spacing:.34em;color:#b3c6ce;border-left:1px solid rgba(154,205,210,.33);padding-left:13px;line-height:16px}
.header-meta{display:flex;align-items:center;gap:55px;color:#a8bdc3;font-size:10px;font-weight:500;letter-spacing:.19em}
.header-meta__live{display:flex;align-items:center;gap:12px}
.live-dot{width:5px;height:5px;border-radius:50%;background:#18d8d5;box-shadow:0 0 16px #0ac8ca;animation:blink 2.5s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
.header-meta__counter{font-variant-numeric:tabular-nums;color:#fff;font-size:12px;letter-spacing:.28em}
.header-meta__counter>span:first-child{color:var(--cyan)}
.header-meta__slash{padding:0 9px;color:#70888c}
.chapter-nav{position:fixed;z-index:11;right:clamp(22px,5.05vw,90px);top:50%;transform:translateY(-50%);display:grid;gap:18px}
.chapter-nav__item{display:flex;align-items:center;justify-content:flex-end;gap:15px;opacity:.46;transition:opacity .4s}
.chapter-nav__line{height:1px;width:17px;background:#91a6ac;transform-origin:right center;transition:background .4s,width .5s var(--ease),box-shadow .4s}
.chapter-nav__name{min-width:75px;text-align:left;font-size:9px;letter-spacing:.19em;opacity:0;transform:translateX(5px);transition:opacity .4s,transform .4s;color:#b4d3d8}
.chapter-nav__item:hover,.chapter-nav__item:focus-visible,.chapter-nav__item.is-current{opacity:1}
.chapter-nav__item.is-current .chapter-nav__line{width:28px;background:var(--cyan);box-shadow:0 0 16px rgba(15,228,230,.8)}
.chapter-nav__item.is-current .chapter-nav__name,.chapter-nav__item:hover .chapter-nav__name,.chapter-nav__item:focus-visible .chapter-nav__name{opacity:1;transform:none}
.readout{position:fixed;z-index:10;bottom:clamp(27px,6vh,61px);left:var(--page-x);width:clamp(164px,15vw,270px)}
.readout__line{display:flex;gap:12px;align-items:center;color:var(--muted-dark);font-size:9px;font-weight:600;letter-spacing:.21em}
.readout__line span:first-child{color:#bed7da}
.readout__track{position:relative;margin-top:15px;height:1px;background:rgba(145,184,190,.23)}
.readout__track span{position:absolute;left:0;top:-.5px;height:2px;width:0;background:var(--cyan);box-shadow:0 0 8px rgba(4,217,227,.4)}
.chapter{min-height:100vh;min-height:100svh;position:relative;display:flex;align-items:center;scroll-snap-align:start;isolation:isolate}
.chapter__inner{margin:0 auto;width:100%;max-width:1900px;padding:clamp(100px,14vh,168px) calc(var(--page-x) + 145px) clamp(110px,13vh,160px) var(--page-x)}
.chapter__content{position:relative;max-width:730px;opacity:.17;transform:translateY(35px);filter:blur(8px);transition:opacity .75s ease,transform 1s var(--ease),filter .85s ease}
.chapter.is-active .chapter__content{opacity:1;filter:blur(0);transform:translateY(0)}
.eyebrow{display:flex;align-items:center;gap:15px;margin:0 0 30px;color:var(--cyan);font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.eyebrow__rule{width:28px;height:1px;background:var(--cyan);box-shadow:0 0 12px rgba(0,218,233,.55);flex:none}
.eyebrow__dash{color:#6b8487;margin:0 2px}
.chapter__title{margin:0;font-size:clamp(44px,5.4vw,91px);font-weight:530;line-height:1.065;letter-spacing:-.069em;max-width:795px;text-wrap:balance}
.chapter__title em{font-style:normal;font-weight:350;color:var(--cyan)}
.chapter__title--hero{font-size:clamp(45px,5.6vw,95px);line-height:1.015;font-weight:590;letter-spacing:-.072em}
.chapter__title--hero em{color:#f5f9fb;font-weight:250}
.chapter__copy{margin:30px 0 0;max-width:480px;font-size:clamp(17px,1.24vw,21px);line-height:1.6;font-weight:350;letter-spacing:-.017em;color:#c7d7db;text-wrap:pretty}
.chapter__copy strong{font-weight:570;color:#f7fbfc}
.chapter__copy--hero{font-size:clamp(20px,1.7vw,27px);font-weight:420;color:#dbe8e9;margin-top:37px}
.chapter__note{font-size:13px;color:#718a93;letter-spacing:.012em;margin-top:8px}
.chapter__micro{margin:35px 0 0;padding-top:18px;border-top:1px solid rgba(127,195,195,.18);font-size:10px;line-height:1.55;letter-spacing:.2em;font-weight:550;color:#709a9f;max-width:510px}
.chapter__punchline{font-size:clamp(22px,2.2vw,35px);line-height:1.27;font-weight:550;letter-spacing:-.038em;color:#fff;margin:11px 0 0}
.chapter--ai .chapter__title em{color:#78bcff}
.chapter--ai .eyebrow,.chapter--ai .chapter__micro{color:#81bfff}
.chapter--ai .eyebrow__rule{background:#81bfff}
.chapter--chelonia .chapter__title em,.chapter--final .chapter__title em{color:#9ce9d0}
.chapter--chelonia .eyebrow,.chapter--final .eyebrow{color:#79e4c8}
.chapter--chelonia .eyebrow__rule,.chapter--final .eyebrow__rule{background:#79e4c8}
.chapter--chelonia .chapter__content{max-width:765px}
.chapter__index{position:absolute;bottom:clamp(34px,6vh,61px);right:clamp(26px,5.1vw,92px);font-size:10px;letter-spacing:.2em;font-weight:500;color:#708b90}
.chapter__index span{color:#34494d;margin:0 5px}
.scroll-cue{position:absolute;bottom:clamp(85px,14vh,151px);left:var(--page-x);display:flex;align-items:center;gap:22px;color:#a8cdd0}
.scroll-cue__text{font-size:10px;font-weight:600;letter-spacing:.25em}
.scroll-cue__stem{width:33px;height:43px;border:1px solid #375f62;border-radius:25px;display:flex;justify-content:center;padding-top:9px}
.scroll-cue__stem span{width:2px;height:11px;background:var(--cyan);border-radius:2px;animation:scrolling 1.8s ease-in-out infinite}
@keyframes scrolling{0%{transform:translateY(0);opacity:0}40%{opacity:1}100%{transform:translateY(13px);opacity:0}}
.chapter__title--final{font-size:clamp(42px,5.2vw,85px);line-height:1.04;white-space:normal}
.chapter__manifesto{margin:31px 0 31px;color:#a5b9be;font-size:clamp(14px,1.12vw,17px);line-height:1.35}
.chapter__manifesto p{margin:0 0 8px}
.chapter__manifesto strong{color:var(--white);font-weight:620}
.cta{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:57px;padding:0 18px 0 22px;border:1px solid rgba(58,235,215,.66);background:linear-gradient(125deg,rgba(6,211,191,.14),rgba(3,24,30,.7));color:#eafffb;max-width:min(500px,100%);width:100%;font-size:10px;font-weight:650;line-height:1.4;letter-spacing:.13em;text-align:left;transition:background .35s,border-color .35s,transform .35s,box-shadow .35s}
.cta:hover{transform:translateY(-3px);background:linear-gradient(125deg,rgba(7,213,192,.27),rgba(3,24,30,.7));border-color:#8beedb;box-shadow:0 10px 45px rgba(0,220,197,.08)}
.cta__arrow{font-size:24px;font-weight:300;color:#7becda;line-height:1}
.chapter__signature{font-size:12px;color:#6f9c97;margin:22px 0 0;font-style:italic;letter-spacing:.005em}
.chapter--final .chapter__inner{padding-bottom:150px}
.site-footer{position:absolute;bottom:0;left:0;right:0;padding:27px clamp(24px,5.1vw,92px);z-index:4;display:flex;justify-content:space-between;align-items:center;color:#71868c;border-top:1px solid rgba(113,184,186,.12);font-size:9px;letter-spacing:.17em}
.site-footer__restart{border:0;background:transparent;color:#afd1d0;font-size:9px;letter-spacing:.14em;cursor:pointer;padding:6px}
.site-footer__restart span{font-size:16px;color:var(--cyan);padding-left:9px}
.technology-dialog{position:fixed;inset:0;max-width:min(930px,calc(100vw - 40px));width:100%;max-height:min(90vh,850px);padding:0;border:1px solid rgba(41,170,178,.35);border-radius:2px;background:#041012;color:#ecf9f6;box-shadow:0 24px 150px rgba(0,0,0,.8);overscroll-behavior:contain}
.technology-dialog::backdrop{background:rgba(0,4,6,.88);backdrop-filter:blur(14px)}
.technology-dialog__shell{padding:clamp(23px,5vw,66px)}
.technology-dialog__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;gap:20px}
.technology-dialog__brand{color:#f5fbfa;font-size:15px;font-weight:700;letter-spacing:.14em}
.technology-dialog__brand span{font-size:9px;color:#8cb5b5;margin-left:12px}
.technology-dialog__close{width:40px;height:40px;font-size:30px;cursor:pointer;color:#c8eeea;border:1px solid #3a6c6b;background:#071b1d;line-height:1}
.technology-dialog h2{font-size:clamp(39px,5.4vw,65px);letter-spacing:-.065em;font-weight:520;line-height:1.05;margin:0}
.technology-dialog h2 em{font-weight:350;font-style:normal;color:var(--cyan)}
.technology-dialog__intro{max-width:620px;font-size:18px;line-height:1.65;color:#bed1d1;margin:26px 0 46px}
.system-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.system-steps>div{border-top:1px solid #255958;padding-top:19px}
.system-steps span{color:var(--cyan);font-size:10px;letter-spacing:.2em}
.system-steps h3{font-size:19px;letter-spacing:.1em;font-weight:500;margin:12px 0}
.system-steps p{font-size:13px;color:#97b4b5;line-height:1.6;max-width:210px}
.technology-dialog__footnote{margin:49px 0 0;color:#c1dedb;letter-spacing:.22em;font-size:10px}
.technology-dialog__footnote span{color:var(--cyan);padding:0 10px}
@media (min-width:1750px){.chapter__inner{padding-right:255px}.world img{object-position:center}}
@media (max-width:1100px){:root{--page-x:clamp(30px,7.1vw,88px)}.chapter__inner{padding-right:145px}.chapter-nav{right:20px}.chapter-nav__name{display:none}.chapter-nav__line{width:15px}.chapter-nav__item.is-current .chapter-nav__line{width:24px}.header-meta__live{display:none}.chapter__title{font-size:clamp(44px,6.2vw,75px)}}
@media (max-width:640px){
  :root{--page-x:25px}
  html{scroll-snap-type:y proximity}
  .site-header{padding:19px 24px}
  .brand{gap:7px}.brand__logo{width:112px}.brand__division{font-size:7px;padding-left:8px;letter-spacing:.23em}
  .header-meta__counter{font-size:11px;letter-spacing:.1em}
  .header-meta__slash{padding:0 5px}
  .chapter{align-items:flex-start;min-height:100svh}
  .chapter__inner{padding:clamp(156px,24svh,230px) 45px 130px var(--page-x)}
  .chapter__content{max-width:100%}
  .eyebrow{font-size:9px;letter-spacing:.16em;gap:10px;margin-bottom:24px}.eyebrow__rule{width:18px}
  .chapter__title,.chapter__title--hero{font-size:clamp(39px,10.7vw,66px);letter-spacing:-.06em;line-height:1.08}
  .chapter__title--hero{font-size:clamp(39px,10.1vw,63px)}
  .chapter__copy{font-size:15px;line-height:1.54;margin-top:21px;max-width:330px}
  .chapter__copy--hero{font-size:19px;margin-top:25px}
  .chapter__note{font-size:11px;max-width:220px}
  .chapter__micro{font-size:9px;line-height:1.7;margin-top:21px;padding-top:11px;max-width:330px;letter-spacing:.12em}
  .chapter__punchline{font-size:24px}
  .chapter-nav{right:21px;gap:17px;top:55%}
  .chapter-nav__item{min-height:8px}.chapter-nav__line{width:11px}.chapter-nav__item.is-current .chapter-nav__line{width:20px}
  .chapter__index{right:25px;bottom:33px;font-size:9px}
  .readout{bottom:35px;width:150px}.readout__line{font-size:8px;gap:7px;letter-spacing:.13em}.readout__track{margin-top:11px}
  .scroll-cue{bottom:107px;gap:12px}.scroll-cue__text{font-size:9px}.scroll-cue__stem{width:28px;height:38px}
  .world img{object-position:71% center;filter:contrast(1.24) saturate(1.08)}
  .world--chelonia img,.world--reveal img{object-position:75% center;opacity:.8}
  .vignette{background:linear-gradient(180deg,#000 0%,rgba(0,2,4,.87) 12%,rgba(0,3,5,.51) 42%,rgba(0,2,3,.12) 72%,rgba(0,0,0,.84) 100%),linear-gradient(90deg,rgba(0,0,0,.24),transparent 75%)}
  .chapter--final .chapter__inner{padding-top:clamp(120px,18vh,170px);padding-bottom:105px}
  .chapter__title--final{font-size:clamp(34px,9.15vw,55px)}
  .chapter__manifesto{font-size:13px;line-height:1.4;margin:20px 0 22px}.chapter__manifesto p{margin-bottom:7px}
  .cta{min-height:59px;font-size:9px;letter-spacing:.08em;padding-left:14px;gap:14px}
  .chapter__signature{font-size:10px;line-height:1.5;margin-top:12px;max-width:220px}
  .site-footer{padding:14px 25px 16px;font-size:8px}.site-footer__restart{font-size:8px}
  .technology-dialog{max-width:calc(100vw - 20px);max-height:92svh}.technology-dialog__heading{margin-bottom:40px}.technology-dialog__intro{font-size:15px;margin-bottom:30px}
  .system-steps{grid-template-columns:1fr;gap:9px}.system-steps>div{padding-top:11px}.system-steps h3{font-size:16px;margin:4px 0}.system-steps p{font-size:12px;max-width:100%;margin:0 0 10px}.technology-dialog__footnote{font-size:9px;margin-top:24px;line-height:2}.technology-dialog__footnote span{padding:0 3px}
}
@media (max-width:380px){.chapter__inner{padding-top:21svh}.chapter__title--final{font-size:33px}.chapter__title--hero{font-size:37px}.chapter__title{font-size:38px}.chapter__manifesto{font-size:12px}}
@media (max-height:690px) and (min-width:641px){.chapter__inner{padding-top:115px;padding-bottom:80px}.chapter__title{font-size:clamp(44px,5vw,72px)}.chapter__copy{margin-top:18px}.chapter__micro{margin-top:21px}.scroll-cue{bottom:90px}.chapter--final .chapter__inner{padding-bottom:100px}.chapter__manifesto{margin:19px 0}.chapter__signature{margin-top:11px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.chapter__content{filter:none;opacity:1;transform:none}.world img{animation:none!important}}

/* ---- Round 1: Origin + Life WebGL stage ---- */
#cell-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.1s ease}
#cell-stage.is-live canvas{opacity:1}
.has-cell #cell-stage img{opacity:0;transition:opacity .6s ease .5s}
.has-cell .world[data-scene="1"]{display:none}
.chapter--intro,#life{scroll-snap-align:none}
.scroll-cue{position:fixed;opacity:0;transition:opacity .6s ease;pointer-events:none}
.chapter--intro.is-active .scroll-cue{opacity:1;pointer-events:auto}
.scroll-cue__text{display:flex;gap:10px;align-items:center}
.scroll-cue__arrow{color:var(--cyan);font-size:13px;animation:cueDown 2s ease-in-out infinite}
@keyframes cueDown{0%,100%{transform:translateY(-2px);opacity:.5}50%{transform:translateY(3px);opacity:1}}
.chapter__micro{color:#7fb7bd}
@media (prefers-reduced-motion:reduce){.scroll-cue__arrow{animation:none!important}}
@media (max-width:640px){.scroll-cue{bottom:96px}}