.proc{display:flex;flex-direction:column;gap:.6rem;max-width:34rem;padding:clamp(1.5rem,6vh,4rem) 0}.proc-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.proc-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.proc-rows>li:before{top:1.05em}.proc-sq{display:inline-block;height:.6rem;margin-right:.6rem;transition:background-color var(--dur) var(--ease-out);vertical-align:.05em;width:.6rem}.proc-label{color:var(--ink);font-weight:500}.proc-rows .is-reading .proc-label,.proc-rows .is-working .proc-label{color:var(--ink-2)}.proc-rows .is-error .proc-label{color:var(--down)}.proc-foot,.proc-note{color:var(--ink-3)}.proc-foot{font-size:var(--text-body-sm)}.proc-dots:after{animation:procDots 1s steps(3) infinite;content:"…";display:inline-block;overflow:hidden;vertical-align:bottom;width:1em}@keyframes procDots{0%{width:0}to{width:1em}}.state{display:flex;flex-direction:column;gap:.6rem;max-width:40rem;padding:clamp(1.25rem,4vh,2.5rem) 0}.state.is-compact{padding:.75rem 0}.state-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.state-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.state-rows>li:before{top:1.05em}.state-rows .mute{color:var(--ink-3)}.state-out{color:var(--ink);font-weight:500}.state-out.is-error{color:var(--down)}.state-retry{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-micro);height:2.5rem;margin-left:1.6rem;padding:0 .4rem;width:-webkit-fit-content;width:fit-content}.state-retry:focus-visible,.state-retry:hover{color:var(--ink);outline:none}.state-action{margin-left:1.6rem}@media (prefers-reduced-motion:reduce){.proc-dots:after{animation:none;width:1em}}.xlink{align-items:baseline;color:var(--ink);display:inline-flex;flex-wrap:wrap;font-size:var(--text-body-sm);font-weight:500;gap:0 .1rem;max-width:100%;padding:.35rem 0;width:-webkit-fit-content;width:fit-content}.xlink:focus-visible,.xlink:hover{outline:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.xlink-sq{align-self:center;background:var(--ink);display:inline-block;flex:none;height:.5rem;margin-right:.55rem;width:.5rem}.xlink-note{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:400}.xlinks{display:flex;flex-direction:column;gap:.5rem}.xlinks-head{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro)}.xlinks .tree-rows>li{padding:.1rem 0}.xlinks .tree-rows>li:before{top:1.1em}.films{background:var(--bg);color:var(--ink);min-height:calc(100dvh - var(--topbar-h))}.films-inner{display:flex;flex-direction:column;gap:1.75rem;padding-bottom:calc(var(--space-section) + 2rem);padding-top:clamp(1.5rem,4vh,3rem)}.films-eyebrow{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro)}.films-eyebrow span{font-family:var(--font-sans)}.screen{align-items:center;display:flex;flex-direction:column;gap:.75rem}.screen-frame{--screen-h:min(66dvh,calc(100dvh - var(--topbar-h) - 16rem));background:#000;margin:0 auto;max-height:var(--screen-h);max-width:calc(var(--screen-h)*2.4);position:relative;width:100%}.screen-frame video{cursor:pointer;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.screen-bar{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr) auto auto;max-width:min(calc(66dvh*2.4),calc(100dvh*2.4 - var(--topbar-h)*2.4 - 38.4rem));width:100%}.screen-btn{align-items:center;color:var(--ink-2);display:inline-flex;font-size:var(--text-body-sm);gap:.5rem;height:2.75rem;padding:0 .5rem;white-space:nowrap}.screen-btn:hover{color:var(--ink)}.screen-btn kbd{border:1px solid var(--line-strong);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro);padding:0 .3rem}.screen-scrub{cursor:pointer;height:2.75rem;position:relative}.screen-scrub:before{background:var(--line-strong);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.screen-scrub span{background:var(--ink);height:2px;left:0;position:absolute;top:calc(50% - 1px)}.screen-time{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro)}.screen-embed{margin:0 auto;max-width:36rem;width:100%}.films-label{grid-gap:1.25rem;display:grid;gap:1.25rem}@media (min-width:900px){.films-label{gap:4rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.films-title{max-height:3.4em;overflow:hidden;overflow-wrap:anywhere}.films-meta{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro);margin-top:.75rem}.films-logline{color:var(--ink-2);font-size:var(--text-body);line-height:1.6;max-width:46ch;overflow:hidden;white-space:pre-line}.films-post{align-items:center;color:var(--ink-2);display:inline-flex;font-size:var(--text-body-sm);gap:.25rem;width:-webkit-fit-content;width:fit-content}.films-post:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.reel{border-top:1px solid var(--line-strong);display:flex;gap:1rem;overflow-x:auto;padding:1.25rem .5rem .75rem;position:relative;scroll-snap-type:x proximity;scrollbar-width:thin}.reel li{flex:none;scroll-snap-align:center}.reel-frame{color:var(--ink-3);display:flex;flex-direction:column;gap:.4rem;text-align:left;width:11rem}.reel-thumb{aspect-ratio:16/9;background:var(--surface-2);display:block;overflow:hidden}.reel-thumb img{height:100%;object-fit:cover;opacity:.55;transition:opacity var(--dur) var(--ease-out);width:100%}.reel-frame.is-current .reel-thumb img,.reel-frame:focus-visible .reel-thumb img,.reel-frame:hover .reel-thumb img{opacity:1}.reel-title{color:var(--ink-2);font-size:var(--text-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-frame.is-current .reel-title{color:var(--ink)}.reel-meta{font-family:var(--font-mono);font-size:var(--text-micro)}@media (max-width:640px){.screen-bar{grid-template-columns:auto minmax(0,1fr) auto}.screen-btn kbd,.screen-time{display:none}.reel-frame{width:8.5rem}}@media (prefers-reduced-motion:reduce){.reel-thumb img{transition:none}}