:root{color:#e8f0ef;background:#030609;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif;font-synthesis:none;--progress: 0;--approach: 0;--portal: 0;--garden: 0;--safe-top: max(1rem, env(safe-area-inset-top));--safe-right: max(1rem, env(safe-area-inset-right));--safe-bottom: max(1rem, env(safe-area-inset-bottom))}*{box-sizing:border-box}html{background:#030609;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(159,217,225,.35) #030609}body{margin:0;min-width:300px;min-height:100%;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.7rem 1rem;color:#061013;background:#d6faff;transform:translateY(-180%)}.skip-link:focus{transform:none}.experience{position:fixed;inset:0;z-index:0;overflow:hidden;background:#030609;pointer-events:none}.plate{position:absolute;inset:-4%;background-position:center;background-size:cover;will-change:opacity,transform,filter}.plate--dark{background-image:url(/assets/dark-room.webp),linear-gradient(#030609,#030609);opacity:calc(1 - var(--garden));filter:brightness(calc(.43 + var(--approach) * .52)) saturate(calc(.45 + var(--portal) * .4));transform:scale(calc(1 + var(--approach) * .18)) translateY(calc(var(--approach) * 2%))}.plate--garden{background-image:url(/assets/celestial-garden.webp),radial-gradient(circle,#255b71,#080820 65%);opacity:var(--garden);filter:saturate(calc(.7 + var(--garden) * .45)) brightness(calc(.45 + var(--garden) * .55));transform:scale(calc(1.08 - var(--garden) * .08))}.vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 22%,rgba(1,3,5,calc(.66 - var(--garden) * .48)) 100%),linear-gradient(to bottom,rgba(0,0,0,.45),transparent 25%,transparent 72%,rgba(0,0,0,.55));mix-blend-mode:multiply}#world{position:absolute;inset:0;width:100%;height:100%;opacity:calc(.2 + var(--portal) * .8)}.portal{position:absolute;z-index:1;left:50%;top:50%;width:min(18vw,15vh);aspect-ratio:.6;opacity:calc(var(--portal) * (1 - var(--garden)));transform:translate(-50%,-41%) scale(calc(.4 + var(--portal) * 8));clip-path:polygon(36% 0,64% 0,64% 25%,95% 80%,97% 90%,91% 98%,9% 98%,3% 90%,5% 80%,36% 25%);border-radius:40% 40% 18% 18%;background:#45e1d81a;box-shadow:inset 0 0 2rem #c2fff940,0 0 4rem #31eadd33}.portal__liquid{position:absolute;inset:auto -20% 0;height:calc(15% + var(--portal) * 80%);background:linear-gradient(150deg,#33e2ce80,#614bffbf);box-shadow:0 -1rem 3rem #69ffef73;animation:liquid 5s ease-in-out infinite alternate}.portal__shine{position:absolute;inset:4% 16% 8% auto;width:7%;border-radius:50%;background:linear-gradient(transparent,rgba(255,255,255,.65),transparent);filter:blur(1px)}@keyframes liquid{to{transform:translateY(-3%) skewY(2deg)}}.controls{position:fixed;z-index:20;top:var(--safe-top);right:var(--safe-right);display:flex;gap:.55rem}.round-control{display:grid;width:2.65rem;height:2.65rem;padding:.7rem;place-items:center;color:#e6f6f5c2;border:1px solid rgba(214,247,245,.16);border-radius:50%;background:#050c0f59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:color .3s,border-color .3s,background .3s}.round-control:hover,.round-control:focus-visible,.round-control.is-active{color:#d8fffb;border-color:#71f2e494;background:#2a6c6947;outline:none}.round-control:disabled{cursor:default;opacity:.55}.round-control svg{width:100%;fill:none;stroke:currentColor;stroke-width:1.4}.round-control .speaker{fill:currentColor;stroke:none}.round-control[aria-pressed=false] .sound-wave{opacity:.25}#journey{position:relative;z-index:2}.chapter{position:relative;min-height:175vh;padding:1px clamp(1.25rem,6vw,6rem)}.chapter--threshold{min-height:230vh}.chapter--bloom{min-height:190vh}.opening-copy,.chapter-copy,.signature{position:sticky;top:0;display:flex;width:min(46rem,100%);height:100svh;flex-direction:column;justify-content:center;pointer-events:none}.opening-copy{align-items:center;margin:0 auto;text-align:center}.eyebrow,.chapter-number{margin:0 0 1rem;color:#c1dedd94;font-size:clamp(.58rem,1.4vw,.72rem);font-weight:400;letter-spacing:.27em;text-transform:uppercase}h1,h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:400;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(4.2rem,14vw,11rem);line-height:.68}h1 span{display:block}h1 span:last-child{margin-left:.5em;font-style:italic;color:#aec9cb}.instruction{margin-top:3.2rem;color:#ddecea99;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.instruction--touch{display:none}.scroll-mark{position:relative;width:1px;height:3rem;margin-top:1rem;overflow:hidden;background:#ffffff1f}.scroll-mark i{position:absolute;inset:0;background:linear-gradient(transparent,#b9eae5,transparent);animation:descend 2.4s infinite ease-in-out}@keyframes descend{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.fragment{position:absolute;right:clamp(1.5rem,9vw,9rem);bottom:22vh;margin:0;color:rgba(211,238,236,calc(var(--portal) * .72));font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(1.25rem,2.5vw,2.1rem);font-style:italic;line-height:1.25;text-align:right}.chapter-copy{margin-left:clamp(0rem,8vw,8rem)}@supports (animation-timeline: view()){.chapter-copy{opacity:0;animation:reveal-copy linear both;animation-timeline:view();animation-range:entry 20% cover 55%}}.chapter-copy h2,.signature h2{max-width:13ch;font-size:clamp(3rem,8vw,7.5rem);line-height:.88}.chapter-copy>p:last-child{margin-top:1.4rem;color:#e0f1ef94;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:1.2rem;font-style:italic}.chapter--fold .chapter-copy{margin-left:auto;margin-right:clamp(0rem,8vw,8rem);text-align:right;align-items:flex-end}.chapter--constellation .chapter-copy{margin-left:clamp(0rem,17vw,16rem)}@keyframes reveal-copy{0%{opacity:0;transform:translateY(2rem);filter:blur(8px)}45%,72%{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-2rem);filter:blur(5px)}}.signature{align-items:center;margin:auto;text-align:center;opacity:var(--garden)}.signature h2{max-width:none;text-shadow:0 0 3rem rgba(120,222,255,.45)}.signature h2 span{color:#ffd58c}.beckon{position:absolute;z-index:5;left:50%;bottom:18vh;width:4rem;height:5.4rem;padding:0;color:#ffe3aa;border:0;background:transparent;transform:translate(-50%);cursor:pointer}.beckon__halo{position:absolute;inset:0;border:1px solid rgba(255,222,157,.2);border-radius:50%;box-shadow:0 0 2rem #ffca6d33,inset 0 0 1rem #ffe7b326;animation:beckon 3.2s ease-in-out infinite}.beckon__label{position:absolute;top:100%;left:50%;width:max-content;margin-top:1rem;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:1rem;font-style:italic;letter-spacing:.05em;opacity:0;transform:translate(-50%,.5rem);transition:opacity .4s,transform .4s}.beckon:hover .beckon__label,.beckon:focus-visible .beckon__label{opacity:.9;transform:translate(-50%)}.beckon:focus-visible{outline:1px solid #ffe4ad;outline-offset:.6rem}@keyframes beckon{50%{transform:scale(.72);opacity:.48;box-shadow:0 0 4rem #ffca6d80}}.progress{position:fixed;z-index:20;top:50%;right:calc(var(--safe-right) + 1.25rem);width:1px;height:18vh;background:#ffffff1a;transform:translateY(-50%)}.progress i{display:block;width:100%;height:100%;background:#bef5eeb3;transform:scaleY(0);transform-origin:top}.transition-curtain{position:fixed;z-index:90;inset:0;opacity:0;background:radial-gradient(circle,#06161a,#010204 65%);pointer-events:none}.fallback-note,.webgl-fallback #world,.webgl-fallback .portal{display:none}.webgl-fallback .fallback-note{position:fixed;z-index:30;bottom:1rem;left:50%;display:block;width:min(90%,34rem);padding:.7rem 1rem;color:#d5e6e4;border:1px solid rgba(255,255,255,.14);background:#000000b3;font-size:.75rem;text-align:center;transform:translate(-50%)}@media(hover:none),(pointer:coarse){.instruction--desktop{display:none}.instruction--touch{display:inline}.chapter{min-height:150vh}.chapter--threshold{min-height:200vh}.chapter--bloom{min-height:170vh}.plate{inset:-2%}.progress{display:none}.beckon__label{opacity:.72;transform:translate(-50%)}}@media(max-width:620px){.chapter{padding-inline:1.25rem}.opening-copy{justify-content:flex-end;padding-bottom:16vh}.eyebrow{margin-bottom:.8rem}h1{font-size:clamp(4.5rem,27vw,8rem)}.fragment{right:1.5rem;bottom:12vh}.chapter-copy{margin:0;justify-content:flex-end;padding-bottom:16vh}.chapter--fold .chapter-copy,.chapter--constellation .chapter-copy{margin:0}.chapter-copy h2,.signature h2{font-size:clamp(3.6rem,18vw,6rem)}.plate--dark,.plate--garden{background-position:center}.portal{width:18vw;top:46%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduce-motion .plate{transform:none}.reduce-motion .portal{transition:opacity .2s;transform:translate(-50%,-41%) scale(calc(.7 + var(--portal) * 2))}.reduce-motion .portal__liquid,.reduce-motion .scroll-mark i,.reduce-motion .beckon__halo{animation:none}