@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Manrope:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#b0bec1;background:#020405;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{background:#000;grid-template-rows:8.2vh 1fr 8.2vh;height:100svh;min-height:320px;display:grid}header,footer{z-index:2;letter-spacing:.14em;background:#000;justify-content:space-between;align-items:center;gap:20px;padding:0 3.5vw;font-size:10px;display:flex}header a{color:#8b9a9e;letter-spacing:-.03em;min-width:0;text-decoration:none}header a span{margin-left:8px}.chapter,.signature{letter-spacing:.22em;color:#647277;font-size:8px}button{font:inherit;letter-spacing:.05em;color:#b0bec1;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:40px;padding:8px 12px}button:hover{color:#fff;background:#102126}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:3px;outline:1px solid #94dbe4}.viewport{min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.intro{pointer-events:none;text-shadow:0 2px 15px #000;transition:opacity 2s;position:absolute;top:8%;left:5.2vw}.eyebrow{letter-spacing:.3em;color:#a4bec5;margin:0 0 15px;font-size:8px}h1{letter-spacing:-.035em;color:#dde7e7;margin:0 0 12px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(30px,3.8vw,64px);font-weight:300}.intro>p:last-child{color:#a6b8bd;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:15px;line-height:1.5}.controls{align-items:center;gap:12px;display:flex}.hint{color:#62767d;font-size:9px}input{accent-color:#7ca9b1;width:66px;height:2px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#status{text-align:center;letter-spacing:.08em;font-size:12px;position:absolute;inset:45% 10% auto}#status:empty{display:none}[data-immersed=true] header>*,[data-immersed=true] footer>*,[data-immersed=true] .intro{opacity:0;pointer-events:none}.intro.faded{opacity:0}#pause{width:38px;font-size:16px}#sound[aria-pressed=true]{color:#91d9df}@media (width<=650px){header,footer{gap:5px;padding:0 15px}.chapter,.signature{display:none}.hint{max-width:90px;line-height:1.5}.controls{gap:3px}.intro{top:7%;left:7vw}h1{font-size:40px}.eyebrow{font-size:7px}.volume-label{display:none}main{grid-template-rows:9vh 1fr 9vh}header button{font-size:9px}}@media (prefers-reduced-motion:reduce){.intro{transition:none}}[data-immersed=true] header>#immersive{opacity:.75;pointer-events:auto}.about-toggle svg{width:16px;height:16px;display:block}