@media (max-width: 620px) {
  body .eyebrow.eyebrow {
    font-size: .84rem !important;
    line-height: 1.42 !important;
    letter-spacing: .085em !important;
  }

  .hero-copy-panel[data-astro-cid-j7pv25f6] .eyebrow[data-astro-cid-j7pv25f6] {
    min-height: 36px !important;
    padding: 8px 11px !important;
    font-size: .72rem !important;
    line-height: 1.3 !important;
    letter-spacing: .055em !important;
  }

  body .hero-actions .btn.btn.btn {
    min-height: 46px !important;
    font-size: .9rem !important;
    line-height: 1.2 !important;
  }

  .section-head > p:not(.eyebrow),
  .intro-copy > p,
  .service-focus-content > p,
  .experience-copy > p,
  .sector-copy > p,
  .sectors-copy > p,
  .process-copy > p,
  .contact-copy > p,
  .projects-hero-copy > p:not(.eyebrow),
  .service-hero-copy > p:not(.eyebrow),
  .social-hero-copy > p:not(.eyebrow),
  .project-card-copy > p {
    font-size: 1.06rem !important;
    line-height: 1.62 !important;
  }

  .section-head h2,
  .service-section h2,
  .project-process h2,
  .project-cta h2,
  .faq-section h2 {
    font-size: clamp(2rem, 8.35vw, 2.26rem) !important;
    line-height: 1.1 !important;
  }

  .article h1 {
    font-size: clamp(2.15rem, 9vw, 2.55rem) !important;
    line-height: 1.07 !important;
  }

  .article .dek {
    font-size: 1.2rem !important;
    line-height: 1.62 !important;
  }

  .article > p:not(.eyebrow):not(.dek),
  .article li {
    font-size: 1.06rem !important;
    line-height: 1.72 !important;
  }

  .article h2 {
    font-size: clamp(1.9rem, 8vw, 2.2rem) !important;
    line-height: 1.1 !important;
  }

  .faq-panel p,
  .service-faq p,
  .project-faq p {
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }

  .faq-panel h3,
  .service-faq h3,
  .project-faq h3,
  .steps-grid h3,
  .process-panel h3 {
    font-size: 1.08rem !important;
    line-height: 1.32 !important;
  }
}