/* Final quiet headings layer for editorial/service pages. */
body.contact-page-layout .contact-hero h1,
body.contact-page-layout .contact-path h2,
body.contact-page-layout .contact-details h2,
body.about-page-layout .about-hero h1,
body.about-page-layout .about-statement h2,
body.about-page-layout .about-house h2,
body.about-page-layout .about-values h2,
body.about-page-layout .about-signature h2,
body.about-page-layout .about-atelier h2,
body.about-page-layout .about-inspiration h2,
body.about-page-layout .about-contact h2 {
  max-width: 760px !important;
  font-size: clamp(23px, 1.75vw, 30px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.004em !important;
  text-wrap: balance !important;
}

body.contact-page-layout .contact-path h2,
body.contact-page-layout .contact-details h2 {
  font-size: clamp(22px, 1.75vw, 30px) !important;
}

body.about-page-layout .about-statement h2 {
  max-width: 860px !important;
}

body.about-page-layout .about-hero h1 {
  max-width: 520px !important;
  font-size: clamp(26px, 2vw, 34px) !important;
  letter-spacing: 0.006em !important;
  white-space: normal !important;
}

body.about-page-layout .about-values span {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1 !important;
}

body.about-page-layout .about-values h3,
body.about-page-layout .about-signature__table span,
body.about-page-layout .about-code__list p {
  font-size: clamp(18px, 1.35vw, 24px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0.006em !important;
}

body.investment-stones-page .hero h1 {
  max-width: 520px !important;
  font-size: clamp(28px, 2.65vw, 40px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0.006em !important;
}

body.investment-stones-page .hero-lead {
  max-width: 500px !important;
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.34 !important;
  letter-spacing: 0.006em !important;
}

body.investment-stones-page .narrow h2,
body.investment-stones-page .section-head h2,
body.investment-stones-page .expertise-copy h2,
body.investment-stones-page .dossier-heading h2 {
  font-size: clamp(24px, 1.95vw, 30px) !important;
}

body.investment-stones-page .dossier-heading h2 {
  font-size: clamp(23px, 1.8vw, 28px) !important;
}

body.investment-stones-page .value-item h3,
body.investment-stones-page .gem-copy h3,
body.investment-stones-page .process-grid h3 {
  font-size: clamp(17px, 1.1vw, 20px) !important;
}

body.wild-cinematic-page .ww-hero h1 {
  max-width: 620px !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0.006em !important;
}

body.wild-cinematic-page .ww-archetype h2 {
  max-width: 560px !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.006em !important;
}

body.wild-cinematic-page .ww-symbol h2,
body.wild-cinematic-page .ww-section-head h2,
body.wild-cinematic-page .ww-product-gallery h2,
body.wild-cinematic-page .ww-object h3,
body.wild-cinematic-page .ww-final h2 {
  font-size: clamp(24px, 2.45vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0.006em !important;
}

body.wild-cinematic-page .ww-manifesto p,
body.wild-cinematic-page .ww-depth p,
body.wild-cinematic-page .ww-state p,
body.wild-cinematic-page .ww-video h2 {
  font-size: clamp(25px, 2.7vw, 38px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0.006em !important;
}

body.wild-cinematic-page .js-site-footer .js-footer-newsletter label,
body.wild-cinematic-page .js-site-footer .js-footer-col h3 {
  font-family: var(--js-shell-sans, "Gilroy", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.wild-cinematic-page .js-site-footer .js-footer-col h3 {
  color: rgba(36, 36, 36, 0.44) !important;
}

body.wild-cinematic-page .js-site-footer .js-footer-newsletter label {
  color: rgba(36, 36, 36, 0.52) !important;
}

@media (max-width: 760px) {
  body.contact-page-layout .contact-hero h1,
  body.contact-page-layout .contact-path h2,
  body.contact-page-layout .contact-details h2,
  body.about-page-layout .about-hero h1,
  body.about-page-layout .about-statement h2,
  body.about-page-layout .about-house h2,
  body.about-page-layout .about-values h2,
  body.about-page-layout .about-signature h2,
  body.about-page-layout .about-atelier h2,
  body.about-page-layout .about-inspiration h2,
  body.about-page-layout .about-contact h2 {
    font-size: clamp(23px, 7vw, 30px) !important;
    line-height: 1.16 !important;
  }

  body.investment-stones-page .hero h1,
  body.wild-cinematic-page .ww-hero h1,
  body.wild-cinematic-page .ww-archetype h2 {
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.08 !important;
  }

  body.investment-stones-page .hero-lead,
  body.investment-stones-page .narrow h2,
  body.investment-stones-page .section-head h2,
  body.investment-stones-page .expertise-copy h2,
  body.investment-stones-page .dossier-heading h2,
  body.wild-cinematic-page .ww-symbol h2,
  body.wild-cinematic-page .ww-section-head h2,
  body.wild-cinematic-page .ww-product-gallery h2,
  body.wild-cinematic-page .ww-object h3,
  body.wild-cinematic-page .ww-final h2 {
    font-size: clamp(20px, 6vw, 25px) !important;
  }
}