/* Final homepage spacing normalization. Loaded after shared styles. */
:root{
  --home-section-gap:32px;
}

body .container.hero{
  padding-bottom:0 !important;
}

body .search-section,
body .how-premium,
body main > section.container.section-pad:last-of-type{
  margin-top:var(--home-section-gap) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

body footer.scv-global-footer.scv-footer-compact-v4{
  margin-top:var(--home-section-gap) !important;
}

@media (min-width:981px){
  body .hero-grid{
    grid-template-rows:auto auto !important;
    row-gap:var(--home-section-gap) !important;
  }

  body .hero-copy .hero-sports-elevator,
  body .hero-grid > .hero-trust-strip{
    margin-top:0 !important;
  }
}

/* Tablet portrait and landscape. */
@media (min-width:641px) and (max-width:1366px){
  :root{
    --home-section-gap:28px;
  }
}

@media (min-width:641px) and (max-width:980px){
  body .hero-grid{
    row-gap:var(--home-section-gap) !important;
  }

  body .hero-copy .hero-sports-elevator{
    margin-top:var(--home-section-gap) !important;
  }

  body .hero-grid > .hero-visual-wrap,
  body .hero-grid > .hero-trust-strip{
    margin-top:0 !important;
  }
}

@media (max-width:640px){
  :root{
    --home-section-gap:24px;
  }

  body .hero-grid{
    gap:var(--home-section-gap) !important;
  }

  body .hero-copy .hero-sports-elevator{
    margin-top:var(--home-section-gap) !important;
  }

  body .hero-copy + .hero-visual-wrap,
  body .hero-grid > .hero-trust-strip{
    margin-top:0 !important;
  }
}

/* Keep the athlete image exposure consistent on every screen size. */
body .hero-visual-wrap .hero-card.hero-visual-card .hero-athlete-image,
body .hero-visual-wrap .hero-card.hero-visual-card:hover .hero-athlete-image{
  filter:brightness(1.10) contrast(.98) saturate(1.03) !important;
}