/* A more open headline rhythm to sit alongside the Site Person wordmark. */
.studio-home .home-hero h1,
.studio-home .founder-copy h2,
.studio-home .faq-intro h2,
.page-heading h1,
.portfolio-category .showcase-title,
.studio-pricing .section-heading h2,
.studio-pricing .price-card h2,
.studio-request .request-copy h1,
.client-welcome h1,
.prose h1,
.dashboard-auth h1,
.workspace-title h1,
.closing h2 {
  font-weight: 600;
  letter-spacing: -.038em;
}

.studio-home .home-hero h1 em,
.studio-home .founder-copy h2 em,
.studio-home .faq-intro h2 em,
.page-heading h1 em,
.portfolio-category .showcase-title em,
.studio-pricing .section-heading h2 em,
.studio-request .request-copy h1 em,
.client-welcome h1 em,
.prose h1 em,
.dashboard-auth h1 em,
.closing h2 em {
  font-family: var(--sans);
  font-style: normal;
  font-size: .74em;
  font-weight: 700;
  letter-spacing: .065em;
  line-height: 1.2;
  text-transform: uppercase;
}

.portfolio-category .showcase-title>em {
  font-size: .79em;
  letter-spacing: .045em;
}

.studio-pricing .price-card h2 {
  letter-spacing: -.025em;
}

.site-header nav,
.filter-links {
  letter-spacing: .055em;
}

.eyebrow {
  letter-spacing: .18em;
}

/* The homepage headline carries the full audience message on its own. */
.studio-home .home-hero h1.hero-service-title {
  font-size: clamp(48px, 5vw, 74px);
  line-height: 1.04;
  letter-spacing: .005em;
  text-transform: uppercase;
}

.studio-home .home-hero h1.hero-service-title>span,
.studio-home .home-hero h1.hero-service-title>em {
  display: block;
  white-space: nowrap;
}

.studio-home .home-hero h1.hero-service-title em {
  font-size: 1em;
  line-height: 1.04;
  letter-spacing: .025em;
}

@media(min-width:851px) {
  .desktop-sections .home-hero h1.hero-service-title {
    font-size: clamp(48px, min(5vw, 8dvh), 74px);
  }
}

@media(max-width:680px) {
  .studio-home .home-hero h1.hero-service-title {
    font-size: clamp(34px, 9.8vw, 52px);
  }
}

@media(max-width:680px) {
  .studio-home .home-hero h1 em,
  .studio-request .request-copy h1 em {
    font-size: .68em;
    letter-spacing: .045em;
  }

  .dashboard-auth h1 em {
    font-size: .68em;
    letter-spacing: .045em;
  }

  .page-heading h1 em {
    font-size: clamp(21px, 6.6vw, 42px);
    letter-spacing: .035em;
  }

  .portfolio-category .showcase-title>em {
    font-size: .72em;
    letter-spacing: .03em;
  }
}