/* Classic display type and clean supporting text, with Gujarati script support. */
html:lang(en){
  --serif:'Times New Roman','Noto Serif Gujarati',serif;
  --sans:'Century Gothic','Avenir Next',Arial,'Noto Serif Gujarati',sans-serif;
  --body:16px;
  --h1:clamp(48px,6.5vw,84px);
  --h2:clamp(36px,4.2vw,58px);
  --h3:clamp(22px,2vw,28px);
}
html[lang="gu"]{
  --serif:'Times New Roman','Noto Serif Gujarati',serif;
  --sans:'Century Gothic','Avenir Next',Arial,'Noto Serif Gujarati',sans-serif;
  --body:16px;
}
body{line-height:1.7}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;text-wrap:balance}
button,input,select,textarea{font-family:var(--sans)}

/* Give longer writing a consistent, readable measure and rhythm. */
.prologue-description,
.about-teaser-copy p:not(.lead),
.family-copy p:not(.lead),
.scene-copy p:not(.lead),
.museum-intro p:not(.lead),
.section-heading > p,
.page-intro .intro-bottom p{
  font-family:var(--sans);
  font-size:clamp(15px,1.1vw,16px);
  line-height:1.75;
}
.eyebrow{font-family:var(--sans);font-size:11px;line-height:1.5;letter-spacing:.14em}
.text-link,.button{font-family:var(--sans);font-size:13px;line-height:1.5}
body .royal-nav-links a{font-size:clamp(14px,1.05vw,16px);line-height:1.3}
body .royal-mobile-navigation a{font-size:21px;line-height:1.25}
body[data-page="gallery"] .gallery-grid .video-card h3{font-family:var(--serif);font-size:clamp(21px,1.8vw,27px);line-height:1.15}
body[data-page="gallery"] .gallery-grid .video-card .performer-credit{font-family:var(--sans);font-size:12px;line-height:1.5}
body .media-dialog .dialog-copy h2{font-family:var(--serif);font-size:clamp(20px,2vw,28px);line-height:1.25}

/* Earlier styles named separate Gujarati serif faces; use the one Gujarati family. */
html[lang="gu"] .story-nav a>span,
html[lang="gu"] .video-card h3,
html[lang="gu"] .living-word{font-family:var(--serif)}
html[lang="gu"] h1,html[lang="gu"] h2,html[lang="gu"] h3{letter-spacing:0}
html[lang="gu"] .eyebrow{letter-spacing:0;line-height:1.6}
html[lang="gu"] .prologue-description,
html[lang="gu"] .about-teaser-copy p:not(.lead),
html[lang="gu"] .family-copy p:not(.lead),
html[lang="gu"] .scene-copy p:not(.lead),
html[lang="gu"] .museum-intro p:not(.lead){line-height:1.9}
@media(max-width:580px){
  body[data-page="gallery"] .gallery-grid .video-card h3{font-size:clamp(19px,5.1vw,22px);line-height:1.16}
  .prologue-description,.about-teaser-copy p:not(.lead),.family-copy p:not(.lead),.scene-copy p:not(.lead),.museum-intro p:not(.lead){font-size:15px;line-height:1.7}
  html[lang="gu"] .prologue-description,html[lang="gu"] .about-teaser-copy p:not(.lead),html[lang="gu"] .family-copy p:not(.lead),html[lang="gu"] .scene-copy p:not(.lead),html[lang="gu"] .museum-intro p:not(.lead){line-height:1.85}
}

/* Keep legacy wordmarks in the same Latin display family. */
.brand-monogram,.classical-nav .brand-wordmark,.footer-signature{font-family:var(--serif)}


/* Match the language switch to the supporting text. */
.language-switch button[data-language="gu"]{font-family:var(--sans)}