/* PUBLIC-16C: readable editorial headings across desktop, tablet and phone. */
@media screen {
  body.r5-unified .site-shell > section:not(.print-board) :is(h1, h2),
  .hero-copy h1,
  .interiors-hero h1,
  .editorial-intro h2,
  .section-heading h2,
  .measure-copy h2,
  .interiors-intro h2,
  .brand-story h2,
  .brand-detail h2,
  .contact-band h2 {
    letter-spacing: 0 !important;
    word-spacing: .02em;
    line-height: 1.18 !important;
  }

  body.r5-unified :is(.signature-header, .completed-project-header) > *,
  body.r5-unified .collection-feature-copy {
    min-width: 0;
  }
}

@media screen and (min-width: 601px) {
  body.r5-unified :is(.collections-hero-copy, .studio-intro, .showroom-hero-copy, .projects-hero) h1 {
    font-size: clamp(48px, 6.4vw, 110px) !important;
  }

  body.r5-unified :is(.signature-header, .philosophy-copy, .collections-closing, .projects-closing, .showroom-closing, .showroom-films-header, .showroom-gallery-header, .made-to-measure-band) h2 {
    font-size: clamp(40px, 4.2vw, 72px) !important;
  }

  body.r5-unified .completed-project-header h2 {
    font-size: clamp(38px, 4.1vw, 70px) !important;
  }

  body.r5-unified .collections-hero-copy,
  body.r5-unified .showroom-hero-copy,
  body.r5-unified .collection-feature-copy {
    container-type: inline-size;
  }

  body.r5-unified :is(.collections-hero-copy, .showroom-hero-copy) h1 {
    font-size: clamp(42px, 16cqi, 104px) !important;
  }

  body.r5-unified .collection-feature-copy h2 {
    font-size: clamp(32px, 4vw, 72px) !important;
    font-size: clamp(32px, 17cqi, 72px) !important;
    max-width: 100%;
  }
}

@media screen and (max-width: 600px) {
  /* Keep PUBLIC-16B phone sizes while giving letters and lines more room. */
  body.r5-unified .site-shell > section:not(.print-board) :is(h1, h2),
  .hero-copy h1,
  .interiors-hero h1 {
    line-height: 1.2 !important;
  }
}