/* Both Social offer entry points fill exactly one viewport before the next color section. */
body.social-free-page .sf-hero,
body.social-premium-page .social-support .social-care-hero {
  height: 100svh;
  min-height: 100svh;
  overflow: hidden;
}

@supports (height: 100dvh) {
  body.social-free-page .sf-hero,
  body.social-premium-page .social-support .social-care-hero {
    height: 100dvh;
    min-height: 100dvh;
  }
}

body.social-premium-page .social-support .social-care-hero {
  align-items: end;
}

@media (max-width: 650px) {
  body.social-free-page .sf-hero,
  body.social-premium-page .social-support .social-care-hero {
    padding-top: 5.2rem;
    padding-bottom: 3.2rem;
  }

  body.social-free-page .sf-hero__ticker {
    bottom: .8rem;
    overflow: hidden;
    justify-content: flex-start;
    gap: 1.35rem;
    padding-inline: 1rem;
    white-space: nowrap;
  }
}