/* ============================================================
   HERO PROMO VIDEO
   Hand-authored on purpose (not Tailwind utilities): changes
   here apply immediately without the theme/static_src build.
   ============================================================ */

/* The promo video is the hero background on all viewport sizes, painted over the
   fallback photo (which doubles as poster while loading / if autoplay is blocked). */
.hero-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Top-aligned crop: with a 9:16 source on wide screens the top of the frame
       (faces/heads) stays visible instead of cutting people off at the neck. */
    object-position: center top;
}

/* Extra top darkening: keeps eyebrow badge + headings readable against bright video
   frames. Symmetric across the full width. */
.hero-video-topscrim {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.25) 35%,
        rgba(0, 0, 0, 0) 60%
    );
}