/* Stellah + Co. · V28 — refined editorial headline spacing
 * Restore a more relaxed rhythm in the Playfair Display headlines, without
 * changing the body copy, logo, navigation or font families. CSS tracking
 * here means the space between letters; native kerning remains enabled.
 * All heading blocks retain visible descenders and natural height.
 */
:root{--stellah-display-tracking:-.012em;--stellah-italic-tracking:0em}

/* Large editorial display: spacious, but still composed. */
.hero h1,
.work-lead h1,
.section-head h2,
.practice h2,
.collection h2,
.home-press h2,
.press-hero h1,
.folio-title,
.contact-redesign .contact-title{
  letter-spacing:var(--stellah-display-tracking)!important;
  line-height:1.12!important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  overflow:visible!important;
}

/* Burgundy editorial italics should read as their own graceful voice. */
.hero h1 em,
.home-press h2 em,
.press-hero .press-deck,
.folio-subtitle,
.contact-redesign .contact-title em{
  letter-spacing:var(--stellah-italic-tracking)!important;
  line-height:1.24!important;
  font-kerning:normal;
  overflow:visible!important;
}

/* Secondary display copy: less cramped than before, not overly spread. */
.practice .practice-lead,
.press-copy h2,
.portfolio-caption h2,
.work-meta h3,
.pager-name,
.contact-redesign .contact-form-title{
  letter-spacing:-.006em!important;
  line-height:1.24!important;
  font-kerning:normal;
  overflow:visible!important;
}

/* The visible baseline and all descenders must clear the heading rule. */
.section-head{padding-bottom:clamp(28px,3vw,43px)}
.section-head h2{padding-bottom:.055em}
.work-lead h1,.folio-title,.practice h2,.press-hero h1,
.contact-redesign .contact-title{padding-bottom:.045em}

/* The italic line is a separate display block; never crop long descenders. */
.contact-redesign .contact-title em{display:block;padding-bottom:.075em}

/* Tiny screens need a touch less tracking to prevent extra wrap. */
@media(max-width:600px){
  :root{--stellah-display-tracking:-.017em;--stellah-italic-tracking:-.003em}
  .hero h1,.work-lead h1,.section-head h2,.practice h2,
  .home-press h2,.press-hero h1,.folio-title,
  .contact-redesign .contact-title{line-height:1.14!important}
  /* "Selected Work" is deliberately unbroken in the source; make it fit. */
  .work-lead h1{font-size:clamp(42px,14vw,60px)!important}
  .section-head{padding-bottom:26px}
}
@media(max-width:360px){
  /* A nonbreaking last phrase in the homepage hero must not bleed offscreen. */
  .hero h1{font-size:clamp(37px,12vw,43px)!important}
}