/* hero.media.alt projection — deterministic CSS variant (no content coupling). */
.video-hero{position:relative;overflow:hidden;border-radius:var(--video-radius-md);background:var(--video-color-surface-raised);border:1px solid var(--video-color-border)}
.video-hero__slide{position:relative;min-height:18rem}
.video-hero__slide img,.video-hero__placeholder{width:100%;height:clamp(18rem,48vw,32rem);object-fit:cover;background:linear-gradient(160deg,var(--video-color-bg),var(--video-color-surface))}
.video-hero__content{position:absolute;inset:auto 0 0;padding:clamp(1rem,3vw,2.25rem);background:linear-gradient(transparent,rgba(0,0,0,.78))}
.video-hero__content h2{max-width:28ch;font-size:clamp(1.6rem,4.5vw,3.25rem);line-height:1.08;letter-spacing:.01em;overflow-wrap:anywhere}
.video-hero__content p{max-width:var(--video-readable-width);color:var(--video-color-muted)}
.video-hero__controls{position:absolute;inset:var(--video-space-4) var(--video-space-4) auto auto;display:flex;gap:var(--video-space-2)}
:root{--video-component-hero-variant:alt}