/* Mazhaka Foundation V25 — selective EB Garamond editorial experiment.
   Loaded after V24 styles. This does not change hero layout, images, content or animations.
   Font is loaded via the Google Fonts CSS in the document head; fallbacks remain local.
*/
:root { --editorial-serif: 'EB Garamond', Georgia, 'Times New Roman', serif; }

/* Large narrative display only. All navigation, body, CTA, labels, statistics,
   programme rows, programme cards, and operational detail remain in their previous fonts. */
.hero h1,
.about h2,
.work h2,
.manifesto h2,
.index-experience h2,
.story h2,
.stripe h2,
.journal h2,
.join h2,
.upcoming h3,
.panel-cover-copy h2 {
  font-family:var(--editorial-serif);
  font-weight:400;
  font-style:normal;
  font-synthesis:none;
  font-optical-sizing:auto;
  font-kerning:normal;
  letter-spacing:-.04em;
  line-height:1.04;
}
/* Hero: retain the three deliberate lines and desktop-left framing. */
.hero h1 {font-size:clamp(64px,5.1vw,89px);line-height:1.00;letter-spacing:-.045em;}
/* Section-by-section controls protect long headings from compression. */
.about h2 {font-size:clamp(56px,5.6vw,89px);line-height:1.03;letter-spacing:-.042em;}
.work h2 {font-size:clamp(48px,3.7vw,68px);line-height:1.07;letter-spacing:-.04em;}
.manifesto h2 {font-size:clamp(65px,7.4vw,119px);line-height:1.01;letter-spacing:-.046em;}
.index-experience h2 {font-size:clamp(54px,5.6vw,93px);line-height:1.015;letter-spacing:-.043em;}
.story h2 {font-size:clamp(57px,6.7vw,111px);line-height:1.04;letter-spacing:-.044em;}
.stripe h2 {font-size:clamp(55px,5.7vw,94px);line-height:1.04;letter-spacing:-.04em;}
.journal h2 {font-size:clamp(57px,6.6vw,111px);line-height:1.045;letter-spacing:-.042em;}
.join h2 {font-size:clamp(62px,6.8vw,112px);line-height:1.03;letter-spacing:-.044em;}
.upcoming h3 {letter-spacing:-.04em;line-height:1.06;}
.panel-cover-copy h2 {letter-spacing:-.04em;line-height:1.055;}

/* Mobile navigation is navigation, not editorial display typography. */
.mobile-menu a:not(.small) {font-family:var(--sans);font-size:clamp(30px,7.25vw,40px);font-weight:500;letter-spacing:-.025em;line-height:1.2;}

@media (min-width:1000px) and (max-width:1199px) {
  .hero h1 {font-size:clamp(54px,5.15vw,65px);}
  .index-experience h2 {font-size:clamp(48px,5vw,72px);}
}
@media (max-width:999px) {
  .hero h1 {font-size:clamp(48px,8.7vw,78px);line-height:1.035;letter-spacing:-.042em;}
  .about h2 {font-size:clamp(52px,7.4vw,77px);line-height:1.04;}
  .work h2 {font-size:clamp(46px,6.4vw,66px);}
  .index-experience h2 {font-size:clamp(49px,7.3vw,76px);line-height:1.045;}
}
@media (max-width:640px) {
  .hero h1 {font-size:clamp(43px,11.1vw,63px);line-height:1.04;letter-spacing:-.041em;}
  .about h2 {font-size:clamp(47px,11.2vw,72px);}
  .work h2 {font-size:clamp(43px,9.6vw,61px);}
  .manifesto h2 {font-size:clamp(50px,10.4vw,77px);}
  .index-experience h2 {font-size:clamp(44px,9.65vw,65px);line-height:1.045;}
  .story h2 {font-size:clamp(48px,10.55vw,71px);}
  .stripe h2 {font-size:clamp(48px,10.4vw,68px);}
  .journal h2 {font-size:clamp(48px,10.5vw,73px);}
  .join h2 {font-size:clamp(52px,10.9vw,79px);}
  .upcoming h3 {font-size:clamp(42px,9.15vw,62px);}
  .panel-cover-copy h2 {font-size:clamp(41px,9.3vw,64px);}
}
@media (max-width:380px) {
  .hero h1 {font-size:clamp(40px,10.7vw,46px);}
  .index-experience h2 {font-size:clamp(43px,9.5vw,50px);}
}