/* hero.media.compact */
.video-hero{position:relative;overflow:hidden;border-radius:var(--video-radius-sm);background:var(--video-color-surface);max-width:48rem;margin-inline:auto}
.video-hero__slide{position:relative;min-height:14rem}
.video-hero__slide img,.video-hero__placeholder{width:100%;height:clamp(14rem,36vw,24rem);object-fit:cover}
.video-hero__content{position:absolute;inset:auto 0 0;padding:var(--video-space-3);background:linear-gradient(transparent,rgba(0,0,0,.88))}
.video-hero__content h2{max-width:24ch;font-size:clamp(1.1rem,2.8vw,2rem);line-height:1.1}
.video-hero__controls{position:absolute;inset:var(--video-space-2) var(--video-space-2) auto auto;display:flex;gap:var(--video-space-1)}
:root{--video-component-hero-variant:compact}