/* Full-bleed vertical hero (9:16 style), desktop-safe */
.vertical-hero{ position: relative; min-height: 100svh; min-height: 100vh; overflow: hidden; background: #000; }
.vertical-hero > video,
.vertical-hero .video-bg,
.vertical-hero .bg-video{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
}
/* Keep content layers above video if any */
.vertical-hero > *{ position: relative; z-index: 1; }
.vertical-hero > video,
.vertical-hero .video-bg,
.vertical-hero .bg-video{ z-index: 0; }

/* Optional portrait hint for layout engines that respect aspect-ratio (doesn't force bars) */
.vertical-hero{ aspect-ratio: 9 / 16; }
@supports (height: 100svh){
  .vertical-hero{ min-height: 100svh; }
}