/* Reusable hero video layer (pairs with /assets/hero-video.js) */
[data-hero-video]{overflow:hidden}
[data-hero-video] video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .45s ease}
[data-hero-video].hv-playing video,[data-hero-video].hv-ended video{opacity:1}
@media (prefers-reduced-motion: reduce){[data-hero-video] video{display:none}}