/**
 * Headline scale — section h2s (one size) · page heroes (larger).
 * Load after page <style> and shared-eyebrow.css.
 */

/* —— Section headlines (same size everywhere except heroes) —— */
.section-title,
.story-headline,
.what-i-do-title,
.who-headline,
.why-work-title,
.home-case-studies-title,
.why-work .why-work-title,
.diagnostic-title,
.faq .section-title,
.process .section-title,
.fit .section-title,
.behind .section-title,
.founder-section .section-title {
  font-family: "Fraunces", serif;
  font-weight: 400;
  font-size: clamp(1.65rem, 3.1vw, 2.2rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #ffffff;
  white-space: normal;
  max-width: 100%;
}

/* —— Hero / page-title headlines (larger) —— */
.hero-title,
.services-hero .services-title,
.about-hero .services-title,
.contact-hero .contact-title,
.cs-hero .cs-title,
.case-study-fold .hero h1 {
  font-family: "Fraunces", serif;
  font-weight: 400;
  font-size: clamp(2.25rem, 6.25vw, 4.5rem);
  line-height: 1.06;
  letter-spacing: -0.04em;
  color: #ffffff;
  white-space: normal;
  max-width: 100%;
}

@media (min-width: 960px) {
  .what-i-do-title {
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  /* Home + individual case study heroes only — inner pages use shared-inner-hero-type.css */
  .hero-title {
    font-size: clamp(2.5rem, 11.5vw, 3.85rem);
    letter-spacing: -0.038em;
    line-height: 1.06;
  }

  .section-title,
  .story-headline,
  .what-i-do-title,
  .who-headline,
  .why-work-title,
  .home-case-studies-title,
  .why-work .why-work-title,
  .diagnostic-title,
  .faq .section-title,
  .process .section-title,
  .fit .section-title,
  .behind .section-title,
  .founder-section .section-title {
    font-size: clamp(1.65rem, 5vw, 2.2rem);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }
}