.film-plate{position:relative;margin:0;display:grid;gap:10px}.film-plate__media{position:relative;overflow:hidden;background:var(--ink);isolation:isolate}.film-plate__live,.film-plate__poster,.film-plate__video{position:absolute;inset:0;width:100%;height:100%}.film-plate__poster{object-fit:cover}.film-plate__live{display:block}.film-plate__video{display:block;object-fit:cover;opacity:0}.film-plate[data-plate-frame][data-plate-state=ended] .film-plate__video,.film-plate[data-plate-frame][data-plate-state=paused] .film-plate__video,.film-plate[data-plate-frame][data-plate-state=playing] .film-plate__video{opacity:1}.film-plate__vignette{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgb(0 0 0/.18) 100%)}.film-plate__overlay,.film-plate__vignette{position:absolute;inset:0;z-index:1;pointer-events:none}.film-plate .film-plate__chip{position:absolute;z-index:3;bottom:12px;left:12px;max-width:calc(100% - 24px - 56px)}.film-plate__control{position:absolute;z-index:3;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--rgb-text-on-ink)/.7);border-radius:0;background:rgb(var(--rgb-ink-film)/.8);color:var(--text-on-ink);cursor:pointer}.film-plate__control:hover{background:var(--ink)}.film-plate__control:focus-visible{outline:2px solid var(--focus-ink);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}.film-plate__caption{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--surface-ink-soft);font:400 .75rem/1.5 var(--ff-mono);letter-spacing:.02em}.film-plate__id{color:var(--surface-accent);font-weight:600;letter-spacing:.12em}.film-plate__label{flex:1 1 32ch;min-width:0}.film-plate__citation{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}.film-plate__citation a{color:inherit;text-decoration:underline;text-underline-offset:2px}.plate-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:calc(100% - 24px);padding:6px 14px;border:1px solid rgb(var(--rgb-text-on-ink)/.7);background:rgb(var(--rgb-ink-film)/.8);color:var(--text-on-ink);font:500 .75rem/1.3 var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.plate-chip:hover{background:var(--ink);text-decoration:underline;text-decoration-color:var(--crimson-on-ink);text-underline-offset:.3em}.plate-chip:focus-visible{outline:2px solid var(--focus-ink);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}.plate-chip__mark{flex:none;width:6px;height:6px;background:var(--crimson-on-ink)}.plate-chip--survey{gap:0}.grain-layer{position:absolute;inset:0;z-index:2;background:url(/texture/grain-256.png) 0 0/256px 256px repeat;opacity:.06;mix-blend-mode:overlay;pointer-events:none}.grain-layer[data-grain=paper]{mix-blend-mode:soft-light}@keyframes grain-step{to{background-position:256px 128px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .grain-layer{animation:grain-step 1.2s steps(10) infinite}html:not([data-motion=paused]) .film-plate__video{transition:opacity var(--t-film) var(--e-inout)}}@media (forced-colors:active),(prefers-contrast:more){.film-plate__vignette,.grain-layer{display:none}.film-plate__control,.plate-chip{background:var(--ink);border-color:var(--text-on-ink)}}@media (forced-colors:active){.film-plate__control,.plate-chip{border-color:CanvasText}}