:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0f0f0;--dim:#a2a2a2;--faint:#707070;--line:#ffffff24;--serif:"Newsreader", "Iowan Old Style", Palatino, serif;--mono:"Azeret Mono", ui-monospace, monospace;--gutter:clamp(22px, 3.8vw, 72px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;width:100%;height:100%;color:var(--ink);background:#000;margin:0;transition:background-color .65s;overflow:hidden}body{touch-action:pinch-zoom;min-height:100svh;font-family:var(--mono);-webkit-font-smoothing:antialiased}#experience-root{isolation:isolate;background:#000;position:fixed;inset:0}html[data-palette=light],html[data-palette=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}html[data-palette=light] #experience-root,html[data-palette=light] #start-screen{filter:invert()}::view-transition{pointer-events:none}::view-transition-group(root){animation:none}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:.85s cubic-bezier(.22,.61,.36,1) both experience-dissolve-in}@keyframes experience-dissolve-in{0%{opacity:0}to{opacity:1}}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button,.modes a{min-height:44px}button:disabled{cursor:default;opacity:.35}button:hover,a:hover{color:#fff}:focus-visible{outline-offset:6px;border-radius:2px;outline:1px solid #fff}::selection{color:#000;background:#eee}canvas#view{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.frame{pointer-events:none;background:linear-gradient(#0007,#0000 18% 78%,#0008);position:fixed;inset:0}.masthead{z-index:3;padding:28px var(--gutter);justify-content:space-between;align-items:center;gap:24px;transition:opacity 1.2s;display:flex;position:absolute;top:0;left:0;right:0}.identity{letter-spacing:-.035em;align-items:center;gap:13px;min-height:44px;font-size:12px;display:flex}.identity-caption{color:var(--dim);letter-spacing:0;margin-top:7px;font-size:9px;display:block}.identity-mark{border:1px solid #aaa;border-radius:50%;width:29px;height:29px;position:relative;transform:rotate(-30deg)}.identity-mark:before{content:"";background:#000;border:1px solid #aaa;border-radius:50%;position:absolute;inset:9px -7px}.identity-mark:after{content:"";background:#eee;border-radius:50%;position:absolute;inset:11px}.edition{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.edition span{color:var(--faint);margin-left:20px}.modes{border:1px solid var(--line);background:#0006;border-radius:4px;padding:3px;display:flex}.modes button{color:var(--dim);padding:0 15px;font-size:10px;transition:background .25s,color .25s}.modes button[aria-pressed=true]{color:#000;background:#e6e6e6;border-radius:2px}.mode-number{opacity:.6;margin-right:6px;font-size:8px}.intro{z-index:1;bottom:18vh;left:var(--gutter);pointer-events:none;transition:opacity 1.6s,transform 1.6s;position:absolute}.eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim);font-size:9px;font-weight:400;line-height:1.7}.small-cross{color:var(--ink);vertical-align:-1px;margin-right:10px;font-size:16px;display:inline-block}h1{font:400 clamp(54px, 6.5vw, 104px)/.95 var(--serif);letter-spacing:-.045em;margin:22px 0}h1 em{color:#aeaeae;font-weight:400}.intro-note{color:var(--dim);letter-spacing:.02em;margin:28px 0 0;font-size:10px}body[data-phase=admire] .intro{opacity:.82}body[data-phase=admire] h1,body[data-phase=fall] h1{font-size:clamp(38px,4.7vw,70px)}body[data-phase=black] .intro,body[data-phase=words] .intro{opacity:0;visibility:hidden;transform:translateY(-15px)}body[data-phase=fall] .masthead,body[data-phase=black] .masthead{opacity:.3}.masthead:focus-within,.masthead:hover{opacity:1!important}.chapter-rail{z-index:1;right:var(--gutter);align-items:center;gap:20px;display:flex;position:absolute;top:45%}.chapter-rail>span{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.17em;color:var(--dim);font-size:8px}.chapter-rail ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chapter-rail li{background:#ffffff25;width:2px;height:23px;transition:background 1s}.chapter-rail li.active{background:#ddd}body[data-phase=black] .chapter-rail{opacity:.25}.words{z-index:2;top:115px;bottom:110px;left:var(--gutter);pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:min(740px,70%);display:none;position:fixed}.words>*{flex-shrink:0}.words[data-open=true]{display:flex}.words[data-resolved=true] .reflection,.words:not([data-resolved=true])>.invitation,.words:not([data-resolved=true])>.resolution,.words:not([data-resolved=true])>.contact{display:none}body[data-still=true] canvas#view{opacity:.18}.words:focus{outline:none}.words [data-beat]{opacity:0;transition:opacity 1.1s,transform 1.1s;transform:translateY(10px)}.words [data-beat].on{opacity:1;transform:none}.words .on a,.words .on button{pointer-events:auto}.closing-label{margin:0 0 22px}.question{font:400 clamp(28px, 3.5vw, 51px)/1.12 var(--serif);letter-spacing:-.035em;margin:0}.question span{display:inline}.hate{font:italic 400 clamp(28px, 3.5vw, 51px)/1.12 var(--serif);letter-spacing:-.035em;color:#bbb;margin:8px 0 0}.hinge{color:var(--dim);margin:30px 0 24px;font-size:10px;line-height:1.8}.invitation{font:400 clamp(40px, 5vw, 76px)/.98 var(--serif);letter-spacing:-.045em;margin:0}.invitation em{color:#b5b5b5}.resolution{color:var(--dim);margin:25px 0 0;font-size:11px;line-height:1.9}.contact{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;font-size:10px;display:flex}.contact a,.contact button{align-items:center;gap:20px;min-height:44px;display:inline-flex}.contact-primary{color:#080808;background:#eee;border-radius:2px;padding:0 20px;transition:background .25s}.contact-primary:hover{color:#000;background:#fff}.github{border-bottom:1px solid #ffffff40}#again{color:var(--dim);gap:10px;padding:0}.instruments{z-index:3;left:var(--gutter);right:var(--gutter);bottom:max(20px, env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:12px;display:flex;position:fixed}.end-note{color:var(--dim);font-size:9px}.playback{align-items:center;gap:24px;margin-left:auto;display:flex}.playback button{text-shadow:0 1px 6px #000;color:var(--dim);letter-spacing:.02em;align-items:center;gap:10px;padding:0;font-size:9px;display:flex}.playback button:hover{color:#fff}.playback .skip{color:#eee;margin-left:8px}.sound-bars{align-items:center;gap:2px;height:12px;display:flex}.sound-bars i{background:currentColor;width:1px;height:3px;transition:height .3s}[aria-pressed=true] .sound-bars i:nth-child(2){height:11px}[aria-pressed=true] .sound-bars i:nth-child(3){height:7px}.progress{z-index:4;background:#ffffff0a;width:100%;height:1px;position:fixed;bottom:0;left:0}.progress div{transform-origin:0;background:#bbb;width:100%;height:100%;transform:scaleX(0)}.fail{z-index:4;left:var(--gutter);right:var(--gutter);color:var(--dim);max-width:500px;margin:0;font-size:10px;line-height:1.7;position:fixed;bottom:76px}.probe{z-index:9;top:90px;right:var(--gutter);font-size:10px;position:fixed}.noscript{padding:var(--gutter);max-width:800px;line-height:1.8;position:absolute;top:20%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}body[data-mode=ascii] h1,body[data-mode=ascii] .question,body[data-mode=ascii] .hate,body[data-mode=ascii] .invitation{font-family:var(--mono);letter-spacing:-.025em}body[data-mode=ascii] h1{font-size:clamp(38px,5vw,76px);line-height:1.05}body[data-mode=ascii][data-phase=admire] h1{font-size:clamp(28px,3.8vw,54px)}body[data-mode=ascii] .question,body[data-mode=ascii] .hate{font-size:clamp(23px,2.5vw,37px);line-height:1.25}body[data-mode=ascii] .invitation{font-size:clamp(29px,3.6vw,53px);line-height:1.1}body[data-mode=ascii] em{color:#dedede;font-style:normal}body[data-mode=ascii] .identity-mark{border-radius:0;transform:none}@media (width<=900px){.edition{display:none}.words{width:calc(100% - var(--gutter) * 2)}}@media (width<=600px){.masthead{gap:12px;padding-top:18px}.identity{gap:9px;font-size:10px}.identity-caption{max-width:130px;font-size:8px;line-height:1.5}.identity-mark{flex-shrink:0;width:23px;height:23px}.identity-mark:before{inset:7px -5px}.identity-mark:after{inset:9px}.modes button{padding:0 10px;font-size:9px}.mode-number{display:none}.intro{max-width:calc(100% - var(--gutter) * 2);top:clamp(104px,15svh,128px);bottom:auto}.intro .eyebrow{margin:0}.intro .small-cross{line-height:1}.intro h1{margin:10px 0;line-height:1.02}.intro-note{margin:10px 0 0;font-size:11px;line-height:1.6}.chapter-rail{gap:12px;top:35%}.chapter-rail>span{font-size:7px}.words{width:calc(100% - var(--gutter) * 2);top:110px;bottom:95px}.closing-label{margin-bottom:23px}.question,.hate{font-size:clamp(26px,7.5vw,40px)}.invitation{font-size:clamp(35px,9.2vw,50px)}.hinge{margin:25px 0;font-size:9px}.resolution{font-size:10px}.contact{gap:10px 22px}#again{flex-basis:100%}.instruments{bottom:max(12px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:0}.playback{gap:20px}#sound-label{display:none}#sound{min-width:24px}.playback button{font-size:8px}.playback .skip{margin:0}.end-note{font-size:8px}body[data-phase=words] .chapter-rail,.desktop-break{display:none}}@media (width<=360px){.identity-caption{display:none}.playback{gap:12px}.end-note{max-width:150px;line-height:1.6}}@media (height<=600px) and (width>=601px){.intro{bottom:100px}h1{font-size:50px}.words{top:100px;bottom:90px}.chapter-rail{top:32%}}.movement-hint{z-index:2;color:var(--dim);font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;flex-direction:column;align-items:center;gap:14px;margin:0;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.movement-line{background:linear-gradient(#aaa,#0000);width:1px;height:26px}body[data-phase=fall] .intro{opacity:.7}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body[data-captured=true],body[data-captured=true] main{cursor:none}body[data-captured=true] .masthead,body[data-captured=true] .instruments{cursor:auto}}@media (width<=600px){.movement-hint{left:auto;right:var(--gutter);align-items:flex-end;font-size:7px;bottom:110px;transform:none}body[data-phase=fall] h1{font-size:clamp(30px,8vw,44px)}body[data-mode=ascii][data-phase=fall] h1{font-size:clamp(25px,6.5vw,38px)}.words .invitation{font-size:clamp(34px,8.8vw,48px)}body[data-mode=ascii] .words .invitation{font-size:clamp(27px,6.9vw,40px)}.words .resolution{margin-top:20px;font-size:9px;line-height:1.8}.words .contact{gap:4px 22px;margin-top:22px}}@media (height<=600px){.words{top:95px;bottom:85px}.words .closing-label{margin-bottom:14px;font-size:8px}.words .invitation{font-size:clamp(28px,7vh,42px)}body[data-mode=ascii] .words .invitation{font-size:clamp(23px,5.8vh,34px)}.words .resolution{margin-top:14px;font-size:9px}.words .contact{margin-top:16px}.words .question,.words .hate{font-size:24px}.words .hinge{margin:16px 0;font-size:9px}}@media (height<=440px){.masthead{padding-top:12px;padding-bottom:10px}.words{top:85px;bottom:75px}.words .closing-label{margin-bottom:10px;font-size:7px}.words .invitation{font-size:32px}body[data-mode=ascii] .words .invitation{font-size:28px}.words .resolution,.words .contact{margin-top:10px}.words .question,.words .hate{font-size:22px}.words .hinge{margin:10px 0}.chapter-rail{display:none}.intro{bottom:100px}body[data-phase=admire] h1,body[data-phase=fall] h1{margin:12px 0;font-size:32px}.intro-note{margin-top:12px}.movement-hint{bottom:90px}}body[data-mode=ascii] .intro h1,body[data-mode=ascii] .words .invitation,body[data-mode=ascii] .words .question,body[data-mode=ascii] .words .hate{text-shadow:0 0 3px #000,0 2px 12px #000;font-weight:500}body[data-mode=ascii] .intro .eyebrow,body[data-mode=ascii] .intro-note,body[data-mode=ascii] .words .resolution,body[data-mode=ascii] .words .hinge{color:#c7c7c7;text-shadow:0 1px 4px #000,0 0 8px #000}body[data-phase=words] .movement-hint{color:#bfbfbf;font-size:8px}@media (width<=600px){body[data-mode=ascii] .intro{max-width:calc(100% - var(--gutter) * 2)}}body[data-phase=words] .movement-hint{top:116px;bottom:auto;right:var(--gutter);align-items:flex-end;left:auto;transform:none}body[data-phase=words] .movement-line{display:none}@media (width<=600px){body[data-phase=words] .movement-hint{font-size:7px;top:96px}}@media (height<=440px){body[data-phase=words] .movement-hint{top:82px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(root){animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}body[data-started=false]>:not(dialog):not(noscript){visibility:hidden}.start-screen{width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--gutter);color:var(--ink);background:#000;border:0;margin:0;position:fixed;inset:0}.start-screen::backdrop{background:#000}.start-screen[open]{justify-content:center;align-items:center;display:flex}.start-brand{top:32px;left:var(--gutter);font:12px var(--mono);align-items:center;min-height:44px;display:flex;position:absolute}.start-content{width:min(560px,100%)}.start-content h1{margin:22px 0 30px;font-size:clamp(50px,8vw,100px)}#start-question{color:#d3d3d3;margin:0 0 20px;font-size:12px}.start-actions{flex-wrap:wrap;gap:12px;display:flex}.start-actions button{border:1px solid #ffffff45;border-radius:2px;align-items:center;gap:32px;min-height:48px;padding:0 20px;font-size:10px;transition:background-color .18s,color .18s,border-color .18s;display:flex}#start-sound{color:#000;background:#eee;border-color:#eee}#start-silent,#start-sound:is(:hover,:focus-visible){color:#eee;background:#000;border-color:#eee}#start-silent:is(:hover,:focus-visible){color:#000;background:#eee;border-color:#eee}.start-help{color:var(--dim);margin-top:28px;font-size:9px;line-height:1.8}@media (width<=600px){.start-brand{top:18px}.start-actions{flex-direction:column;align-items:stretch}.start-actions button{justify-content:space-between}.start-help{font-size:8px}}@media (height<=440px){.start-screen{padding-top:75px}.start-content h1{margin:10px 0;font-size:40px}.start-content h1 br{display:none}.start-content h1 em:before{content:" "}.start-content .eyebrow{display:none}#start-question{margin-bottom:12px}.start-help{margin-top:12px}}body[data-phase] .intro{opacity:1}body .intro h1,body .intro h1 em{color:#fff;text-shadow:0 0 2px #000,0 2px 8px #000,0 0 18px #000}body .intro .eyebrow,body .intro .intro-note{color:#e0e0e0;text-shadow:0 1px 3px #000,0 0 8px #000}body[data-phase] .intro[aria-hidden=true]{opacity:0;visibility:hidden;transition:opacity .8s,transform .8s,visibility 0s .8s;transform:translateY(-15px)}