.hero .hero-cinema-controls{position:absolute;z-index:3;top:18px;left:20px;right:20px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.hero-cinema-controls[hidden],.hero-cinema-controls button[hidden]{display:none!important}
.hero-cinema-controls button{min-height:44px;min-width:44px;padding:10px 13px;border:1px solid rgba(247,245,237,.5);border-radius:0;background:transparent;color:#f7f5ed;font:900 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.8px;text-shadow:0 1px 3px rgba(0,0,0,.9);box-shadow:none;cursor:pointer;touch-action:manipulation}
.hero-cinema-controls button[aria-pressed=true]{background:transparent;border-color:rgba(247,245,237,.7);color:#f7f5ed}
.hero-cinema-controls button[data-hero-sound]{display:grid;place-items:center;width:52px;height:52px;padding:9px;border:1px solid rgba(247,245,237,.5);background:transparent;color:#f7f5ed}
.hero-cinema-controls [data-hero-sound] svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}
.hero-cinema-controls [data-hero-sound] .speaker-off{display:none}
.hero-cinema-controls [data-hero-sound][aria-pressed=true] .speaker-on{display:none}
.hero-cinema-controls [data-hero-sound][aria-pressed=true] .speaker-off{display:block}
.hero-cinema-controls button:hover{background:transparent;color:#f7f5ed;border-color:rgba(247,245,237,.9)}
.hero-cinema-controls button:focus-visible{outline:3px solid #00ff00;outline-offset:3px}
.hero-cinema-controls button:disabled{opacity:.7;cursor:default}
.hero .hero-cinema-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero:has([data-hero-cinema]){background:#09100e url('/media/hero-cinema-poster.jpg') center/cover no-repeat}
@media(prefers-reduced-motion:reduce){.hero [data-hero-cinema]{visibility:hidden}.hero[data-hero-motion-allowed=true] [data-hero-cinema]{visibility:visible}}
@media(max-height:560px){.home-deck .hero:has([data-hero-cinema]){padding-top:80px!important;overflow-y:auto!important}}