/**
 * Extract-safe: snappy load, native scroll, no sideways page scroll.
 * Loaded after main.css. Does not restyle the brand.
 */

html {
  scroll-behavior: auto;
  overflow-x: clip;
  overflow-anchor: none;
}

html body.page-home {
  overflow-anchor: none;
}

body::after {
  inset: 0;
}

.site-cloud-track {
  max-width: 200%;
}

#home-hero-slider,
html body.page-home #home-hero-slider {
  overflow-x: clip;
  max-width: 100%;
}

#home-hero-slider .hero-visual,
html body.page-home #home-hero-slider .hero-visual {
  overflow: hidden;
  max-width: 100%;
}

.age-navigation {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

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

  body::after {
    animation: none;
    filter: none;
    will-change: auto;
    opacity: 0.45;
  }

  .site-cloud-track {
    animation: none;
    will-change: auto;
  }

  .site-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  #home-hero-slider .hero-stack-card,
  html body.page-home #home-hero-slider .hero-stack-card {
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body::after,
  .site-cloud-track {
    animation: none;
  }
}