/* Optimized, locally hosted background films. Posters remain visible if play is unavailable. */
.panel .film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;transition:opacity .5s;pointer-events:none;filter:saturate(.8)}
.panel.video-ready .film{opacity:1}
.panel.video-ready .visual{visibility:hidden}
.motion-button{display:none;align-items:center;justify-content:center;width:36px;height:36px;color:var(--muted);font-size:14px}
body.has-films .motion-button{display:flex}
.motion-button:hover{color:var(--ink)}
.menu-preview .film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s}
.menu-preview.video-ready .film{opacity:1}
.menu-preview.video-ready .visual{visibility:hidden}
@media(max-width:700px){.header-actions{gap:8px}.view-switch{gap:0}.motion-button{width:28px}.view-switch button{width:29px}.menu-button span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){.panel .film,.menu-preview .film{transition:none}}