*,:before,:after{box-sizing:border-box}html{background:var(--emulsion);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;scrollbar-color:var(--leader) var(--emulsion);scrollbar-width:thin;font-size:16px;font-stretch:92%}body{font-variant-numeric:tabular-nums;margin:0;line-height:1.45}::selection{background:var(--leader);color:var(--paper)}:focus-visible{outline:2px solid var(--leader);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--leader);color:var(--paper);font:600 var(--pixel-size) / 1 var(--font-pixel);padding:4px 8px;position:absolute;top:-40px;left:12px}.skip:focus{top:12px}.win{z-index:20;background:var(--paper);color:var(--ink);border:var(--hair) solid var(--leader);font-size:13px;position:relative}.win__title{height:var(--win-title-h);background:var(--leader);color:var(--paper);font:700 var(--pixel-size) / var(--win-title-h) var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:0 7px;display:flex}@media (pointer:coarse){.win__title{touch-action:pan-y}}.win__code{color:color-mix(in oklab, var(--paper) 70%, var(--leader));letter-spacing:.08em}.win:is(.is-active,.is-focused)>.win__title{box-shadow:inset 0 -2px 0 var(--paper)}.win.is-dragging>.win__title{cursor:grabbing}.win__body{padding:8px 10px}.win fieldset{border:0;margin:0 0 6px;padding:0}.win fieldset:last-child{margin-bottom:0}.win legend{font:700 12px / 1.2 var(--font-pixel);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.win label{cursor:pointer;align-items:center;gap:7px;padding:1px 0;display:flex}.win input[type=radio],.win input[type=checkbox]{appearance:none;border:2px solid var(--leader);background:var(--paper);width:12px;height:12px;margin:0}.win input[type=radio]{border-radius:50%}.win input:checked{background:var(--leader);box-shadow:inset 0 0 0 2px var(--paper)}.btn{font:700 12px / 1 var(--font-pixel);text-transform:uppercase;letter-spacing:.06em;background:var(--leader);color:var(--paper);cursor:pointer;border:0;padding:6px 14px}.btn:hover{background:var(--pal-16-1)}.desk{grid-template:"slate cards""gate cards"minmax(0,1fr)"strip strip"/minmax(0,1fr) 272px;gap:16px 20px;height:100svh;min-height:880px;padding:20px 24px;display:grid;position:relative}.slate{z-index:20;flex-direction:column;grid-area:slate;align-items:start;gap:8px;display:flex}.slate__title{font-family:var(--font-display);font-size:clamp(2.6rem,5.6vw,5.75rem);font-weight:800;line-height:var(--display-leading);letter-spacing:var(--display-tracking);text-transform:uppercase;margin:0}.slate__meta{font:700 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;white-space:nowrap;gap:14px;margin:0;display:flex}.slate__tag{background:var(--leader);color:var(--paper);padding:3px 6px}.gate{background:var(--leader);grid-area:gate;min-height:0;padding:0 30px;position:relative}.gate__perfs{background:linear-gradient(var(--emulsion), var(--emulsion)) center top / 12px 18px repeat-y;width:30px;position:absolute;top:0;bottom:0;-webkit-mask:repeating-linear-gradient(#000 0 18px,#0000 18px 34px);mask:repeating-linear-gradient(#000 0 18px,#0000 18px 34px)}.gate__perfs--left{left:0}.gate__perfs--right{right:0}.gate__aperture{height:100%;min-height:260px;position:relative;overflow:hidden}.gate__view{position:absolute;inset:0}.gate__leak{z-index:12;pointer-events:none;opacity:0;image-rendering:pixelated;background:100%/100% 100% no-repeat;transition:opacity .22s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}:root[data-direction="-1"] .gate__leak{opacity:1}.gate__edge{writing-mode:vertical-rl;font:700 12px / 1 var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;margin:0;position:absolute;top:0;right:-22px}.desk__cards{flex-direction:column;grid-area:cards;gap:10px;min-height:0;padding-left:14px;display:flex}.clock__tc{font:800 var(--pixel-size-2x) / 1 var(--font-display);letter-spacing:.02em;margin:0}.clock__wall{margin:6px 0 0;font-size:12px}.source__frame{aspect-ratio:16/9;background-color:var(--leader);image-rendering:pixelated;background-repeat:no-repeat}.source__meta{font:700 12px / 1 var(--font-pixel);text-transform:uppercase;margin:6px 0 0}.strip{z-index:20;grid-area:strip;position:relative}.strip__head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.strip__play{background:var(--leader);cursor:pointer;border:0;place-content:center;width:30px;height:24px;padding:0;display:grid}.strip__play svg{width:11px;height:11px;fill:var(--paper)}.strip__tc{font:800 var(--pixel-size-2x) / 1 var(--font-display);letter-spacing:.02em}.strip__state{font:700 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;margin-left:auto}.strip__state:before{content:"";background:var(--accent-current,var(--accent-hold));width:8px;height:8px;box-shadow:0 0 0 1px var(--leader);margin-right:8px;display:inline-block}.strip__window{--frame-w:160px;--frame-gap:6px;height:calc(var(--frame-w) * 9 / 16 + 52px);background:repeating-linear-gradient(to right, var(--emulsion) 0 12px, transparent 12px 26px) 0 7px / 100% 9px no-repeat, repeating-linear-gradient(to right, var(--emulsion) 0 12px, transparent 12px 26px) 0 calc(100% - 7px) / 100% 9px no-repeat, var(--leader);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.strip__window.is-pulling{cursor:grabbing}.strip__film{gap:var(--frame-gap);will-change:transform;display:flex;position:absolute;top:28px;left:50%}.strip__frame{width:var(--frame-w);aspect-ratio:16/9;background-color:var(--pal-16-1);image-rendering:pixelated;background-repeat:no-repeat;border-radius:4px;flex:none;position:relative}.strip__frame b{font:400 15px / 1 var(--font-hand);color:var(--grease);text-shadow:0 1px 0 var(--leader), 1px 0 0 var(--leader), -1px 0 0 var(--leader), 0 -1px 0 var(--leader);position:absolute;bottom:3px;left:5px}.strip__frame i{font:700 10px / 1 var(--font-pixel);color:var(--sepia);letter-spacing:.08em;font-style:normal;position:absolute;top:-12px;left:2px}.strip__frame .scratch,.gate__marks .scratch{background:color-mix(in oklab, var(--paper) 85%, transparent);width:1px;position:absolute;top:0;bottom:0}.gate__marks .scratch{width:2px}.strip__frame .stain,.gate__marks .stain{aspect-ratio:1;image-rendering:pixelated;mix-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.gate__marks{z-index:11;pointer-events:none;position:absolute;inset:0}.strip__gate{width:calc(var(--frame-w) + 12px);border:2px solid var(--paper);pointer-events:none;border-radius:7px;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);position:absolute;top:20px;bottom:18px;left:50%;transform:translate(-50%)}:root[data-direction="-1"] .strip__gate{border-color:var(--leak);box-shadow:0 0 0 2px color-mix(in oklab, var(--leak) 45%, transparent), inset 0 0 22px color-mix(in oklab, var(--leak) 55%, transparent)}:root[data-direction="1"] .strip__gate{border-color:var(--accent-forward)}.timeline__track{--playhead:0;border-top:2px solid var(--leader);cursor:ew-resize;touch-action:none;height:24px;margin-top:10px;position:relative}.timeline__ruler{position:absolute;inset:0}.timeline__ruler i{background:var(--leader);width:1px;height:5px;position:absolute;top:0}.timeline__ruler i.is-major{width:2px;height:9px}.timeline__ruler b{font:700 11px / 1 var(--font-pixel);position:absolute;top:11px;transform:translate(-50%)}.timeline__playhead{top:-6px;bottom:0;left:calc(var(--playhead) * 100%);background:var(--leader);width:2px;position:absolute}.dialog{z-index:25;width:380px;position:absolute;top:16px;left:max(560px,44%)}.dialog .win__body{grid-template-columns:1fr auto;align-items:end;gap:4px 12px;display:grid}.dialog .btn{grid-area:1/2/span 2}.dialog p{justify-self:stretch;margin:0}.dialog .dialog__aside{color:color-mix(in oklab, var(--ink) 70%, var(--paper));font-size:12px}.dialog[hidden]{display:none}.win-echo{pointer-events:none;position:absolute}.boot{z-index:40;width:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boot__bar{background:var(--leader);height:14px;margin-top:8px;padding:2px}.boot__fill{height:100%;width:calc(var(--progress,0) * 100%);background:repeating-linear-gradient(90deg, var(--paper) 0 6px, transparent 6px 8px)}.boot__pct{text-align:right;font:700 12px / 1 var(--font-pixel);margin:6px 0 0}.boot.is-error .boot__fill{background:var(--pal-16-10)}.boot[hidden]{display:none}.reels{padding:0 24px}.lede{border-top:2px solid var(--leader);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:48px;padding:16vh 0 12vh;display:grid}.lede__title{font-family:var(--font-display);font-size:clamp(3rem,7.4vw,6rem);font-weight:800;line-height:var(--display-leading);text-transform:uppercase;text-wrap:balance;margin:0}.lede__text{max-width:46ch;color:color-mix(in oklab, var(--ink) 80%, var(--emulsion));margin:0;font-size:1.125rem}.reel{border-top:var(--hair) solid var(--leader);padding:12vh 0}.reel__title{font-family:var(--font-display);text-transform:uppercase;margin:0 0 30px;font-size:clamp(2.2rem,4.8vw,4rem);font-weight:800;line-height:.92;display:block}.reel__num{background:var(--leader);font:400 .42em / 1 var(--font-hand);color:var(--grease);text-transform:none;vertical-align:.35em;margin-right:.4em;padding:.18em .4em .1em;display:inline-block;transform:rotate(-4deg)}.reel__figure{aspect-ratio:16/9;border:14px solid var(--leader);background:var(--leader);border-radius:18px;max-height:70vh;position:relative}.reel__note{max-width:62ch;color:color-mix(in oklab, var(--ink) 80%, var(--emulsion));margin:18px 0 0}.steps{counter-reset:frame;background:repeating-linear-gradient(to right, var(--emulsion) 0 12px, transparent 12px 26px) 0 8px / 100% 9px no-repeat, repeating-linear-gradient(to right, var(--emulsion) 0 12px, transparent 12px 26px) 0 calc(100% - 8px) / 100% 9px no-repeat, var(--leader);color:var(--paper);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:30px 16px 26px;list-style:none;display:grid}.step{counter-increment:frame;padding:0 8px;position:relative}.step:before{content:"0923 000" counter(frame);font:700 10px / 1 var(--font-pixel);letter-spacing:.08em;color:var(--sepia);margin-bottom:5px;display:block}.step:after{content:counter(frame);z-index:20;font:400 1.1rem / 1 var(--font-hand);color:var(--grease);text-shadow:0 1px 0 var(--leader), 1px 0 0 var(--leader), -1px 0 0 var(--leader), 0 -1px 0 var(--leader);position:absolute;top:28px;left:16px}.step__figure{aspect-ratio:16/9;background-color:var(--pal-16-1);image-rendering:pixelated;background-repeat:no-repeat;border-radius:4px}.step__title{font-family:var(--font-display);text-transform:uppercase;margin:14px 0 6px;font-size:1.6rem;font-weight:800;line-height:1}.step p{max-width:34ch;color:color-mix(in oklab, var(--paper) 82%, var(--leader));margin:0 0 6px}.notice{max-width:62ch;margin:36px 0 0}.notice__mark{background:var(--leader);font:400 1.05rem / 1 var(--font-hand);color:var(--grease);margin-right:8px;padding:3px 7px 1px;display:inline-block;transform:rotate(-3deg)}.reel--scroll{height:320vh;padding:0}.reel--scroll__stage{grid-template-rows:auto minmax(0,1fr) auto;height:100svh;padding:8vh 0 6vh;display:grid;position:sticky;top:0}.reel__figure--wide{aspect-ratio:auto;max-height:none}.register{background:var(--paper);border:var(--hair) solid var(--leader);max-width:760px;margin:0;padding:18px 22px}.register>div{border-bottom:var(--hair) dashed color-mix(in oklab, var(--leader) 40%, var(--paper));align-items:baseline;padding:8px 0;display:flex}.register>div:last-child{border-bottom:0}.register dt{flex:1;align-items:baseline;font-size:1.05rem;font-weight:650;display:flex}.register dt:after{content:"";border-bottom:2px dotted color-mix(in oklab, var(--leader) 55%, var(--paper));flex:1;margin:0 12px;transform:translateY(-.25em)}.register dd{font:800 1.35rem / 1 var(--font-pixel);margin:0}.cans{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:900px;margin:0;padding:0;list-style:none;display:grid}.can{aspect-ratio:1;background:radial-gradient(circle, var(--leader) 0 10%, transparent 10.5%), repeating-radial-gradient(circle, var(--leader) 0 2px, var(--pal-16-1) 2px 9px);width:100%;box-shadow:inset 0 0 0 10px var(--leader);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:50%;padding:0;display:block;position:relative}.can__tape{background:var(--paper);text-align:left;gap:6px;padding:12px 14px 10px;display:grid;position:absolute;top:50%;left:6%;right:6%;transform:translateY(-50%)rotate(-4deg)}.can__label{font:400 clamp(1.3rem, 2vw, 1.7rem) / 1.05 var(--font-hand);color:var(--ink)}.can__meta{font:700 12px / 1.2 var(--font-pixel);text-transform:uppercase;letter-spacing:.06em}.can.is-active{box-shadow:inset 0 0 0 10px var(--leader), 0 0 0 4px var(--paper), 0 0 0 5px var(--leader)}.can[aria-disabled=true]{cursor:not-allowed;background:repeating-radial-gradient(circle, color-mix(in oklab, var(--leader) 55%, var(--emulsion)) 0 2px, var(--emulsion) 2px 9px);box-shadow:inset 0 0 0 10px color-mix(in oklab, var(--leader) 55%, var(--emulsion))}.can[aria-disabled=true] .can__tape{background:color-mix(in oklab, var(--paper) 70%, var(--emulsion));transform:translateY(-50%)rotate(3deg)}.faq{border-top:var(--hair) solid var(--leader);max-width:820px}.faq:last-child{border-bottom:var(--hair) solid var(--leader)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 0;font-size:1.2rem;font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(var(--ink), var(--ink)) center / 12px 2px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 2px 12px no-repeat;flex:none;width:12px;height:12px}.faq[open] summary:after{background:linear-gradient(var(--ink), var(--ink)) center / 12px 2px no-repeat}.faq p{max-width:64ch;margin:0 0 20px}.tail{background:var(--leader);color:var(--paper);margin-top:10vh;padding:40px 24px 28px;position:relative}.tail:before,.tail:after{content:"";background:repeating-linear-gradient(to right, transparent 0 12px, var(--emulsion) 12px 26px);height:8px;position:absolute;left:0;right:0}.tail:before{top:10px}.tail:after{bottom:10px}.tail__mark{height:56vh;min-height:340px}.tail__end{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(3rem,9vw,6rem);font-weight:800;line-height:.85}.tail__edge{font:700 12px / 1 var(--font-pixel);text-transform:uppercase;letter-spacing:.08em;color:color-mix(in oklab, var(--paper) 85%, var(--leader));margin:12px 0 0}@media (width<=820px),(orientation:landscape) and (height<=500px){.win{--win-drag:0}.win__title{touch-action:auto;cursor:default}.desk{grid-template-columns:minmax(0,1fr);grid-template-areas:"slate""gate""strip""cards";height:auto;padding:16px 12px}.slate{flex-direction:column;align-items:start;gap:8px}.gate{height:58svh;padding:0 18px}.gate__perfs{width:18px}.gate__edge{display:none}.desk__cards{grid-template-columns:1fr 1fr;padding-left:0;display:grid}.desk__cards [data-window=source]{grid-column:1/-1}.strip__window{--frame-w:112px}.dialog{display:none}.reels{padding:0 16px}.lede,.steps{grid-template-columns:1fr}.tail{padding:36px 16px 24px}}@media (orientation:landscape) and (height<=500px){.gate{height:80svh}}@media (width>=821px) and (height<=900px){.clock__wall,.source__meta{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}