:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#deded5;--ground:#10120f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:8px}.skip{z-index:20;background:var(--ground);padding:12px;position:fixed;top:-100px;left:24px}.skip:focus{top:16px}.stage{pointer-events:none;position:fixed;inset:0;overflow:hidden}.still{background:url(/assets/artwork-Cq1GOPap.jpg) 50%/cover no-repeat;position:absolute;inset:0}.stage canvas{opacity:0;width:100%;height:100%;transition:opacity 1.3s;position:absolute;inset:0}.webgl-ready .stage canvas{opacity:1}.shade{background:linear-gradient(90deg,#080b08b0,#0000 78%),linear-gradient(#0000 35%,#0005);position:absolute;inset:0}header{z-index:5;justify-content:space-between;align-items:center;padding:28px 4%;display:flex;position:fixed;top:0;left:0;right:0}.brand,footer{letter-spacing:3px;font-size:13px;font-weight:400}#motion{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:10px;font-size:17px}.journey{height:240svh;position:relative}.chapter{height:80svh;position:relative}.copy{opacity:0;visibility:hidden;will-change:opacity,transform;flex-direction:column;justify-content:center;width:100%;height:100svh;padding:14vh 4% 0;display:flex;position:absolute;top:0}.opening .copy{opacity:1;visibility:visible}h1,h2{letter-spacing:-.055em;max-width:1100px;margin:0;font-size:clamp(58px,7.1vw,112px);font-weight:300;line-height:1.04}.closing h2{font-size:clamp(52px,6.2vw,94px)}.chapter-nav{z-index:5;gap:10px;display:flex;position:fixed;bottom:40px;right:4%}.chapter-nav a{justify-content:center;align-items:center;width:24px;height:30px;display:flex}.chapter-nav span{border:1px solid #d5d8c299;border-radius:50%;width:5px;height:5px;transition:background .25s,transform .25s}.chapter-nav a[aria-current] span{background:#d5d8c2;transform:scale(1.2)}footer{pointer-events:none;opacity:0;letter-spacing:2px;z-index:3;justify-content:space-between;font-size:10px;display:flex;position:fixed;bottom:32px;left:4%;right:4%}.static-mode .journey{height:auto}.static-mode .chapter{height:auto;min-height:100svh}.static-mode .copy{position:relative;opacity:1!important;visibility:visible!important;transform:none!important}.static-mode footer{opacity:1;margin:0 4%;padding-bottom:30px;position:relative;left:0;right:0}.static-mode .chapter-nav{display:none}@media (width<=650px){header{padding:20px 7%}.brand{letter-spacing:2px;font-size:12px}.copy{padding-top:8vh;padding-left:7%;padding-right:9%}h1,h2{max-width:100%;font-size:clamp(45px,11vw,67px);line-height:1.08}h1 br,h2 br{display:none}.closing h2{font-size:clamp(42px,10.5vw,64px)}.chapter-nav{gap:2px;bottom:32px;right:7%}.chapter-nav a{width:20px}footer{font-size:9px;left:7%;right:7%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage canvas{transition:none}.copy{will-change:auto}}.footer-identity{flex-wrap:wrap;align-items:baseline;gap:22px;display:flex}.footer-note{color:#999c95;letter-spacing:.4px;text-transform:none}@media (width<=650px){.footer-identity{gap:12px}.footer-note{font-size:9px}}.footer-copyright{color:#858981;letter-spacing:.4px;margin-left:6px;font-size:9px}@media (width<=650px){.footer-copyright{margin-left:0}.stage{height:100lvh;bottom:auto}.still{background-position:82%}.shade{background:linear-gradient(#0000 15%,#020814d9),linear-gradient(90deg,#02081470,#0000)}header{padding:calc(14px + env(safe-area-inset-top)) 6% 14px}.copy{padding:12svh 6% 80px}h1,h2{letter-spacing:-.045em;font-size:clamp(38px,10.2vw,56px);line-height:1.1}.closing h2{font-size:clamp(36px,9.8vw,54px)}.chapter-nav{right:calc(6% - 12px);bottom:calc(14px + env(safe-area-inset-bottom));gap:0}.chapter-nav a{width:44px;height:44px}.chapter-nav span{width:6px;height:6px}footer{left:6%;right:6%;bottom:calc(72px + env(safe-area-inset-bottom));letter-spacing:1.2px;font-size:10px}.footer-identity{gap:8px 14px}.footer-note{font-size:11px}.static-mode .copy{min-height:100svh}.static-mode footer{padding-bottom:calc(24px + env(safe-area-inset-bottom));margin:0 6%;bottom:auto}}@media (height<=500px) and (orientation:landscape){header{padding:10px 4%}.copy{padding-top:0;padding-bottom:45px}h1,h2,.closing h2{font-size:clamp(34px,5.5vw,54px)}footer{bottom:20px;right:160px}.chapter-nav{bottom:10px}}
