:root{--bg: #0b0b0c;--ink: #f5f6f7;--ink-soft: #9a9b9e;--foil: #f4d03f;--foil-light: #fbe58a;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--display: "Libre Caslon Display", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}.stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;overscroll-behavior:none}.canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));pointer-events:none}.overlay a,.overlay button{pointer-events:auto}.overlay-top,.overlay-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.wordmark{font:400 24px/1 var(--display);letter-spacing:.01em}.link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:10px 0;color:var(--ink);font:500 15px/1.5 var(--sans);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);text-underline-offset:5px;cursor:pointer;transition:color .16s ease,text-decoration-color .16s ease}.link:hover{color:var(--foil);text-decoration-color:var(--foil)}.link:disabled{opacity:.3;cursor:default;text-decoration:none}.link:focus-visible{outline:2px solid var(--foil);outline-offset:4px;border-radius:2px}.status{margin:0;text-align:center;font:400 20px/1.3 var(--display)}.status-wrap{display:flex;flex-direction:column;align-items:center}.visit{padding:4px 0 0;font-size:13px;letter-spacing:.02em;color:color-mix(in srgb,var(--ink) 80%,transparent)}.visit span{color:var(--foil)}.hint{display:block;margin-top:6px;color:var(--ink-soft);font:400 13px/1.4 var(--sans)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:var(--ink-soft);font:400 22px/1 var(--display)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(11 11 12 / .82) 0%,rgb(11 11 12 / .35) 38%,transparent 62%);transition:opacity .9s ease;pointer-events:none}.overlay-top,.overlay-bottom{position:relative}.overlay[data-hero=false]:before{opacity:0}.hero{position:absolute;left:max(48px,env(safe-area-inset-left));bottom:max(64px,env(safe-area-inset-bottom));max-width:34rem;transition:opacity .7s var(--ease-out-expo),transform .9s var(--ease-out-expo),visibility 0s}.overlay[data-hero=false] .hero{opacity:0;transform:translateY(16px);visibility:hidden;transition:opacity .4s ease,transform .6s ease,visibility 0s .6s}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--foil);font:600 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}.eyebrow:before{content:"";width:36px;height:2px;background:var(--foil)}.hero-title{margin:0;font:400 clamp(2.4rem,1.4rem + 2.6vw,4.1rem)/1.04 var(--display);letter-spacing:-.01em;text-wrap:balance}.hero-sub{margin:20px 0 34px;max-width:26rem;color:var(--ink-soft);font:400 17px/1.55 var(--sans)}.cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:12px;border:0;border-radius:2px;padding:18px 28px;background:var(--foil);color:#0b0b0c;font:600 14px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 #f4d03f00;transition:transform .3s var(--ease-out-expo),box-shadow .3s ease,background-color .2s ease}.cta span{transition:transform .3s var(--ease-out-expo)}.cta:hover{background:var(--foil-light);transform:translateY(-2px);box-shadow:0 10px 40px -8px #f4d03f8c}.cta:hover span{transform:translate(4px)}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid var(--foil-light);outline-offset:4px}.overlay-bottom{transition:opacity .6s ease 1.6s,visibility 0s}.overlay:not([data-view=book]) .overlay-bottom{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.top-actions{display:flex;align-items:baseline;gap:28px}.sound{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.sound-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sound-bars i{width:2px;height:4px;background:currentColor;border-radius:1px}.sound[aria-pressed=true] .sound-bars i{animation:bar .9s ease-in-out infinite alternate}.sound[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.3s}.sound[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.6s}@keyframes bar{0%{height:3px}to{height:12px}}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.scroll-cue{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:8px 12px;color:var(--ink-soft);font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:opacity .6s ease .4s,color .2s ease}.scroll-cue:hover{color:var(--ink)}.scroll-cue[data-show=false]{opacity:0;pointer-events:none;transition:opacity .2s ease}.cue-mouse{position:relative;width:22px;height:34px;border:1.5px solid currentColor;border-radius:12px}.cue-mouse i{position:absolute;left:50%;top:7px;width:2px;height:6px;margin-left:-1px;border-radius:1px;background:var(--foil);animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}70%{opacity:0;transform:translateY(9px)}to{opacity:0}}.cue-swipe{position:relative;width:2px;height:34px;background:linear-gradient(to top,transparent,currentColor)}.cue-swipe i{position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:50%;background:var(--foil);animation:swipe 1.8s ease-in-out infinite}@keyframes swipe{0%{opacity:0;transform:translateY(28px)}30%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.read-hint{position:absolute;left:50%;bottom:118px;translate:-50% 0;margin:0;padding:10px 18px;border:1px solid rgb(244 208 63 / .35);border-radius:999px;background:#0b0b0cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:500 13px/1.2 var(--sans);white-space:nowrap;transition:opacity .5s ease,translate .5s var(--ease-out-expo)}.read-hint[data-show=true]{transition-delay:2.2s}.read-hint[data-show=false]{opacity:0;translate:-50% 8px}.end-card{position:absolute;left:50%;bottom:116px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px 28px;border:1px solid rgb(244 208 63 / .28);border-radius:4px;background:#0b0b0ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;transition:opacity .6s ease .9s,translate .7s var(--ease-out-expo) .9s,visibility 0s}.end-card[data-show=false]{opacity:0;translate:-50% 12px;visibility:hidden;transition:opacity .25s ease,translate .25s ease,visibility 0s .25s}.end-title{margin:0;font:400 26px/1.1 var(--display)}.end-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.end-card .cta{text-decoration:none;padding:14px 22px}.counter{display:block;margin-top:6px;color:color-mix(in srgb,var(--ink) 72%,transparent);font:500 11px/1 var(--sans);letter-spacing:.18em}.switch-anchor{pointer-events:none}.switch{position:relative;width:56px;height:76px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;transition:opacity .4s ease}.switch[data-show=false]{opacity:0;pointer-events:none}.switch:before{content:"";position:absolute;top:10px;right:8px;bottom:10px;left:8px;border-radius:6px;border:1px solid rgb(255 200 120 / .55);opacity:0;animation:switch-hint 2.4s ease-out 3s 3}@keyframes switch-hint{0%{opacity:0;transform:scale(.85)}30%{opacity:1}to{opacity:0;transform:scale(1.35)}}.switch-label{position:absolute;left:100%;top:50%;transform:translate(4px,-50%);white-space:nowrap;padding:6px 10px;border-radius:999px;background:#0b0b0cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:opacity .2s ease,transform .2s ease}.switch:hover .switch-label,.switch:focus-visible .switch-label{opacity:1;transform:translate(10px,-50%)}.switch:focus-visible{outline:2px solid var(--foil);outline-offset:2px;border-radius:6px}.marker-anchor{pointer-events:none}.marker{display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:6px;color:var(--ink);font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:auto;transition:opacity .6s ease,transform .6s var(--ease-out-expo)}.marker[data-show=false]{opacity:0;transform:translateY(6px);pointer-events:none}.marker-dot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--foil);box-shadow:0 0 14px #f4d03fcc;order:2}.marker-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1.5px solid var(--foil);border-radius:50%;animation:ping 2s ease-out infinite}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.marker-label{padding:7px 12px;border-radius:999px;background:#0b0b0cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,color .2s ease}.marker:hover .marker-label{background:var(--foil);color:#0b0b0c}.marker:focus-visible{outline:2px solid var(--foil);outline-offset:4px;border-radius:4px}@media(max-width:600px){.status{font-size:17px}.hint{display:none}.overlay:before{background:linear-gradient(180deg,rgb(11 11 12 / .85) 0%,rgb(11 11 12 / .45) 30%,transparent 46%,transparent 72%,rgb(11 11 12 / .8) 100%)}.hero{left:20px;right:20px;top:96px;bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.hero-title{font-size:clamp(2rem,1.2rem + 4vw,2.6rem)}.hero-sub{margin:12px 0 0;font-size:15px}.hero-actions{margin-top:auto}.cta{width:100%;justify-content:center}.hero-actions{gap:14px}.hero-contact{margin:0 auto}.contact-link,.sound-label,.site-verb{display:none}.top-actions{gap:20px}.scroll-cue{display:none}.read-hint{bottom:96px;white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 40px)}.end-card{bottom:96px;width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){.link,.cta,.cta span,.hero,.overlay-bottom,.overlay:before,.scroll-cue,.read-hint,.end-card,.marker{transition:none}.cue-mouse i,.cue-swipe i,.marker-dot:after,.sound-bars i,.switch:before{animation:none!important}}