@font-face{font-family:"Instrument Serif";src:url(./instrumentserif-DnYpCC2O.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(./instrumentserif-italic-DKMiL14s.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Space Grotesk;src:url(./spacegrotesk-RjhwGPKo.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Caveat;src:url(./caveat-zlTlWIYU.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--bg: #121212;--fg: #e8e6e1;--dim: rgba(232,230,225,.6);--faint: rgba(232,230,225,.34);--line: rgba(232,230,225,.14);--card: #e9e7e2;--cardink: #1b1b1b;color-scheme:dark}:root[data-theme=light]{--bg: #ecebe7;--fg: #1d1d1c;--dim: rgba(29,29,28,.62);--faint: rgba(29,29,28,.36);--line: rgba(29,29,28,.14);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:Space Grotesk,system-ui,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.skip-link{position:absolute;left:-999px;top:8px;background:var(--fg);color:var(--bg);padding:8px 12px;z-index:50}.skip-link:focus{left:8px}.corner{position:fixed;z-index:20;font-size:13px;letter-spacing:.04em;color:var(--faint);padding:14px 18px;transition:color .25s}.corner:hover{color:var(--fg)}.br{bottom:6px;right:6px}.corner{background:color-mix(in srgb,var(--bg) 82%,transparent);border-radius:8px;backdrop-filter:blur(6px)}#progress{position:fixed;left:0;top:0;bottom:0;width:2px;background:var(--line);z-index:15}#progress i{display:block;height:100%;background:var(--fg);transform-origin:top;transform:scaleY(0);transition:transform .8s cubic-bezier(.19,1,.22,1)}#story{margin:0 auto;max-width:1240px}.chap{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(32px,6vw,96px);padding:14vh clamp(32px,6vw,96px) 14vh;align-items:start;position:relative}.chap.has-paper{min-height:170svh}.col{max-width:36rem}.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:28px}.head{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(54px,8vw,108px);line-height:.98;letter-spacing:-.02em;margin-bottom:44px}.hero .head{font-size:clamp(64px,10vw,140px)}.ln{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}.in{display:inline-block;will-change:transform}.cues{display:flex;flex-direction:column;gap:20px}.cue{font-size:clamp(19px,1.5vw,22px)}.w{transition:opacity .35s;white-space:pre-wrap}.listening .w{opacity:.28}.listening .w.on{opacity:1}.decision{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-family:"Instrument Serif",serif;font-style:italic;font-size:28px;line-height:1.2}.decision span{display:block;font:12px/1 Space Grotesk,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}.note{margin-top:24px;color:var(--dim);font-size:15px;font-style:italic}.link{font-size:.85em;color:var(--fg);border-bottom:1px solid currentColor;padding:2px 0;transition:opacity .2s}.link:hover:not(:disabled){opacity:.6}.begin-row{margin-top:48px;display:flex;gap:24px;align-items:baseline;flex-wrap:wrap;font-size:20px}.or{color:var(--faint);font-size:15px}.side{position:sticky;top:12vh;display:flex;flex-direction:column;align-items:center}.code,.corner,.link{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.eyebrow{text-transform:none;letter-spacing:0;font-size:14px;margin-bottom:14px}.cm{color:var(--faint)}.kw{color:var(--dim)}.id{color:var(--fg)}.op,.br,.str{color:var(--dim)}.line{font-size:15px;margin-bottom:18px;color:var(--fg)}.line.close{margin:22px 0 0}.glyphs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.glyphs i{position:absolute;font:400 24px ui-monospace,Menlo,Consolas,monospace;color:var(--fg);opacity:.06;animation:drift 14s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-26px) rotate(5deg)}}.chap{isolation:isolate}.portrait{position:relative;width:min(100%,440px);margin:0}.gface{display:block;width:100%;color:var(--fg)}.gface.mini{width:110px;margin:0 auto 14px;opacity:.9}.glyphs{transform:translate(calc(var(--mx, 0) * -26px),calc(var(--my, 0) * -20px));transition:transform .4s ease-out}.trail{position:fixed;z-index:30;pointer-events:none;font:500 18px ui-monospace,Menlo,Consolas,monospace;color:var(--fg);opacity:.5;transform:translate(-50%,-50%);animation:trail .9s ease-out forwards}@keyframes trail{to{opacity:0;transform:translate(-50%,calc(-50% + 24px)) rotate(40deg)}}.bubble{position:absolute;right:4%;bottom:2%;background:var(--fg);color:var(--bg);font:600 26px/1 Caveat,cursive;padding:10px 18px 12px;border-radius:22px 22px 22px 4px;transform:rotate(4deg)}.doodle{position:absolute;left:-26px;top:-22px;width:54px;fill:var(--fg)}#portrait{display:block;width:100%;height:auto}.hero .side{position:relative;top:0}.next{margin-top:40px;display:flex;gap:28px;font-size:15px}.soft{color:var(--faint);border-bottom-color:transparent}.soft:hover{color:var(--fg);border-bottom-color:currentColor;opacity:1!important}.chap:before{content:attr(data-n);position:absolute;right:4%;top:6vh;font-family:"Instrument Serif",serif;font-size:clamp(160px,28vw,380px);line-height:.8;color:var(--fg);opacity:.045;pointer-events:none}.hero:before{content:none}.paper{position:relative;filter:drop-shadow(0 22px 22px rgba(0,0,0,.3));width:min(100%,340px);aspect-ratio:320 / 420;transform-origin:50% 60%;will-change:transform}.paper svg{display:block;width:100%;height:100%;overflow:visible}.paper .ink{position:absolute;inset:9% 11%;color:#1c1c1b;font-family:Caveat,cursive;display:flex;flex-direction:column;gap:12px;opacity:0}.ptitle{font-size:clamp(36px,4vw,48px);line-height:1;font-weight:600}.pbody{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.pfoot{margin-top:auto;font-size:24px;line-height:1.15}.tremble{animation:tremble 2.8s ease-in-out infinite}@keyframes tremble{0%,to{translate:0 0}25%{translate:1px -1px}50%{translate:-1px 1px}75%{translate:1px 1px}}@media(prefers-reduced-motion:reduce){.tremble,*{transition:none!important}.glyphs i{animation:none}}.ask{min-height:100svh}.ask .side{gap:28px}.sheet-host{width:min(100%,260px)}.sheet-host .paper{width:100%}.bin{width:120px}#ask-form{margin-top:40px}#ask-input{width:100%;background:none;color:var(--fg);border:0;border-bottom:1px solid var(--fg);font:inherit;font-size:22px;padding:10px 0;resize:none;border-radius:0}#ask-input::placeholder{color:var(--faint)}#ask-input:focus{outline:none;border-bottom-width:2px}#ask-form .row{margin-top:20px;display:flex;gap:24px;align-items:baseline;flex-wrap:wrap}.priv{color:var(--faint);font-size:14px}.gone{margin-top:32px;font-family:"Instrument Serif",serif;font-size:32px}.gone .link{font:16px Space Grotesk,sans-serif;margin-left:16px}@media(max-width:860px){body{font-size:17px}.chap{grid-template-columns:1fr;gap:36px;padding:64px 22px 70px;min-height:0}.chap.has-paper{min-height:150svh}.side{position:relative;top:0}.has-paper .side{position:sticky;top:56px;order:2}.paper{width:min(78%,290px)}.head{font-size:clamp(48px,15vw,80px);margin-bottom:28px}.hero .head{font-size:clamp(56px,18vw,96px)}.portrait{width:min(80%,280px);margin:8px auto 0}.corner{padding:12px 14px}}body.intro-on{overflow:hidden}body.intro-on #app{visibility:hidden}#intro{position:fixed;inset:0;z-index:60;background:#0e0f10;color:#e8e6e1;transition:opacity .9s ease}#intro.gone{opacity:0;pointer-events:none}.intro{position:absolute;inset:0;overflow:hidden}.intro .room{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease}.intro .room.on{opacity:1}.intro .room canvas{display:block}.intro .vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 38%,rgba(10,10,11,.78) 100%)}.intro .grain{position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.intro:after{content:"";position:absolute;inset:0;background:#0e0f10;opacity:0;pointer-events:none;transition:opacity .8s ease}.intro.dark:after{opacity:1}.gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,36px);padding:0 20px;z-index:2;transition:opacity .25s}.intro.morph .gate{opacity:0;pointer-events:none}.gbtn{color:#e8e6e1;font:italic 400 clamp(30px,6.2vw,68px)/1.1 "Instrument Serif",serif;padding:8px 14px;position:relative;text-align:center}.gbtn .lbl{display:inline-block}.gbtn .ch{display:inline-block;opacity:0;transform:translateY(.5em);filter:blur(10px);animation:chIn 1s cubic-bezier(.19,1,.22,1) forwards;animation-delay:calc(.35s + var(--i) * 38ms)}@keyframes chIn{to{opacity:1;transform:none;filter:blur(0)}}.gbtn:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.19,1,.22,1)}.gbtn:focus{outline:none}.gbtn:hover:after,.gbtn:focus-visible:after{transform:scaleX(1)}.particles{position:absolute;inset:0;pointer-events:none;z-index:3}.speaker{position:fixed;top:16px;right:18px;z-index:80;width:44px;height:44px;display:grid;place-items:center;color:#e8e6e1;opacity:0;pointer-events:none;transition:opacity .8s ease,color .25s}body:not(.intro-on) .speaker{color:var(--dim)}.speaker:hover{color:var(--fg)}.speaker svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}body.speaker-on .speaker,body:not(.intro-on) .speaker{opacity:1;pointer-events:auto}.speaker.muted .wave,.speaker:not(.muted) .slash{display:none}.speaking .speaker .wave{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.skipbtn{position:fixed;top:16px;right:74px;z-index:80;height:44px;padding:0 6px;color:#b9b7b1;font:400 15px Space Grotesk,sans-serif;letter-spacing:.06em;animation:skipIn 1.2s cubic-bezier(.19,1,.22,1) both}.skipbtn:hover{color:#e8e6e1}@keyframes skipIn{0%{opacity:0;transform:translate(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.gbtn .ch{animation-duration:.01s;animation-delay:0s}.skipbtn{animation:none}}