/**
 * Follica typography & image overrides (loads after follica-page.css).
 * Beats Salient img { height: auto } and theme type sizes.
 */

#follica-root #follica-page .block--split > .block__media,
#follica-root #follica-page .block--split-reverse > .block__media {
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

#follica-root #follica-page .block--split > .block__media img,
#follica-root #follica-page .block--cover > .block__media img {
  position: absolute !important;
  display: block !important;
  width: 70% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: top center !important;
}

#follica-root #follica-page .block--split > .block__media img {
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;
}

#follica-root #follica-page .block--split.block--split-reverse > .block__media img {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: top center !important;
}

#follica-root #follica-page .block--cover > .block__media img {
  top: 0 !important;
  left: 5% !important;
  right: auto !important;
  bottom: 0 !important;
}

#follica-root #follica-page .kicker {
  font-size: 13.44px !important;
}

#follica-root #follica-page h1 {
  font-size: clamp(54.4px, 5.5vw, 92.8px) !important;
  line-height: 1.08 !important;
}

#follica-root #follica-page h2 {
  font-size: clamp(43.2px, 5vw, 83.2px) !important;
  line-height: 1.1 !important;
}

#follica-root #follica-page h3 {
  font-size: clamp(27.2px, 2.6vw, 40.8px) !important;
  line-height: 1.2 !important;
}

#follica-root #follica-page p,
#follica-root #follica-page li {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

#follica-root #follica-page .lead {
  font-size: clamp(18.4px, 1.8vw, 23.2px) !important;
  line-height: 1.45 !important;
}

#follica-root #follica-page .stats strong {
  font-size: clamp(70.4px, 6vw, 102.4px) !important;
  line-height: 0.9 !important;
}

#follica-root #follica-page .stats p {
  margin-top: 24px !important;
  font-size: 16.8px !important;
}

#follica-root #follica-page .block__copy blockquote {
  font-size: clamp(21.6px, 2vw, 28px) !important;
  line-height: 1.45 !important;
}

#follica-root #follica-page .hero__tagline,
#follica-root #follica-page .closing__tagline {
  font-size: clamp(20.8px, 2vw, 32px) !important;
}

@media (max-width: 960px) {
  #follica-root #follica-page .block--split > .block__media {
    height: 33.333svh !important;
    max-height: 33.333svh !important;
  }

  #follica-root #follica-page .block--cover > .block__media img {
    left: auto !important;
    right: 0 !important;
  }

  #follica-root #follica-page h1 {
    font-size: clamp(38.4px, 9vw, 54.4px) !important;
  }

  #follica-root #follica-page h2 {
    font-size: clamp(33.6px, 8vw, 48px) !important;
  }
}