:root{--ink: #0b0b0d;--paper: #cfcfcf;--paper-dim: rgba(207, 207, 207, .52);--paper-faint: rgba(207, 207, 207, .22);--display: "Instrument Serif", Georgia, "Times New Roman", serif;--ui: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif}.hero{position:relative;height:calc(100vh + 18500px);background:var(--ink)}.stage{position:sticky;top:0;height:100vh;width:100%}.stage canvas{display:block;width:100%;height:100%}.hero-copy{position:fixed;left:clamp(24px,6vw,96px);top:50%;translate:0 -50%;max-width:min(46vw,620px);z-index:2;pointer-events:none}.hero-copy .hero-actions,.hero-copy a,.hero-copy button{pointer-events:auto}.hero-copy h1{font-family:var(--display);font-size:clamp(40px,5.6vw,88px);line-height:.94;letter-spacing:-.02em;font-weight:400;color:var(--paper);margin:0 0 22px}.lede{font-family:var(--ui);font-size:clamp(15px,1.15vw,18px);line-height:1.55;color:var(--paper-dim);margin:0 0 30px;max-width:34ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{font-family:var(--ui);font-size:15px;font-weight:600;padding:12px 22px;border-radius:10px;border:1px solid var(--paper-faint);color:var(--paper);text-decoration:none;background:transparent;transition:border-color .25s ease,background-color .25s ease,color .25s ease}.btn:hover{border-color:var(--paper-dim);background:#cfcfcf0f}.btn-solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-solid:hover{background:#fff;border-color:#fff;color:var(--ink)}.hero-controls{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.9,.3,1);position:fixed;right:clamp(24px,5vw,72px);bottom:clamp(24px,5vh,64px);z-index:2;text-align:right;border-radius:12px;padding:14px;transition:background-color .3s ease,outline-color .3s ease;outline:1px dashed transparent}.hero-controls.shown{opacity:1;pointer-events:auto;transform:none}.hero-controls.dropping{background:#cfcfcf0d;outline-color:var(--paper-dim)}.swatches{display:flex;gap:10px;justify-content:flex-end}.swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;cursor:pointer;display:grid;gap:7px;justify-items:center}.swatch span{display:block;width:42px;height:42px;border-radius:10px;outline:1px solid rgba(207,207,207,.16);outline-offset:-1px;transition:transform .35s cubic-bezier(.2,.9,.3,1),outline-color .35s ease}.swatch:hover span{transform:translateY(-3px)}.swatch.on span{outline-color:var(--paper);outline-width:2px}.swatch em{font-family:var(--ui);font-style:normal;font-size:11px;letter-spacing:.04em;color:var(--paper-faint);transition:color .3s ease}.swatch.on em,.swatch:hover em{color:var(--paper-dim)}.swatch-own span{display:grid;place-items:center;font-size:20px;color:var(--paper-dim);background:#cfcfcf0d}.hint{font-family:var(--ui);font-size:12px;color:var(--paper-faint);max-width:30ch;margin:12px 0 0 auto;line-height:1.5}.meter{position:fixed;left:clamp(24px,6vw,96px);bottom:clamp(24px,5vh,64px);z-index:2;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;letter-spacing:.06em;color:var(--paper-faint);display:flex;align-items:center;gap:8px}.meter-note{color:var(--paper-faint);opacity:.7}.meter .dot{width:6px;height:6px;border-radius:50%;background:var(--paper-dim)}.scroll-cue{position:fixed;left:50%;bottom:clamp(20px,4vh,40px);z-index:2;font-family:var(--ui);font-size:11px;letter-spacing:.22em;text-transform:lowercase;color:var(--paper-faint);transform:translate(-50%) translateY(6px);opacity:0;pointer-events:none;transition:opacity .42s ease,transform .42s ease}.scroll-cue.shown{transform:translate(-50%) translateY(0);opacity:1}.scroll-rail{position:fixed;right:clamp(10px,1.4vw,20px);top:50%;transform:translateY(-50%);height:46vh;width:18px;z-index:6;cursor:pointer;opacity:0;transition:opacity .3s ease;pointer-events:auto}.scroll-rail:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffffff1a;border-radius:2px}.scroll-rail.awake,.scroll-rail:hover,.scroll-rail.dragging{opacity:1}.scroll-thumb{position:absolute;left:50%;width:4px;margin-left:-2px;border-radius:4px;background:#fff;transition:background .18s ease,width .18s ease,margin-left .18s ease}.scroll-rail.dragging .scroll-thumb{width:6px;margin-left:-3px}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0}@media (prefers-reduced-motion: reduce){.swatch:hover span{transform:none}.scroll-cue{transition:none;transform:translate(-50%)}.scroll-cue.shown{transform:translate(-50%)}.scroll-rail{opacity:1;transition:none}.scroll-thumb{transition:none}}@media (max-width: 720px){.hero{height:calc(100vh + 11100px)}.hero-copy{position:absolute;top:14vh;translate:none;transform:none;left:24px;right:24px;max-width:none}.hero-controls{left:24px;right:24px;text-align:left}.swatches{justify-content:flex-start;flex-wrap:wrap}.hint{margin-left:0}.meter{left:24px}.hero-controls{padding-bottom:68px}.meter{bottom:20px}}.real{position:relative;background:var(--ink);height:calc(100vh + 2600px)}.real-inner{position:sticky;top:0;min-height:100vh;padding:clamp(72px,12vh,140px) clamp(24px,6vw,96px) clamp(96px,16vh,180px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center;box-sizing:border-box}@media (max-width: 900px){.real{height:calc(100vh + 1600px)}.real-inner{grid-template-columns:minmax(0,1fr)}}.real-copy h2{font-family:var(--display);font-size:clamp(32px,4.2vw,62px);line-height:.98;letter-spacing:-.02em;margin:0 0 18px;color:var(--paper)}.real-copy p{max-width:46ch;margin:0 0 14px;line-height:1.55;color:var(--paper-dim)}.real-note{font-size:.92em;opacity:.82}.real-stage{display:flex;flex-direction:column;gap:18px;min-width:0}.real-notch{width:100%;height:auto;display:block;border-radius:14px}.real-embed{min-height:152px;border-radius:12px;overflow:hidden}.real-embed iframe{border:0;display:block;width:100%}.real-fallback{font-size:14px;color:var(--paper-dim);margin:0}.real-apple{margin-top:4px}.real-apple summary{cursor:pointer;font-size:14px;color:var(--paper-dim)}.real-apple p{font-size:13px;color:var(--paper-dim);margin:10px 0;max-width:52ch}.real-apple iframe{width:100%;max-width:660px;overflow:hidden;border:0;border-radius:12px;background:transparent}.hero.past .hero-copy,.hero.past .meter,.hero.past .scroll-cue,.hero.past .hero-controls{opacity:0;pointer-events:none;transition:opacity .45s ease;animation:none}.sound-toggle{position:fixed;left:clamp(24px,6vw,96px);bottom:clamp(20px,4vh,48px);z-index:6;display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 11px;border:1px solid rgba(207,207,207,.18);border-radius:10px;background:#0b0b0ded;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--paper-dim);font-family:var(--ui);font-size:12px;letter-spacing:.02em;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease}@media (max-width: 720px){.sound-toggle{left:auto;right:24px;bottom:16px}}.sound-toggle:hover{color:var(--paper);border-color:#cfcfcf57}.sound-toggle.on{color:var(--paper)}.sound-dot{width:6px;height:6px;border-radius:50%;background:#cfcfcf52;transition:background .25s ease,box-shadow .25s ease}.sound-toggle.on .sound-dot{background:var(--paper);box-shadow:0 0 8px #cfcfcf99}.meter{bottom:clamp(60px,9vh,104px);background:#0b0b0ded;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:5px 11px;border-radius:9px}.notch-notes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:3}.notch-notes-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.notch-note-line{fill:none;stroke:#cfcfcf61;stroke-width:1;vector-effect:non-scaling-stroke}.notch-note{position:absolute;top:0;left:0;white-space:nowrap;font-family:ui-monospace,SF Mono,Cascadia Mono,Segoe UI Mono,Menlo,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#cfcfcf9e}.wordmark{position:fixed;top:clamp(18px,3.4vh,34px);left:clamp(24px,6vw,96px);z-index:6;font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);opacity:.82;text-decoration:none}.wordmark:hover{opacity:1}.buy,.qa{position:relative;background:var(--ink);padding:clamp(96px,16vh,190px) clamp(24px,6vw,96px)}.buy-inner,.qa-inner{max-width:1080px;margin:0 auto}.buy h2,.qa h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,6vw,82px);line-height:.96;letter-spacing:-.02em;margin:0 0 18px;color:var(--paper)}.buy-lede{color:var(--paper-dim);margin:0 0 clamp(36px,6vh,64px);max-width:44ch}.buy-card{border:1px solid var(--paper-faint);border-radius:18px;padding:clamp(26px,4vw,44px);max-width:620px;background:#ffffff04}.buy-price{display:flex;align-items:baseline;gap:12px;margin-bottom:26px}.buy-amount{font-family:var(--display);font-size:clamp(52px,8vw,88px);line-height:.9;color:var(--paper)}.buy-once{color:var(--paper-dim);font-size:15px}.buy-actions{display:flex;flex-wrap:wrap;gap:12px}.buy-note{color:var(--paper-dim);font-size:13px;margin:18px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:10px;border:1px solid rgba(207,207,207,.22);color:var(--paper);text-decoration:none;font-family:var(--ui);font-size:15px;font-weight:600;transition:background .2s ease,border-color .2s ease}.btn:hover{border-color:#cfcfcf73;background:#ffffff0a}.btn-solid{background:var(--paper);color:#0b0b0d;border-color:var(--paper)}.btn-solid:hover{background:#fff;border-color:#fff}.qa-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:clamp(32px,5vh,56px)}.qa-item{border:1px solid var(--paper-faint);border-radius:16px;padding:26px;background:#ffffff04}.qa-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--paper)}.qa-item p{margin:0;font-size:15px;line-height:1.6;color:var(--paper-dim)}.site-foot{background:var(--ink);border-top:1px solid var(--paper-faint)}.site-foot-inner{max-width:1080px;margin:0 auto;padding:34px clamp(24px,6vw,96px);display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.site-foot-name{font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim)}.site-foot-links{display:flex;flex-wrap:wrap;gap:8px 22px}.site-foot-links a{color:var(--paper-dim);font-size:14px;text-decoration:none}.site-foot-links a:hover{color:var(--paper)}.hero-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:40;will-change:opacity}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2) format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}