:root{--slate-image-height: 34px;--ink: #12131a;--muted: #71747f;--hair: #d6d8dd;--paper: #ffffff;--mono: "Courier Prime", ui-monospace, "Courier New", monospace;--type: "Special Elite", "Courier Prime", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}canvas{display:block;touch-action:none}.app{position:fixed;top:0;right:0;bottom:0;left:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.overlay a,.overlay button{pointer-events:auto}.brand{position:absolute;top:34px;left:38px}.brand__mark{font-family:var(--type);font-size:19px;letter-spacing:.14em}.brand__sub{margin-top:6px;font-size:10px;letter-spacing:.3em;color:var(--muted)}.stage{position:absolute;top:38px;right:38px;font-size:10px;letter-spacing:.3em;color:var(--muted)}.cue{position:absolute;left:0;top:0;white-space:nowrap;text-align:center;font-family:var(--type);font-size:clamp(26px,3.6vw,50px);letter-spacing:.02em;line-height:1}.cue small{display:block;margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.cue__quiet{font-size:22px;color:var(--muted)}.caret{display:inline-block;width:.42em;height:.86em;margin-left:.14em;vertical-align:-.06em;background:currentColor;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.hud.is-on{opacity:1}.hud__rule{position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(to right,#e01f1000,#e01f10 12%,#ff6a4d,#e01f10 88%,#e01f1000);box-shadow:0 0 10px #e01f108c,0 0 26px #e01f1040}.hud__rule span{position:absolute;left:-1px;right:-1px;top:-3px;height:7px;border-left:1px solid #e01f10;border-right:1px solid #e01f10}.hud__readout{position:absolute;left:50%;bottom:11%;transform:translate(-50%);font-size:11px;letter-spacing:.28em;display:flex;align-items:center;white-space:nowrap}.hud__readout b{font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:#bf3b2c;margin-right:10px;animation:blink 1s steps(1) infinite}.archive-title{position:absolute;top:34px;left:50%;transform:translate(-50%);text-align:center;font-family:var(--type);font-size:22px;letter-spacing:.08em}.archive-title small{display:block;margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.back{position:absolute;bottom:28px;left:38px;background:none;border:1px solid var(--hair);border-radius:999px;padding:10px 20px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s}.back:hover{color:var(--ink);border-color:var(--ink)}.caption{position:absolute;left:50%;top:60%;transform:translate(-50%,78px);white-space:nowrap;text-align:center;opacity:0;transition:opacity .22s ease}.caption.is-on{opacity:1}.caption b{display:block;font-family:var(--type);font-size:20px;font-weight:400;letter-spacing:.06em}.caption span{display:block;margin-top:6px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.panel{position:absolute;inset:auto 0 0 0;z-index:20;display:flex;justify-content:center;transform:translateY(102%);transition:transform .55s cubic-bezier(.16,1,.3,1)}.panel.is-on{transform:translateY(0)}.panel__inner{pointer-events:auto;position:relative;width:min(620px,calc(100% - 48px));background:var(--paper);border:1px solid var(--hair);border-bottom:0;padding:38px 44px 44px}.panel__close{position:absolute;top:16px;right:18px;background:none;border:0;font-size:26px;line-height:1;color:var(--muted);cursor:pointer}.panel__close:hover{color:var(--ink)}.panel__clip{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#05060a}.clip{margin-bottom:24px}.scrub{position:relative;height:26px;margin-top:4px;background:var(--ink);cursor:ew-resize;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.scrub__perfs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px;pointer-events:none}.scrub__perfs span{width:7px;height:9px;border-radius:1.5px;background:#ffffff59}.scrub__fill{position:absolute;top:0;left:0;bottom:0;background:#bf3b2c52;pointer-events:none}.scrub__head{position:absolute;top:-2px;bottom:-2px;width:2px;background:#ff4b36;box-shadow:0 0 6px #ff4b36b3;transform:translate(-1px);pointer-events:none}.scrub__hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff8c;pointer-events:none}.panel__meta{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.panel h2{margin:14px 0 16px;font-family:var(--type);font-size:34px;font-weight:400;letter-spacing:.02em}.panel p{margin:0;max-width:46ch;font-size:14px;line-height:1.75;color:#40434e}.panel__link{display:inline-block;margin-top:24px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.trail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0}.trail__word{position:absolute;top:0;left:0;will-change:transform;font-family:var(--mono);letter-spacing:.22em;color:var(--ink);white-space:nowrap;margin-left:14px;margin-top:-6px}.sound{position:absolute;top:76px;right:38px;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;font-family:var(--mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .2s}.sound:hover{color:var(--ink)}.sound--bare{top:34px;gap:0;opacity:.42}.sound--bare:hover{opacity:1}.sound__bars{display:flex;align-items:flex-end;gap:2px;height:12px}.sound__bars i{width:2px;height:100%;background:currentColor;transform-origin:bottom;animation:eq .9s ease-in-out infinite}.sound__bars i:nth-child(2){animation-delay:.15s}.sound__bars i:nth-child(3){animation-delay:.3s}.sound__bars i:nth-child(4){animation-delay:.45s}.sound.is-off .sound__bars i{animation:none;transform:scaleY(.2)}@keyframes eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.slate-open{position:absolute;bottom:28px;right:38px;display:flex;align-items:center;gap:10px;background:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:12px 22px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--paper);cursor:pointer;transition:transform .2s ease,opacity .2s ease}.slate-open:hover{transform:translateY(-2px)}.slate-open .dot{background:#ff4b36;margin:0}.slate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}.slate.is-on{opacity:1;visibility:visible;pointer-events:auto}.slate__board{position:relative;width:min(640px,100%);max-height:100%;overflow-y:auto;background:var(--paper);border:1px solid var(--ink);box-shadow:14px 14px #12131a14;padding:0 40px 34px;overflow-x:hidden;transform:translateY(14px) rotate(-.4deg);transition:transform .45s cubic-bezier(.16,1,.3,1)}.slate.is-on .slate__board{transform:translateY(0) rotate(-.4deg)}.slate__clapper{position:relative;height:var(--slate-image-height);margin:0 -40px 30px;border-bottom:1px solid var(--ink)}.slate__image{display:block;width:100%;height:100%;object-fit:cover}.slate__stripes{display:flex;height:var(--slate-image-height);overflow:hidden;background:var(--paper)}.slate__stripes span{flex:1;transform:skew(-15deg);background:var(--ink)}.slate__stripes span:nth-child(2n){background:var(--paper)}.slate__stripes--base{opacity:.16}.slate__stick{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:14px 100%;transform:rotate(-26deg);box-shadow:0 3px #12131a1f}.slate.is-on .slate__stick{animation:clap .55s .14s cubic-bezier(.55,0,.25,1) forwards}@keyframes clap{0%{transform:rotate(-26deg)}58%{transform:rotate(0)}70%{transform:rotate(-3.5deg)}84%{transform:rotate(0)}92%{transform:rotate(-1.2deg)}to{transform:rotate(0)}}.slate__perfs{position:absolute;top:54px;bottom:14px;width:13px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.slate__perfs--l{left:9px}.slate__perfs--r{right:9px}.slate__perfs span{height:9px;border:1px solid #c3c6cd;border-radius:2px;background:#f2f3f5}.slate__close{position:absolute;top:44px;right:16px;background:none;border:0;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}.slate__close:hover{color:var(--ink)}.slate__grid{display:grid;grid-template-columns:116px 1fr;margin:0 14px;gap:0;border-top:1px solid var(--hair)}.slate__key,.slate__val{padding:11px 0;border-bottom:1px solid var(--hair)}.slate__key{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);align-self:center}.slate__val{font-family:var(--type);font-size:17px;letter-spacing:.03em}.slate__val--big{font-size:26px}.slate__pitch{margin:26px 14px 22px;font-family:var(--type);font-size:clamp(22px,3vw,32px);line-height:1.25}.slate__actions{margin:0 14px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}.slate__cta{display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;padding:15px 26px;font-size:11px;letter-spacing:.18em;transition:transform .2s ease}.slate__cta:hover{transform:translateY(-2px)}.slate__alt{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--hair);padding-bottom:3px}.slate__alt:hover{color:var(--ink);border-color:var(--ink)}.slate__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:30px 14px 0;padding-top:18px;border-top:1px solid var(--hair);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.slate__foot span{display:flex;align-items:center}.veil{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);opacity:1;pointer-events:none;z-index:40}@media (max-width: 860px){.brand,.back{left:22px}.stage{right:22px}.brand{top:24px}.stage{top:28px}.hud__rule{left:10%}.hud__rule{right:10%}.panel__inner{padding:30px 26px 34px}.sound{right:22px;top:62px}.slate-open{right:22px;padding:14px 20px}.back{padding:13px 20px}.slate__board{padding:0 24px 26px}.slate__clapper{margin:0 -24px 24px}.slate__perfs{display:none}.slate__grid{grid-template-columns:92px 1fr}.slate__close{right:8px}}@media (prefers-reduced-motion: reduce){.caret,.dot,.sound__bars i{animation:none}}@media (max-width: 820px){.brand__mark{font-size:16px;letter-spacing:.1em}.brand__sub,.stage{font-size:9px;letter-spacing:.2em}.archive-title{top:92px;font-size:19px}.caption b{font-size:17px}.slate__val--big{font-size:21px}.slate__pitch{margin:20px 14px 18px}.slate__cta{width:100%;text-align:center}.slate__foot{font-size:8px;letter-spacing:.18em}}@media (max-height: 460px){.brand{top:18px}.stage{top:20px}.sound{top:48px}.archive-title{top:16px}.slate-open,.back{bottom:16px}}.grain{position:fixed;top:-60px;right:-60px;bottom:-60px;left:-60px;z-index:44;pointer-events:none;background-repeat:repeat;mix-blend-mode:overlay;opacity:.05}.flick-hint{position:absolute;left:0;top:0;transform:translate(-50%,-100%);opacity:0;pointer-events:none;font-family:var(--type);font-size:15px;letter-spacing:.06em;color:var(--muted);white-space:nowrap;transition:opacity .5s ease;animation:flick-bob 1.9s ease-in-out infinite}.flick-hint span{position:relative}.flick-hint span:after{content:"↗";margin-left:8px;display:inline-block;animation:flick-arrow 1.9s ease-in-out infinite}@keyframes flick-bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 5px))}}@keyframes flick-arrow{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(5px,-5px);opacity:1}}@media (prefers-reduced-motion: reduce){.flick-hint{animation:none}.flick-hint span:after{animation:none}}.playback{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.playback__meta{position:absolute;left:38px;bottom:90px;max-width:34ch;animation:rise-in .6s .4s ease both}.playback__num{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--muted)}.playback__meta h2{margin:10px 0 8px;font-family:var(--type);font-size:clamp(30px,4.6vw,52px);font-weight:400;letter-spacing:.02em;line-height:1}.playback__sub{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.playback__meta p{margin:16px 0 0;font-family:var(--mono);font-size:13px;line-height:1.7;color:#40434e}.playback__link{display:inline-block;margin-top:18px;pointer-events:auto;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.playback__eject{position:absolute;bottom:28px;right:38px;pointer-events:auto;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:12px 24px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease}.playback__eject:hover{transform:translateY(-2px)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width: 640px){.playback__meta{left:22px;right:22px;bottom:84px;max-width:none}.playback__meta p{display:none}.playback__eject{right:22px}}