/* Full 16:9 image, with lightweight controls over the original video. */
#hero-media .media-frame{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9;padding:0;margin-bottom:28px;background:transparent;border:0;box-shadow:none;overflow:visible}
#hero-media .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
#hero-media .promo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9;background:transparent;opacity:0;border-radius:6px;cursor:pointer}
#hero-media .video-playing .promo-video{opacity:1}
#hero-media .video-playing .hero-photo{visibility:hidden}
#hero-media .film-caption{bottom:-26px;left:0;right:0}
#hero-media .video-sound,#hero-media .video-play{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#14212c80;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000012;cursor:pointer;z-index:2;transition:opacity .18s ease,background .18s ease}
#hero-media .video-play{left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%)}
#hero-media .video-sound{right:12px;bottom:12px;width:40px;height:40px}
#hero-media .video-play:hover,#hero-media .video-sound:hover{background:#14212cb0}
#hero-media button svg{display:block;pointer-events:none}
#hero-media button[hidden]{display:none!important}
#hero-media button:focus-visible,#hero-media video:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){#hero-media .video-sound{opacity:0;pointer-events:none}#hero-media .media-frame:hover .video-sound,#hero-media .media-frame:focus-within .video-sound{opacity:1;pointer-events:auto}}
@media(max-width:700px){#hero-media .video-play{width:52px;height:52px}#hero-media .video-sound{width:40px;height:40px;right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){#hero-media button{transition:none}}