/* Mobile title hardening — 2026-09-25
   Keeps large editorial typography inside narrow viewports without changing desktop layout. */
@media (max-width: 760px) {
  html, body {
    max-width: 100%;
    overflow-x: clip;
  }

  .page,
  .shell,
  .page-hero,
  .section,
  .section-head,
  .section-head > *,
  .conversion-hero,
  .case-hero,
  .curated-case-hero,
  .work-intro,
  .work-section-head,
  .work-card-copy,
  .opportunity-card,
  .availability-grid,
  .availability-grid > *,
  .first-message-grid,
  .first-message-grid > * {
    min-width: 0;
    max-width: 100%;
  }

  h1,
  h2,
  h3,
  .page-title,
  .case-question,
  .hero-value,
  .conversion-statement,
  .work-card-copy h3,
  .opportunity-card h2,
  .availability-grid h2,
  .first-message-grid h2,
  .footer h2 {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .page-title,
  .conversion-hero .page-title {
    font-size: clamp(38px, 11.2vw, 50px);
    line-height: .98;
    letter-spacing: -.052em;
  }

  .case-hero h1,
  .curated-case-hero h1,
  .support-case .curated-case-hero h1 {
    font-size: clamp(42px, 13vw, 58px);
    line-height: .92;
    letter-spacing: -.065em;
  }

  .case-question {
    font-size: clamp(21px, 6.5vw, 29px);
    line-height: 1.18;
  }

  .section-head h2,
  .work-section-head h2 {
    font-size: clamp(36px, 10.8vw, 48px);
    line-height: .98;
    letter-spacing: -.052em;
  }

  .work-card-featured .work-card-copy h3,
  .work-card-selected .work-card-copy h3,
  .work-card-copy h3 {
    font-size: clamp(36px, 11.5vw, 48px);
    line-height: .94;
    letter-spacing: -.055em;
  }

  .opportunity-card h2 {
    font-size: clamp(32px, 9.8vw, 40px);
    line-height: 1;
  }

  .availability-grid h2,
  .first-message-grid h2 {
    font-size: clamp(36px, 10.5vw, 46px);
    line-height: .98;
  }

  .footer h2 {
    font-size: clamp(42px, 12vw, 54px);
    line-height: .94;
  }
}

@media (max-width: 430px) {
  .page-title,
  .conversion-hero .page-title {
    font-size: clamp(36px, 10.8vw, 44px);
  }

  .case-hero h1,
  .curated-case-hero h1,
  .support-case .curated-case-hero h1 {
    font-size: clamp(40px, 12.5vw, 52px);
  }

  .work-card-featured .work-card-copy h3,
  .work-card-selected .work-card-copy h3,
  .work-card-copy h3 {
    font-size: clamp(34px, 10.8vw, 44px);
  }

  .hero-positioning h1 {
    font-size: clamp(50px, 14.5vw, 60px);
  }

  .hero-role {
    font-size: clamp(30px, 8.8vw, 37px);
  }
}