/* Chillax's open geometry needs gentler tracking than the former typefaces. */
.hero-copy h1 { font-weight:300; letter-spacing:.16em; line-height:1.3; }
.preview-title { font-weight:300; letter-spacing:-.015em; }
.hero-nav a { font-weight:400; letter-spacing:.12em; }
.wordmark { letter-spacing:.4em; }
.intro-name { letter-spacing:.24em; }

.section-heading { letter-spacing:-.035em; line-height:1.12; }
.section-heading em { font-family:inherit; font-style:normal; font-weight:500; letter-spacing:inherit; }
.work-intro .section-heading { font-size:clamp(42px,4.1vw,61px); letter-spacing:-.035em; line-height:1.12; }
.film-intro .section-heading { font-size:clamp(60px,7.2vw,108px); line-height:1.12; }
.contact-layout .section-heading { letter-spacing:-.035em; line-height:1.12; }
.section-lead,.about-copy p,.brand-summary,.work-entry p,.experience-row p { font-weight:400; }
.card-caption h3,.film-print h3,.timeline h3,.practice h3 { font-weight:500; letter-spacing:-.025em; line-height:1.25; }
.card-caption h3 { font-size:22px; }
.brand-story h3,.collab-copy h3 { letter-spacing:-.035em; line-height:1.12; }
.brand-tabs button { font-weight:400; letter-spacing:-.015em; }
.brand-tabs button[aria-selected=true] { font-weight:500; }
.section-kicker,.eyebrow,.project-discipline { font-weight:400; }
.expanded-nav a { letter-spacing:-.025em; line-height:1.2; }
.motion-band>div { font-weight:300; letter-spacing:-.035em; }
.motion-band em { font-family:inherit; font-style:normal; font-weight:500; }

/* Pinned chapters retain deliberate line breaks and space for reading. */
#experience.is-reading-pinned .section-heading,
#lab.is-reading-pinned .section-heading { font-size:clamp(37px,4.1vw,62px); line-height:1.13; }
#about.is-reading-pinned .section-heading { font-size:clamp(39px,4.3vw,64px); line-height:1.13; }
#contact.is-reading-pinned .section-heading { font-size:clamp(42px,5.1vw,76px); line-height:1.13; }
#collaborations.is-pinned .collab-heading .section-heading { font-size:clamp(33px,min(3.9vw,6.1vh),57px); }

@media(max-width:799px) {
  .work-intro .section-heading { font-size:clamp(42px,10.8vw,55px); }
  .film-intro .section-heading { font-size:clamp(54px,13.8vw,75px); }
  .collab-heading .section-heading { font-size:clamp(35px,9.1vw,48px); }
}
@media(max-width:600px) {
  .hero-copy h1 { font-size:clamp(29px,8.1vw,43px); letter-spacing:.12em; }
  .hero-nav a { font-size:10px; letter-spacing:.07em; }
  .section-heading,.about-copy .section-heading,.experience-layout .section-heading { font-size:clamp(32px,9.4vw,42px); line-height:1.15; }
  .contact-layout .section-heading { font-size:clamp(34px,9.5vw,43px); }
  .contact-email { font-size:clamp(17px,4.9vw,21px); }
  .expanded-nav a { font-size:clamp(32px,9.6vw,43px); }
}