@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Serif+SC:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#05070a;--ink:#e3e8ed;--muted:#8b97a5;--cold:#9ccce8;--line:#d0e6f01c;--sans:'Manrope','Noto Sans SC',sans-serif;--serif:'Noto Serif SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#acd8f040;color:#fff}:focus-visible{outline:1px solid #b6d9ea;outline-offset:7px}p{margin:0}.universe{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#101923 0%,#080d13 35%,#05070a 75%)}.universe canvas{width:100%;height:100%;display:block;opacity:1;transition:opacity 1s}.fallback{position:absolute;width:70vmin;height:70vmin;object-fit:contain;top:10vh;left:calc(50% - 35vmin);filter:grayscale(1) brightness(.8);mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 38%,transparent 70%);opacity:.45}.webgl-ready .fallback{opacity:0}.space-vignette{position:absolute;inset:0;background:radial-gradient(ellipse,transparent 30%,#05070a55 75%,#05070a99 100%)}.site-header{position:absolute;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:30px 4.5%;gap:25px}.wordmark{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.13em;font-weight:500;line-height:1.4}.infinity{font:41px/1 'Cormorant Garamond',serif;color:#d0dfe7}.wordmark small{display:block;font-size:12px;letter-spacing:.3em;margin-top:6px;color:#9aa7b2;font-weight:300}.site-header nav{display:flex;align-items:center;gap:42px;font-size:14px;letter-spacing:.16em}.site-header nav a{color:#b0bbc4;transition:color .2s}.site-header nav a:hover{color:#fff}#motion{display:flex;align-items:center;gap:10px;background:none;border:0;color:#aeb8c2;font-size:12px;padding:8px 0}.motion-bars{font-size:16px;width:15px}.chapter-index{position:fixed;z-index:10;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px}.chapter-index a{width:15px;height:15px;display:grid;place-items:center}.chapter-index a:after{content:'';width:3px;height:3px;background:#71808e;border-radius:50%;transition:.4s}.chapter-index a.current:after{width:5px;height:5px;background:#dceaf4;box-shadow:0 0 0 5px #dceaf412,0 0 12px #bce4ff30}.chapter{min-height:100svh;position:relative;display:flex;align-items:center;padding:120px 11%;isolation:isolate}.opening{min-height:900px;height:100svh;padding:0;display:block;text-align:center}.specimen-top{position:absolute;top:145px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font:12px var(--sans);letter-spacing:.13em;color:#738391}.opening-title{position:absolute;top:54%;left:5%;right:5%;text-shadow:0 4px 35px #05070a88}.overline{font:12px/1.8 var(--sans);letter-spacing:.23em;color:#9aafbc;font-weight:400}.opening-title>.overline{font-size:13px;letter-spacing:.5em;margin-bottom:18px;color:#adbcc5}.opening h1{font:400 clamp(62px,7.4vw,124px)/1.35 var(--serif);letter-spacing:.18em;margin:0 0 0 .18em;color:#e3e9eb}.latin{font:italic 300 clamp(27px,3.3vw,48px)/1.2 'Cormorant Garamond',serif;letter-spacing:.02em;color:#8eabbc;margin-top:10px}.opening-line{font-size:15px;letter-spacing:.35em;margin:25px 0 0;color:#a1b2bf}.scroll-invite{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;font-size:12px;letter-spacing:.15em;color:#a9b5bd}.scroll-invite i{width:1px;height:37px;background:linear-gradient(#bcd7e7,transparent);animation:scrollPulse 3s infinite}.opening-meta{position:absolute;left:4.5%;right:4.5%;bottom:4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.11em;color:#687f90}.chapter-copy{max-width:530px;position:relative}.chapter-copy.right{margin-left:auto}.chapter-copy .overline{margin-bottom:33px}h2{font:300 clamp(31px,3.4vw,57px)/1.6 var(--serif);letter-spacing:.015em;margin:0 0 33px}h2 span{color:#a7cadd}.body-copy{font-size:17px;font-weight:300;line-height:2.2;color:#b6c0ca;margin:0 0 20px}.body-copy.secondary{font-size:15px;color:#7f93a3;max-width:440px;line-height:2.1}.ritual-button{display:inline-flex;align-items:center;gap:42px;color:#c6dce9;font-size:14px;letter-spacing:.08em;margin-top:28px;padding:13px 0 13px;border:0;border-bottom:1px solid #b1d4e466;background:none;transition:color .3s,border-color .3s}.ritual-button i{font-style:normal;font-size:20px;color:#86b6d1;transition:transform .3s}.ritual-button:hover{color:#fff;border-color:#d0e7f2}.ritual-button:hover i{transform:translate(3px,-3px)}.ritual-button:disabled{opacity:.35;cursor:default}.whisper{font-size:12px;color:#7295ad;letter-spacing:.04em;margin-top:17px;min-height:24px}.scene-caption{position:absolute;bottom:45px;left:11%;right:11%;display:flex;align-items:center;gap:20px;color:#637b8c;font-size:11px;letter-spacing:.12em}.scene-caption i{height:1px;width:90px;background:#8dbacf30}.scene-caption span:last-child{letter-spacing:.04em}.memory-inscription{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.memory-number{font:300 70px/1 'Cormorant Garamond',serif;color:#c4dce9;font-variant-numeric:tabular-nums}.memory-inscription>div{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#b1bfca}.memory-inscription small{font-size:12px;color:#7892a4}.micro-note{font-size:11px;color:#546e80;margin-top:22px}.continuity{display:flex;align-items:center;gap:24px;margin-top:40px;color:#7892a3;font-size:12px}.continuity b{font-weight:300;color:#c5deec;font-size:22px;margin-left:12px}.continuity i{width:30px;height:1px;background:#7892a350}.metabolism{position:relative;background:linear-gradient(transparent,#06090de8 160px,#070b10 600px);padding:130px 11% 100px}.section-prelude{text-align:center}.section-prelude .overline{margin-bottom:25px}.section-prelude h2{font-size:clamp(38px,4.7vw,70px);line-height:1.5;margin-bottom:25px}.section-prelude>p:last-child{font-size:16px;line-height:2;color:#8b9eac}.metabolic-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;max-width:1150px;margin:70px auto 100px}.cycle-graphic{position:relative;aspect-ratio:1}.cycle-orbit{position:absolute;border:1px solid #a6cbe41e;border-radius:50%;inset:12%;transform:rotateX(35deg) rotateZ(-25deg)}.orbit-b{inset:5%;border-color:#9dc5de12;transform:rotateY(45deg) rotateZ(25deg)}.orbit-c{inset:22%;border-style:dashed;border-color:#9dc5de20}.cycle-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font:300 47px var(--serif);letter-spacing:.18em;color:#b7d1df}.cycle-word small{font:12px var(--sans);letter-spacing:.25em;color:#5c7d91;margin-top:15px}.cycle-point{position:absolute;left:18%;top:28%;width:4px;height:4px;border-radius:50%;background:#c7e1ee;box-shadow:0 0 18px 5px #77bdde30}.point-b{left:auto;top:auto;right:25%;bottom:20%;width:3px;height:3px;background:#6f9ab4}.cycle-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:35px}.cycle-tabs button{border:0;background:none;color:#6e8697;padding:15px 0;font-size:14px;border-bottom:1px solid transparent;margin-bottom:-1px}.cycle-tabs button.active{border-color:#bbd9e9;color:#c8dfeb}.cycle-kicker{font-size:12px;color:#7c9bb0;letter-spacing:.07em;margin-bottom:12px}.cycle-content h3{font:300 28px/1.7 var(--serif);margin:0 0 18px}.cycle-content>p:not(.cycle-kicker){font-size:16px;line-height:2;color:#90a4b3}.cycle-content .cycle-path{font-size:12px!important;color:#567e98!important;margin-top:25px;letter-spacing:.05em}.survival{max-width:1000px;margin:0 auto}.survival>.overline{margin-bottom:20px}.survival-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:35px}.survival-heading h3{font:300 24px/1.6 var(--serif);margin:0}.survival-heading p{font-size:13px;color:#718b9e;max-width:260px}.survival details{border-top:1px solid var(--line)}.survival details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.survival summary{display:flex;align-items:center;gap:30px;padding:27px 0}.survival summary>span{font:italic 24px 'Cormorant Garamond',serif;color:#6d8ea4}.survival summary>div{font:300 24px var(--serif);color:#b7cedb}.survival summary small{display:block;font:12px var(--sans);letter-spacing:.06em;margin-top:12px;color:#7590a3}.survival summary i{margin-left:auto;font-style:normal;font-size:20px;color:#8db1c9}.survival details p{padding:0 55px 27px;max-width:840px;color:#8a9eac;font-size:15px;line-height:2}.project-note{max-width:1000px;margin:50px auto 0;font-size:13px;color:#587587}.project-note summary{display:flex;justify-content:space-between;padding:15px 0}.project-note summary i{font-style:normal}.project-note p{font-size:13px;line-height:2;color:#7c92a0;margin:15px 0}.epilogue{position:relative;background:radial-gradient(ellipse at 50% 100%,#0c1720,#06090d 75%);text-align:center;padding:120px 8% 135px}.epilogue .overline{margin-bottom:30px}.epilogue h2{font-size:clamp(36px,4vw,60px);line-height:1.8}.return-origin{font-size:14px;color:#829fb1;display:inline-flex;gap:35px;border-bottom:1px solid #799bae40;padding-bottom:13px;margin-top:15px}footer{background:#06090d;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 4.5%;border-top:1px solid #accde010;color:#5d788b;font-size:11px;letter-spacing:.08em}.skip:not(:focus){position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip:focus{position:fixed;z-index:30;top:10px;left:10px;background:#b5d2e4;color:#000;padding:10px}.paused .scroll-invite i{animation-play-state:paused}@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
@media(min-width:1700px){.chapter{padding-inline:15%}.scene-caption{left:15%;right:15%}.chapter-copy{max-width:620px}.body-copy.secondary{max-width:510px}.metabolism{padding-inline:15%}}
@media(max-width:1000px){.site-header nav{gap:27px}.chapter{padding-inline:8%}.chapter-copy{max-width:430px}.chapter h2{font-size:36px}.body-copy{font-size:16px}.body-copy.secondary{font-size:14px}.scene-caption{left:8%;right:8%}.metabolism{padding-inline:8%}.metabolic-story{gap:5%}.cycle-tabs{gap:17px}.cycle-content h3{font-size:24px}.cycle-content>p:not(.cycle-kicker){font-size:15px}.survival-heading{align-items:flex-start}.survival-heading h3{font-size:22px}}
@media(max-width:650px){.site-header{padding:22px 6%;gap:15px}.wordmark{font-size:10px;gap:8px;letter-spacing:.08em}.wordmark small{font-size:10px}.infinity{font-size:33px}.site-header nav{display:none}#motion{font-size:11px;gap:7px}.chapter-index{right:12px;gap:13px}.chapter-index a{width:12px;height:12px}.opening{min-height:740px;height:100svh;padding:0}.specimen-top{top:112px;left:6%;right:6%;flex-direction:column;align-items:flex-start;gap:7px;font-size:9px;letter-spacing:.08em}.specimen-top span:last-child{font-size:8px;color:#526979}.opening-title{top:54%;left:6%;right:6%}.opening-title>.overline{font-size:10px;letter-spacing:.3em;margin-bottom:20px}.opening h1{font-size:clamp(47px,12vw,74px);letter-spacing:.12em;margin-left:.12em}.latin{font-size:31px;margin-top:13px}.opening-line{font-size:12px;letter-spacing:.15em;margin-top:26px}.scroll-invite{font-size:10px;bottom:8%;gap:13px;white-space:nowrap}.scroll-invite i{height:29px}.opening-meta{left:6%;right:6%;bottom:3%;font-size:8px;letter-spacing:.04em}.opening-meta span:last-child{display:none}.chapter:not(.opening){min-height:900px;padding:410px 9% 120px;align-items:center}.chapter-copy,.chapter-copy.right{max-width:none;margin:0;width:100%}.chapter-copy .overline{font-size:10px;margin-bottom:24px}.chapter h2{font-size:29px;line-height:1.65;margin-bottom:24px}.body-copy{font-size:15px;line-height:2}.body-copy.secondary{font-size:13px;line-height:2;margin-bottom:12px}.ritual-button{font-size:13px;margin-top:15px;gap:35px}.whisper{font-size:11px;margin-top:15px}.scene-caption{left:9%;right:9%;bottom:35px;font-size:8px;gap:12px;flex-wrap:wrap}.scene-caption i{width:30px}.scene-caption span:last-child{font-size:9px}.memory-inscription{padding-top:20px;margin-top:25px;gap:20px}.memory-number{font-size:58px}.memory-inscription>div{font-size:12px}.memory-inscription small{font-size:10px}.micro-note{font-size:9px;margin-top:18px}.continuity{font-size:11px;gap:15px;margin-top:25px}.continuity b{font-size:20px;margin-left:8px}.continuity i{width:15px}.metabolism{padding:85px 9% 65px}.section-prelude .overline{font-size:10px;margin-bottom:23px}.section-prelude h2{font-size:39px;margin-bottom:22px}.section-prelude>p:last-child{font-size:13px}.metabolic-story{grid-template-columns:1fr;gap:0;margin:20px auto 65px}.cycle-graphic{max-width:300px;width:100%;margin:0 auto}.cycle-word{font-size:40px}.cycle-word small{font-size:9px}.cycle-tabs{justify-content:space-between;margin-bottom:26px}.cycle-tabs button{font-size:13px}.cycle-content h3{font-size:24px}.cycle-content>p:not(.cycle-kicker){font-size:14px}.cycle-kicker{font-size:11px}.cycle-content .cycle-path{font-size:11px!important}.survival>.overline{font-size:10px}.survival-heading{flex-direction:column;gap:15px;margin-bottom:22px}.survival-heading h3{font-size:23px;line-height:1.7}.survival-heading p{font-size:12px}.survival summary{padding:24px 0;gap:20px}.survival summary>div{font-size:22px}.survival summary small{font-size:10px;letter-spacing:0}.survival details p{padding:0 0 25px 40px;font-size:13px}.project-note{font-size:12px;margin-top:30px}.project-note p{font-size:12px}.epilogue{padding:90px 9% 100px}.epilogue .overline{font-size:10px}.epilogue h2{font-size:34px;line-height:1.8}.return-origin{font-size:12px}footer{padding:28px 9%;gap:12px;flex-direction:column;align-items:flex-start;font-size:9px}.fallback{width:95vw;height:95vw;left:2.5vw;top:13vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

