:root{color-scheme:dark;--cream: #f1edda;--muted: #b7c3b4;--line: rgba(236, 234, 213, .23);--accent: #c4d8aa;--serif: "Cormorant Garamond", Georgia, serif;--sans: "DM Sans", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:#071714;color:var(--cream);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid #e3deb3;outline-offset:7px}::selection{background:#b4cc9b;color:#10211e}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#f1edda;color:#071714;padding:10px 20px}.skip:focus{top:10px}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:#071714}.scene{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;opacity:0;transition:opacity 1.5s ease;will-change:opacity}.scene.active{opacity:1}.scene img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:translateY(var(--drift, 0px)) scale(1.035);will-change:transform}.shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#020f0ea3,#020f0e1f 65%),linear-gradient(0deg,rgba(3,13,12,.65),transparent 30%,transparent 75%,rgba(3,13,12,.45))}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.055;pointer-events:none;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#spores{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.topbar{position:fixed;top:0;left:0;width:100%;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;z-index:20;background:linear-gradient(#04151270,transparent);transition:background .4s}.wordmark{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:600;letter-spacing:3px;line-height:1.2}.wordmark svg{width:34px;height:39px;fill:none;stroke:var(--cream);stroke-width:1.1}.wordmark small{display:block;font-size:7px;letter-spacing:2.4px;font-weight:400;margin-top:8px}.top-actions{display:flex;align-items:center;gap:38px;font-size:11px;letter-spacing:1px}.sound{display:flex;align-items:center;gap:11px;padding:10px 0}.sound-bars{display:flex;align-items:center;gap:3px;height:16px}.sound-bars i{display:block;width:1px;height:5px;background:var(--cream)}.sound-bars i:nth-child(2){height:14px}.sound-bars i:nth-child(3){height:9px}.sound[aria-pressed=true] i{animation:audio 1s ease-in-out infinite alternate}.sound[aria-pressed=true] i:nth-child(2){animation-delay:-.3s}.sound[aria-pressed=true] i:nth-child(3){animation-delay:-.8s}@keyframes audio{to{height:3px}}.menu-button{border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:11px;display:flex;gap:18px;align-items:center}.menu-button span{font-size:13px}.chapter-rail{position:fixed;right:3%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:15}.chapter-rail a{display:flex;align-items:center;gap:12px;padding:5px}.chapter-rail span{font-size:8px;letter-spacing:1px;opacity:0;transition:opacity .3s}.chapter-rail i{width:4px;height:4px;background:#dedec57a;border-radius:50%;transition:all .4s}.chapter-rail .current span,.chapter-rail a:hover span{opacity:1}.chapter-rail .current i{background:var(--cream);box-shadow:0 0 0 5px #e8ebce16}.eyebrow{font-size:9px;letter-spacing:3px;font-weight:500;line-height:1.6}.hero{min-height:100svh;position:relative;padding:150px 8% 100px;display:flex;align-items:center}.hero-content{width:100%;max-width:1350px;margin:auto}.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:28px}.little-star{font-size:19px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(100px,13.8vw,220px)/.72 var(--serif);letter-spacing:-.065em;margin:0 0 52px -9px;width:min-content}h1 em{font-weight:400;display:block;margin-top:12px;letter-spacing:-.055em}em{font-family:var(--serif);font-weight:400}.hero-bottom{display:flex;align-items:center;gap:55px}.hero-bottom p{font-size:12px;line-height:1.9;color:#dddcca;margin:0}.round-link{display:inline-flex;align-items:center;gap:16px;font-size:11px}.round-link small{display:block;font-size:7px;letter-spacing:1.8px;color:var(--muted);margin-top:4px}.round-arrow{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .3s,transform .3s}.round-link:hover .round-arrow{background:#f1edda21;transform:rotate(-12deg)}.scene-caption{position:absolute;bottom:135px;right:9%;font-size:7px;letter-spacing:2.3px;writing-mode:vertical-rl}.hero-coordinate{position:absolute;right:9%;bottom:76px;font-size:7px;letter-spacing:1.5px;color:#d0d5c7;line-height:1.8;text-align:right}.story{height:165vh;position:relative;padding:0 10%}.story-copy{position:sticky;top:27vh;width:560px;max-width:46vw;padding:15px 0 50px;transition:opacity .3s}.story .eyebrow{color:var(--accent);margin-bottom:25px}.story h2{font:500 clamp(42px,4.7vw,78px)/1.04 var(--serif);letter-spacing:-.045em;margin:0 0 28px}.story h2 em{color:#d6e2c9}.story-copy>p:not(.eyebrow){max-width:390px;color:#d4ddcf;font-size:13px;line-height:1.95}.field-note{display:block;border-top:1px solid var(--line);margin-top:40px;padding-top:15px;font-size:7px;letter-spacing:1.7px;color:var(--accent);max-width:360px}.field-note span{display:block;font:italic 19px var(--serif);letter-spacing:0;color:var(--cream);margin-top:8px}.margin-note{position:absolute;bottom:14vh;right:9%;font-size:7px;letter-spacing:2px;writing-mode:vertical-rl}.text-link{display:inline-flex;gap:30px;border-bottom:1px solid var(--line);padding:12px 0;margin-top:15px;font-size:11px}.origins{background:#eae7d9;color:#23332c;position:relative;margin-top:12vh;padding:90px 10% 100px;border-radius:3px 3px 0 0}.origin-top{display:flex;justify-content:space-between;align-items:center}.origin-seal{font:70px var(--serif);color:#56634d}.origins h2{font:500 clamp(44px,5vw,80px)/1.1 var(--serif);letter-spacing:-.035em;margin:30px 0 65px}.origin-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.origin-intro{font:26px/1.4 var(--serif)}.timeline article{display:grid;grid-template-columns:55px 1fr;gap:22px;border-top:1px solid #26392b30;padding:25px 0 17px}.timeline article>span{font-size:9px;letter-spacing:1.2px;padding-top:6px;color:#59634f}.timeline h3{font:500 27px/1.2 var(--serif);margin-bottom:12px}.timeline p{font-size:12px;color:#536053;line-height:1.9}.origin-links{display:flex;gap:35px;margin-top:45px;font-size:10px}.origin-links a{padding-bottom:6px;border-bottom:1px solid #26392b60}.epilogue{height:100svh;min-height:650px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#02120d35}.epilogue h2{font:400 clamp(85px,10vw,155px)/.85 var(--serif);letter-spacing:-.05em;margin:30px 0 45px}.epilogue h2 em{color:#e8e0bc}footer{position:absolute;bottom:80px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#d4dbcc}footer button{font-size:9px}.bottom-hud{position:fixed;bottom:25px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:2px;z-index:20;pointer-events:none;mix-blend-mode:difference;color:#f4f1df}.scroll-word{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center}.scroll-word span{font-size:14px}.progress-track{position:fixed;bottom:0;left:0;right:0;height:2px;background:#d4ddc41a;z-index:30}#progress{height:100%;background:#d2dcc3;width:0;transition:width .1s linear}dialog{max-width:740px;width:calc(100% - 40px);border:1px solid #cad4b62e;background:#0c211df5;color:var(--cream);padding:35px 45px;border-radius:2px;max-height:88svh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dialog-top .eyebrow{margin:0}.dialog-top button{font-size:24px;line-height:1;padding:8px}dialog nav{display:flex;flex-direction:column}dialog nav a{font:40px/1.2 var(--serif);border-top:1px solid var(--line);padding:17px 0;transition:color .3s}dialog nav a:hover{color:#b1c990}dialog nav small{font:9px var(--sans);color:var(--muted);display:inline-block;width:45px;vertical-align:middle}.dialog-foot{font:italic 19px var(--serif);color:var(--muted);margin:25px 0 5px}#credits h2{font:44px var(--serif)}#credits p{font-size:13px;color:#c4d0bf}.motion-button{border:1px solid var(--line);padding:10px 20px;margin:12px 0}.small-note{font-size:10px!important}body.low-motion .scene,body.low-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}body.low-motion .scene img{transform:none!important}body.low-motion #spores{display:none}@media(min-width:1600px){.hero{padding-left:12%}.story{padding-left:14%}}@media(max-width:900px){.hero-bottom{flex-direction:column;align-items:flex-start;gap:25px}.hero{padding-left:8%}.story-copy{max-width:60vw}.story h2{font-size:56px}.origin-grid{grid-template-columns:1fr;gap:25px}.origin-intro{font-size:23px}.hero-coordinate{display:none}.scene-caption{bottom:100px}}@media(max-width:650px){.topbar{height:88px;padding:0 6%}.wordmark{font-size:10px;letter-spacing:2px;gap:8px}.wordmark svg{width:25px}.wordmark small{font-size:5px;letter-spacing:1.5px;margin-top:6px}.top-actions{gap:18px}.sound-label{display:none}.menu-button{font-size:9px;padding:8px 12px;gap:10px}.chapter-rail{right:3%;gap:17px}.chapter-rail span{display:none}.hero{min-height:100svh;padding:150px 8% 100px;align-items:flex-start}.hero .eyebrow{font-size:6px;letter-spacing:1.8px;gap:8px;margin-bottom:30px}.little-star{font-size:15px}h1{font-size:clamp(100px,27vw,165px);margin-left:-4px;margin-bottom:35px}.hero-bottom p{font-size:11px}.hero-bottom{gap:25px}.round-arrow{width:42px;height:42px}.round-link{font-size:10px}.round-link small{font-size:6px;letter-spacing:1.2px}.scene-caption{display:none}.scene img{object-position:85% center}.shade{background:linear-gradient(90deg,#031512aa,#03151233 85%),linear-gradient(0deg,#031512aa,transparent 40%,#03151211 70%,#03151255)}.story{height:150svh;padding:0 8%}.story-copy{top:22svh;max-width:84%;width:auto;padding-bottom:40px}.story h2{font-size:clamp(39px,10.5vw,55px);margin-bottom:24px}.story-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:300px}.story .eyebrow{font-size:7px;letter-spacing:2px}.field-note{max-width:260px;margin-top:28px}.margin-note{font-size:6px;right:6%;bottom:10svh}.origins{padding:65px 8% 70px;margin-top:5svh}.origin-top .eyebrow{font-size:6px;letter-spacing:1.6px}.origin-seal{font-size:45px}.origins h2{font-size:43px;margin:30px 0 40px}.origin-intro{font-size:23px}.timeline article{grid-template-columns:42px 1fr;gap:15px}.timeline h3{font-size:25px}.timeline p{font-size:11px}.origin-links{flex-direction:column;gap:17px;align-items:flex-start;font-size:9px}.epilogue{min-height:650px}.epilogue h2{font-size:100px}footer{flex-direction:column;gap:15px;bottom:85px;font-size:6px}.bottom-hud{bottom:20px;left:6%;right:6%;font-size:6px;letter-spacing:1px}.scroll-word{display:none}dialog{padding:25px}dialog nav a{font-size:30px}dialog nav small{width:30px}.dialog-foot{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.scene img{transform:none!important}#spores{display:none}}body.on-paper .topbar{background:linear-gradient(#eae7d9ee,#eae7d900);color:#23332c}body.on-paper .wordmark svg{stroke:#23332c}body.on-paper .menu-button{border-color:#23332c44}body.on-paper .sound-bars i,body.on-paper .chapter-rail i{background:#23332c}body.on-paper .chapter-rail{color:#23332c}.x-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px}.x-link svg{width:15px;height:15px;fill:currentColor}.x-link:hover,.footer-x:hover{opacity:.7}.footer-x{font-size:9px;letter-spacing:.4px}