/* Shared eyebrow treatment, matching Meet the Founder.
   Keep section-specific spacing separate from these typography tokens. */
:root {
  --eyebrow-color:var(--beige);
  --eyebrow-size:16px;
  --eyebrow-weight:500;
  --eyebrow-tracking:1.28px;
  --heading-size:clamp(42px,5vw,72px);
  --heading-weight:500;
  --heading-leading:1.166667;
  --heading-tracking:.02em;
}
body .eyebrow,
body .hero-eyebrow,
body .page-section .eyebrow,
body .center-heading .eyebrow,
body .philosophy .eyebrow,
body .founder .founder-copy>.eyebrow {
  font-family:'Helixa',sans-serif;
  font-size:var(--eyebrow-size);
  font-weight:var(--eyebrow-weight);
  font-variation-settings:'GRAD' 0,'ROND' 0,'wdth' 100;
  font-synthesis:none;
  line-height:1.125;
  letter-spacing:var(--eyebrow-tracking);
  color:var(--eyebrow-color);
  text-transform:uppercase;
}

/* One H2 type scale; retain each section's colour and layout. */
body .page-section h2,
body .center-heading h2,
body .philosophy h2,
body .contact-panel h2,
body .founder .founder-copy h2 {
  font-family:Arturm,sans-serif;
  font-size:var(--heading-size);
  font-weight:var(--heading-weight);
  line-height:var(--heading-leading);
  letter-spacing:var(--heading-tracking);
}

/* Match the Why Artocea section's outer gutters, not a separate max-width. */
body .philosophy {
  container-type:inline-size;
  width:auto;
  max-width:none;
  margin-inline:8.333vw;
}
/* Preserve the supplied orange-panel treatment without changing other H2s. */
body .philosophy .eyebrow {color:#785a46}
body .philosophy h2 {
  /* Figma: 64px type within a 960px inner container. */
  font-size:clamp(32px,6.666667cqi,112px);
  font-weight:400;
  line-height:1.125;
  letter-spacing:.02em;
  color:var(--black);
  background:none;
  max-width:85.833333%;
  margin:clamp(28px,4.166667cqi,64px) 0 clamp(56px,11.666667cqi,168px);
}
body .philosophy-note {
  font-family:Arturm,sans-serif;
  font-size:clamp(18px,2.5cqi,40px);
  font-weight:500;
  line-height:1.333333;
  letter-spacing:.02em;
  color:var(--black);
}
@media(max-width:760px) {
  body .philosophy {margin-inline:20px}
  body .philosophy h2 {max-width:100%}
  body .founder .founder-copy h2 {font-size:min(var(--heading-size),12.56cqi)}
}