/**
 * Hero sublines — desktop matches homepage .hero-lede (fluid clamp).
 * Individual case study heroes use a smaller scale than listing heroes.
 * Load after shared-headlines.css and shared-body-text.css.
 */

/* Individual case study detail heroes — smaller than Services / Case Studies index */
.page--case-study .hero h1,
.case-study-fold .hero h1 {
  font-size: clamp(1.65rem, 4vw, 2.5rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.032em !important;
}

.page--case-study .hero-sub,
.case-study-fold .hero .hero-sub {
  font-size: clamp(0.95rem, 1.25vw, 1.1rem) !important;
  line-height: 1.65 !important;
}

@media (min-width: 961px) {
  .hero-lede,
  .services-hero .services-text,
  .about-hero .services-text,
  .contact-hero .contact-subtitle,
  .cs-hero .cs-subtitle {
    font-size: clamp(1.05rem, 1.65vw, 1.3rem) !important;
    line-height: 1.65 !important;
    color: rgba(209, 213, 219, 0.96) !important;
  }

  .page--case-study .hero-sub,
  .case-study-fold .hero .hero-sub {
    color: rgba(209, 213, 219, 0.96) !important;
  }

  .cs-hero .cs-subtitle {
    line-height: 1.75 !important;
  }
}

@media (max-width: 960px) {
  .services-hero .services-title,
  .about-hero .services-title,
  .contact-hero .contact-title,
  .cs-hero .cs-title {
    font-size: clamp(1.75rem, 7.8vw, 2.25rem) !important;
    letter-spacing: -0.032em !important;
    line-height: 1.14 !important;
  }

  .page--case-study .hero h1,
  .case-study-fold .hero h1 {
    font-size: clamp(1.5rem, 6.5vw, 2rem) !important;
    letter-spacing: -0.032em !important;
    line-height: 1.14 !important;
  }

  .page--case-study .hero-sub,
  .case-study-fold .hero .hero-sub {
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
  }

  .cs-hero .cs-title-main,
  .cs-hero .cs-title .accent {
    white-space: normal;
  }

  .services-hero .services-text,
  .about-hero .services-text {
    font-size: 1rem !important;
    line-height: 1.62 !important;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-hero .cs-subtitle {
    font-size: 1rem !important;
    line-height: 1.75 !important;
    max-width: min(52rem, 94vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .contact-hero .contact-subtitle {
    font-size: 1rem !important;
    line-height: 1.62 !important;
    max-width: 22rem;
  }

}