.film{gap:.85rem;width:100%;margin:0;display:grid}.film-frame{border-radius:var(--radius);background:var(--ink-850);border:1px solid var(--line-soft);width:100%;box-shadow:var(--shadow-panel);position:relative;overflow:hidden}.film-video{object-fit:contain;background:var(--ink-900);width:100%;height:100%}.film-poster{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .42s var(--ease-out);position:absolute;inset:0}.film-poster[data-visible=false]{opacity:0}.film-control{border:1px solid var(--line);min-height:44px;color:var(--text-hi);font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);background:#08090abd;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .9rem;display:inline-flex;position:absolute;bottom:clamp(.6rem,1.4vw,1.1rem);left:clamp(.6rem,1.4vw,1.1rem)}.film-control:hover{border-color:var(--line-strong)}.film-control[data-visible=false]{opacity:.32;transform:translateY(2px)}.film-control:hover,.film-control:focus-visible{opacity:1;transform:none}.film-control-icon{display:inline-flex}.film-expand{display:none}.film-caption{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--text-lo)}@media (max-width:430px){.film-control-text{display:none}.film-control{padding:.55rem}}@media (max-width:820px){.film-expand{border:1px solid var(--line);min-width:44px;height:44px;color:var(--text-hi);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090abd;border-radius:50%;justify-content:center;align-items:center;gap:.4rem;padding-inline:.6rem;display:inline-flex;position:absolute;top:.6rem;right:.6rem}.film-expand:hover,.film-expand:focus-visible{border-color:var(--line-strong)}.film-expand-text{font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase}}.film-frame:fullscreen,.film-frame[data-expanded=true]{background:var(--ink-900);border:0;border-radius:0;width:100vw;height:100dvh}.film-frame[data-expanded=true]{z-index:1000;position:fixed;inset:0}.film-frame:fullscreen .film-expand,.film-frame[data-expanded=true] .film-expand{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));z-index:10;border:1px solid var(--line-strong);min-width:44px;min-height:44px;color:var(--text-hi);font-family:var(--font-mono);box-shadow:var(--shadow-panel);background:#08090aeb;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;display:inline-flex;position:absolute}.film-frame:fullscreen .film-poster,.film-frame:fullscreen .film-control,.film-frame[data-expanded=true] .film-poster,.film-frame[data-expanded=true] .film-control{display:none}@media (max-width:820px) and (orientation:portrait){.film-frame:fullscreen .film-video,.film-frame[data-expanded=true] .film-video{object-fit:contain;width:100dvh;max-width:none;height:100dvw;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.film-control{transition:none}}