/* /styles/hero-video-nudge-480.css
   MOBILE (≤480px) — push ONLY the hero background down
   (does NOT move hero text/buttons)
*/
@media (max-width: 480px){

  html.is-home{
    --hero-video-nudge: 19px; /* change THIS and it WILL respond */
  }

  html.is-home .hero{
    overflow: hidden !important;
  }

  /* Use margin-top instead of transform (avoids fighting existing transforms) */
  html.is-home .hero > video.hero__bg{
    margin-top: var(--hero-video-nudge) !important;
    height: calc(100% + var(--hero-video-nudge)) !important;
  }

  html.is-home .hero > .hero__grid{
    margin-top: var(--hero-video-nudge) !important;
    height: calc(100% + var(--hero-video-nudge)) !important;
  }
}