@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/patrick-hand-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#050505;--day:#f4f1e8;--bone:#f3efe4;--bone-dim:#c8c2b4;--lime:#d6ff3c;--focus:#f3efe4;--voice-hand:"Patrick Hand", cursive;--voice-approach:"Atkinson Hyperlegible", sans-serif;--edge:1.25rem}*{box-sizing:border-box}html,body{background:var(--void);min-height:100%;color:var(--bone);margin:0}body{font-family:var(--voice-approach);font-size:1rem;line-height:1.4}::selection{background:var(--bone);color:var(--void)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bone-dim)}a{color:inherit;text-underline-offset:.18em}.beat{background:var(--void);min-height:100dvh}.beat-wall{background:var(--void);view-timeline-name:--wall;view-timeline-axis:block;min-height:320vh}.aperture{z-index:1;background:var(--day);pointer-events:none;transform-origin:top;width:100%;height:18vh;margin-top:8vh;animation:linear both shut;animation-timeline:--wall;animation-range:contain contain 78%;position:sticky;top:8vh}@keyframes shut{to{height:0}}.beat-wall h1{z-index:2;max-width:14ch;color:var(--bone);font-family:var(--voice-approach);letter-spacing:-.03em;margin:7vh 0 0 8vw;font-size:clamp(2.8rem,9.5vw,6rem);font-weight:400;line-height:.88;position:relative}.beat-black{background:var(--void);min-height:100dvh}.beat-statement{flex-direction:column;justify-content:center;gap:1.5rem;padding:0 8vw;display:flex}.beat-statement p{max-width:34ch;color:var(--bone);margin:0;font-size:clamp(1.125rem,2.2vw,1.5rem);line-height:1.5}.beat-cut{background:var(--void);min-height:150vh;position:relative;overflow:hidden}.beat-cut:before{content:"";opacity:0;background:url(/cut-dither.png) 50%/cover no-repeat;animation:steps(4,end) both slash;animation-timeline:view();animation-range:cover 38% cover 62%;position:absolute;inset:0}@keyframes slash{0%{opacity:0;clip-path:inset(0 0 100%)}20%{opacity:1;clip-path:polygon(0 0,100% 6%,100% 100%,0 94%)}45%,70%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(100% 0 0)}}.beat-door{background:var(--void);flex-direction:column;justify-content:flex-end;gap:1.25rem;min-height:100dvh;padding:0 8vw 16vh;display:flex}.beat-door p{max-width:28ch;color:var(--bone-dim);letter-spacing:.01em;margin:0;font-size:.8125rem;line-height:1.4}.door{min-width:44px;min-height:44px;color:var(--bone);letter-spacing:-.03em;align-items:center;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.door:hover{text-decoration-thickness:2px}.rooms{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.door-shut{color:var(--bone-dim);text-decoration:none}.door-note{color:var(--bone-dim);letter-spacing:.04em;font-size:.8125rem}.stage{z-index:2;pointer-events:none;background:0 0;border:0;min-height:100dvh;margin:0;position:fixed;inset:0;overflow:hidden}.stage.is-fading{opacity:0;transition:opacity .2s linear}.stage.is-live,.stage.is-poster,.stage.is-freeze,.stage.is-missing{background:var(--void);pointer-events:auto}.stage-canvas,.stage-poster,.stage-freeze,.stage-credit,.stage-note,.stage-play,.stage-title,.stage-line{display:none}.stage.is-live .stage-canvas,.stage.is-live .stage-title,.stage.is-live .stage-line,.stage.is-poster .stage-poster,.stage.is-poster .stage-title,.stage.is-poster .stage-line,.stage.is-poster .stage-credit,.stage.is-freeze .stage-freeze,.stage.is-freeze .stage-title,.stage.is-freeze .stage-line,.stage.is-freeze .stage-credit,.stage.is-missing .stage-note,.stage.is-tap .stage-play{display:block}.stage-canvas,.stage-freeze,.stage-poster{object-fit:cover;background:var(--void);width:100%;height:100%;position:absolute;inset:0}.stage-title,.stage-line,.stage-credit,.stage-note{z-index:1;max-width:36rem;margin:0;position:absolute}.stage-title{max-width:18vw;color:var(--bone);font-family:var(--voice-hand);letter-spacing:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1;top:50%;left:6vw;transform:translateY(-70%)}.stage-line,.stage-credit,.stage-note{left:var(--edge);color:var(--bone-dim);font-family:var(--voice-approach);letter-spacing:.01em;font-size:.8125rem;line-height:1.4}.stage-line{max-width:18vw;top:calc(50% + 1.5rem);left:6vw}.stage-credit,.stage-note{bottom:4.5rem}.stage.is-missing .stage-note{max-width:22rem;color:var(--bone);letter-spacing:0;padding:0;font-size:1.125rem;position:absolute;top:4.5rem;bottom:auto}.stage-credit a{color:inherit}.stage-home{z-index:1;top:8.5rem;left:var(--edge);min-width:44px;min-height:44px;color:var(--bone);font-family:var(--voice-approach);letter-spacing:0;align-items:center;margin:.75rem 1.25rem 1.25rem;padding:.5rem .75rem;font-size:1rem;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex;position:absolute}.stage-home:hover{text-decoration-thickness:2px}.stage-sound,.stage-play,.stage-home,.stage-credit,.stage-note,.stage-title,.stage-line{pointer-events:auto}.stage-sound{z-index:4;min-width:44px;min-height:44px;color:var(--bone);font-family:var(--voice-approach);letter-spacing:.04em;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:.6rem .75rem;font-size:.8125rem;text-decoration:underline;position:fixed;bottom:.75rem;right:.75rem}.stage-sound:hover{text-decoration-thickness:2px}.stage-sound[aria-pressed=true]{background:var(--bone);color:var(--void);text-decoration:none}.stage-sound[aria-pressed=true]:focus-visible{outline-color:var(--void)}.stage-play{left:var(--edge);z-index:1;border:1px solid var(--bone);background:var(--void);min-width:44px;min-height:44px;color:var(--bone);font-family:var(--voice-approach);cursor:pointer;padding:.6rem 1.1rem;font-size:1rem;position:absolute;bottom:5.5rem}.stage-play:hover{background:var(--bone);color:var(--void)}:is(body:has(.stage.is-live) .approach,body:has(.stage.is-poster) .approach,body:has(.stage.is-freeze) .approach,body:has(.stage.is-missing) .approach),:is(body:has(.stage.is-live) .aperture,body:has(.stage.is-poster) .aperture,body:has(.stage.is-freeze) .aperture,body:has(.stage.is-missing) .aperture){display:none}:is(body:has(.stage.is-live) .beat-wall,body:has(.stage.is-poster) .beat-wall,body:has(.stage.is-freeze) .beat-wall){z-index:3;pointer-events:none;view-timeline-name:none;background:0 0;min-height:0;padding:0;position:fixed;top:calc(50% - 6.5rem);left:6vw}body:has(.stage.is-missing) .beat-wall{top:var(--edge);left:var(--edge);z-index:3;pointer-events:none;view-timeline-name:none;background:0 0;min-height:0;padding:0;position:fixed}:is(body:has(.stage.is-live) .beat-wall h1,body:has(.stage.is-poster) .beat-wall h1,body:has(.stage.is-freeze) .beat-wall h1,body:has(.stage.is-missing) .beat-wall h1){max-width:none;color:var(--bone-dim);letter-spacing:.04em;pointer-events:auto;margin:0;font-size:.8125rem;line-height:1.4;animation:none}@media (width<=640px){:root{--edge:1rem}.beat-wall h1{max-width:86vw;margin-left:6vw;font-size:clamp(2.8rem,10vw,3.1rem)}.stage-title,.stage-line{text-align:center;max-width:80vw;left:50%}.stage-title{top:auto;bottom:12vh;transform:translate(-50%)}.stage-line{top:auto;bottom:7vh;transform:translate(-50%)}:is(body:has(.stage.is-live) .beat-wall,body:has(.stage.is-poster) .beat-wall,body:has(.stage.is-freeze) .beat-wall){text-align:center;top:auto;bottom:20vh;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.aperture,.beat-cut:before,.stage.is-fading{transition:none;animation:none}.aperture{height:0;position:static}.beat-wall{padding-top:28vh}.beat-cut:before{opacity:0}:is(body:has(.stage.is-live) .beat-wall,body:has(.stage.is-poster) .beat-wall,body:has(.stage.is-freeze) .beat-wall,body:has(.stage.is-missing) .beat-wall){padding-top:0}}