/* Mobile performance: faster scroll feel, less work off-screen */

@media (max-width: 991px) {
  html {
    scroll-behavior: auto !important;
  }

  body {
    -webkit-overflow-scrolling: touch;
    touch-action: manipulation;
  }

  header#header::before,
  .auto-height.touch-transition,
  .auto-height.touch-transition > .inner,
  .module.module--related-content .title,
  header#header ul.main > li > a::after {
    transition-duration: 0.2s !important;
  }

  main#main > .module:not(:first-child) {
    content-visibility: auto;
    contain-intrinsic-size: auto 480px;
  }

  /* Hero videos are heavy on mobile — use brand gradient instead */
  .img-wrap video,
  .module.module--hero video {
    display: none !important;
  }

  .img-wrap.with-overlay,
  .module.module--hero.hero--detail > .img-wrap {
    background: linear-gradient(135deg, var(--brand-primary, #0047BB) 0%, var(--brand-primary-dark, #003899) 100%);
  }

  .module.module--hero.hero--detail > .img-wrap {
    min-height: 220px;
  }
}

@media (max-width: 767px) {
  .module.module--hero.hero--list .container {
    margin-top: -36rem;
  }

  .module.module--hero.hero--list .intro {
    min-height: 36rem;
  }

  .module.module--hero.hero--list > .img-wrap {
    height: 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}