/* /koan/hindi/ — Devanagari typography. Loaded last, only on the Hindi page.
   Latin (Barlow Condensed, Plex Mono, the KOΛN logogram) stays for brand words; Devanagari falls
   back per glyph to Noto. Devanagari has no capitals and breaks if tracked, so letter-spacing
   and condensed headline tricks are switched off for running text. */
@font-face { font-family: 'Noto Sans Devanagari'; font-weight: 400; font-display: swap; src: url(assets/fonts/hi-sans-400.woff2) format('woff2'); }
@font-face { font-family: 'Noto Sans Devanagari'; font-weight: 600; font-display: swap; src: url(assets/fonts/hi-sans-600.woff2) format('woff2'); }
@font-face { font-family: 'Noto Sans Devanagari'; font-weight: 700; font-display: swap; src: url(assets/fonts/hi-sans-700.woff2) format('woff2'); }
@font-face { font-family: 'Noto Serif Devanagari'; font-weight: 400; font-display: swap; src: url(assets/fonts/hi-serif-400.woff2) format('woff2'); }
@font-face { font-family: 'Noto Serif Devanagari'; font-weight: 700; font-display: swap; src: url(assets/fonts/hi-serif-700.woff2) format('woff2'); }

html[lang="hi"] {
  --k-font-body: Arial, 'Noto Sans Devanagari', sans-serif;
  --k-font-mono: 'IBM Plex Mono', 'Noto Sans Devanagari', monospace;
  --k-font-display: 'Barlow Condensed', 'Noto Sans Devanagari', sans-serif;
  --display: 'Barlow Condensed', 'Noto Sans Devanagari', sans-serif;
  --mono: 'IBM Plex Mono', 'Noto Sans Devanagari', monospace;
}
html[lang="hi"] body { font-family: Arial, 'Noto Sans Devanagari', sans-serif; }

/* no tracking inside Devanagari text */
html[lang="hi"] .eyebrow, html[lang="hi"] .k-kicker, html[lang="hi"] .k-label, html[lang="hi"] .k-link, html[lang="hi"] .k-body, html[lang="hi"] .k-pull, html[lang="hi"] .k-quote, html[lang="hi"] p, html[lang="hi"] li, html[lang="hi"] dt, html[lang="hi"] dd, html[lang="hi"] summary, html[lang="hi"] button, html[lang="hi"] .site-header nav a, html[lang="hi"] .subtitle, html[lang="hi"] .enter, html[lang="hi"] .music-text, html[lang="hi"] .k-gate-kicker, html[lang="hi"] .k-gate-sub, html[lang="hi"] .k-gate-note, html[lang="hi"] .k-gate-enter, html[lang="hi"] .k-gate-silent, html[lang="hi"] .poster-card span, html[lang="hi"] .art-foot p {
  letter-spacing: 0 !important; text-transform: none !important;
}
html[lang="hi"] .k-body, html[lang="hi"] .intro-copy p, html[lang="hi"] .universe-copy > p, html[lang="hi"] .funding-copy > p { line-height: 1.85; }

/* headlines: bold Devanagari, not condensed caps */
html[lang="hi"] .k-title, html[lang="hi"] h2, html[lang="hi"] .intro-copy h2, html[lang="hi"] .funding-copy h2, html[lang="hi"] .universe h2, html[lang="hi"] .section-heading h2, html[lang="hi"] .filmmakers h2 {
  font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif;
  font-weight: 700; text-transform: none; letter-spacing: 0; line-height: 1.22;
}
html[lang="hi"] .k-title { font-size: clamp(34px, 4.6vw, 70px); }
html[lang="hi"] .intro-copy h2 { font-size: clamp(38px, 4.4vw, 74px); }
html[lang="hi"] .universe h2 { font-size: clamp(42px, 5.2vw, 84px); }
html[lang="hi"] .funding-copy h2 { font-size: clamp(38px, 4.6vw, 76px); }
html[lang="hi"] .section-heading h2 { font-size: clamp(36px, 4.2vw, 68px); }
html[lang="hi"] .filmmakers h2 { font-size: clamp(36px, 4.2vw, 68px); }
html[lang="hi"] .k-pull { font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif; font-weight: 600; line-height: 1.5; }
html[lang="hi"] .dream-question { font-family: 'Noto Sans Devanagari', var(--mono); line-height: 1.7; }
html[lang="hi"] .film-plans h3, html[lang="hi"] .campaign-status strong { font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif; text-transform: none; }
html[lang="hi"] .k-gate-sub, html[lang="hi"] .subtitle { font-family: 'Noto Sans Devanagari', var(--mono); font-weight: 600; }
html[lang="hi"] .k-gate-enter { font-size: 15px; }
html[lang="hi"] .stills-script { font-family: 'Noto Sans Devanagari', var(--mono); font-style: normal; }

/* brand words keep their tracking and faces */
html[lang="hi"] .koan-mark, html[lang="hi"] .thea div, html[lang="hi"] .thea span, html[lang="hi"] .footer-wordmark, html[lang="hi"] .k-gate-title, html[lang="hi"] .stills-koan, html[lang="hi"] .hero-title h1 { letter-spacing: revert-layer; }

/* person popup */
html[lang="hi"] .person-body, html[lang="hi"] .person-name { text-transform: none; }
html[lang="hi"] .person-name { font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif; letter-spacing: 0; line-height: 1.2; }
html[lang="hi"] .person-work-title { font-family: 'Barlow Condensed', 'Noto Sans Devanagari', sans-serif; }
html[lang="hi"] .person-role, html[lang="hi"] .person-work-meta, html[lang="hi"] .person-group-title, html[lang="hi"] .person-work-heading, html[lang="hi"] .person-work-scenes span { letter-spacing: 0 !important; text-transform: none !important; }

/* koan-system.css sets headline metrics with !important — match it here */
html[lang="hi"] main h2.k-title, html[lang="hi"] main h2, html[lang="hi"] .k-title {
  font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important;
  max-width: 18em !important;
}
html[lang="hi"] .contact-intro h2.k-title { font-size: clamp(36px, 4vw, 66px) !important; }
html[lang="hi"] .universe h2.k-title { font-size: clamp(40px, 4.8vw, 78px) !important; }
html[lang="hi"] .funding h2.k-title { font-size: clamp(36px, 4.2vw, 70px) !important; }
html[lang="hi"] .filmmakers h2.k-title, html[lang="hi"] .posters h2.k-title { font-size: clamp(34px, 3.8vw, 62px) !important; }
html[lang="hi"] .statements .k-title, html[lang="hi"] .trailer-section .k-title { font-size: clamp(36px, 4.4vw, 70px) !important; }
html[lang="hi"] .k-pull { line-height: 1.5 !important; font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
html[lang="hi"] .k-kicker, html[lang="hi"] .k-label, html[lang="hi"] .eyebrow { letter-spacing: 0 !important; text-transform: none !important; }
@media (max-width: 800px) {
  html[lang="hi"] .contact-intro h2.k-title, html[lang="hi"] .universe h2.k-title, html[lang="hi"] .funding h2.k-title, html[lang="hi"] .filmmakers h2.k-title, html[lang="hi"] .posters h2.k-title, html[lang="hi"] .statements .k-title { font-size: 34px !important; }
}
html[lang="hi"] .filmmakers h2.k-title { font-family: 'Barlow Condensed', 'Noto Sans Devanagari', sans-serif !important; font-weight: 600 !important; line-height: .95 !important; text-transform: uppercase !important; }
html[lang="hi"] .person-name { font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.2 !important; font-size: clamp(34px, 4vw, 56px) !important; }

/* The Latin "liquid glass" lettering (gradient fill + 1px stroke) shows every glyph overlap in
   Devanagari as stray lines. Hindi story lines use a solid fill with a soft shadow instead. */

/* After the Creator (spoiler popup) */
html[lang="hi"] .sp-bar-label, html[lang="hi"] .sp-close, html[lang="hi"] .sp-small, html[lang="hi"] .sp-btn, html[lang="hi"] .sp-q-count, html[lang="hi"] .sp-penalty, html[lang="hi"] .sp-hint, html[lang="hi"] .sp-label, html[lang="hi"] .sp-note, html[lang="hi"] .sp-count-label, html[lang="hi"] .sp-gloss, html[lang="hi"] .sp-doc dt, html[lang="hi"] .sp-motto span, html[lang="hi"] .sp-sinner span, html[lang="hi"] .sp-statement figcaption, html[lang="hi"] .sp-open, html[lang="hi"] .sp-crumb, html[lang="hi"] .sp-live { letter-spacing: 0 !important; text-transform: none !important; }
html[lang="hi"] .sp-small, html[lang="hi"] .sp-penalty, html[lang="hi"] .sp-label, html[lang="hi"] .sp-note, html[lang="hi"] .sp-count-label { font-size: 13px !important; }
html[lang="hi"] .sp-btn, html[lang="hi"] .sp-open { font-size: 14px !important; }
html[lang="hi"] .sp-title, html[lang="hi"] .sp-q, html[lang="hi"] .sp-line, html[lang="hi"] .sp-faith, html[lang="hi"] .sp-last p, html[lang="hi"] .sp-end .sp-ugly {
  font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.25 !important;
}
html[lang="hi"] .af-big { font-size: clamp(30px, 4.4vw, 60px); }
html[lang="hi"] .af-last { font-size: clamp(26px, 3.6vw, 48px); }
html[lang="hi"] .af-faith-name { font-size: clamp(26px, 3vw, 38px) !important; text-transform: none !important; }
html[lang="hi"] .af-headline { font-family: 'Noto Serif Devanagari', serif; font-weight: 700; text-transform: none; line-height: 1.3; font-size: clamp(26px, 3.8vw, 52px); }
html[lang="hi"] .af-statement blockquote { font-family: 'Noto Serif Devanagari', serif; font-size: clamp(22px, 2.8vw, 34px); line-height: 1.5; }
html[lang="hi"] .af-paper-text b { font-family: 'Gz Blackletter', serif; }

/* ── Readability: Devanagari has a small x-height, so it needs a larger size than Latin ──
   Bump the shared type scale, then lift the hard-coded small text (labels, nav, captions, buttons). */
html[lang="hi"] { --k-t-body: 21px; --k-t-small: 18px; --k-t-label: 15px; }
@media (max-width: 800px) { html[lang="hi"] { --k-t-body: 19px; --k-t-small: 17px; --k-t-label: 14px; } }
html[lang="hi"] p, html[lang="hi"] li, html[lang="hi"] dd, html[lang="hi"] .k-body { font-size: max(1em, var(--k-t-body)); }
html[lang="hi"] .k-pull { font-size: clamp(30px, 3.2vw, 46px) !important; }
html[lang="hi"] .eyebrow, html[lang="hi"] .k-kicker, html[lang="hi"] .k-label, html[lang="hi"] .k-link, html[lang="hi"] summary, html[lang="hi"] .site-header nav a, html[lang="hi"] .subtitle, html[lang="hi"] .music-text, html[lang="hi"] .poster-card span, html[lang="hi"] .art-foot p, html[lang="hi"] .person-role, html[lang="hi"] .person-work-meta, html[lang="hi"] .person-group-title, html[lang="hi"] .person-work-heading, html[lang="hi"] .after .k-kicker, html[lang="hi"] .after-warn, html[lang="hi"] .after-q-count, html[lang="hi"] .af-note, html[lang="hi"] .af-faith-gloss, html[lang="hi"] .af-doctrine dt, html[lang="hi"] .af-motto span, html[lang="hi"] .af-statement figcaption, html[lang="hi"] .af-paper-text span, html[lang="hi"] .af-paper-cta { font-size: max(1em, var(--k-t-label)) !important; line-height: 1.6; }
html[lang="hi"] .k-link, html[lang="hi"] summary, html[lang="hi"] .site-header nav a, html[lang="hi"] .after-open, html[lang="hi"] .k-gate-enter, html[lang="hi"] button { font-size: max(1em, var(--k-t-small)) !important; }
html[lang="hi"] .af-line, html[lang="hi"] .af-doctrine dd, html[lang="hi"] .after-opt, html[lang="hi"] .dream-question { font-size: clamp(19px, 1.6vw, 23px); }
html[lang="hi"] :is(#chronicle-viewer,#aftermath-viewer) .gazette p { font-size: max(1em, 16px); }
html[lang="hi"] .sp-title { font-size: clamp(40px, 6vw, 84px) !important; }
html[lang="hi"] .sp-q { font-size: clamp(22px, 2.6vw, 32px) !important; line-height: 1.4 !important; }
html[lang="hi"] .sp-line { font-size: clamp(34px, 6vw, 88px) !important; }
html[lang="hi"] .sp-end .sp-ugly { font-size: clamp(44px, 8vw, 120px) !important; }
html[lang="hi"] .sp-last p { font-size: clamp(28px, 4vw, 56px) !important; }
html[lang="hi"] .sp-faith { font-family: 'Barlow Condensed', sans-serif !important; text-transform: uppercase !important; }
html[lang="hi"] .sp-cap, html[lang="hi"] .sp-read p, html[lang="hi"] .sp-duo p, html[lang="hi"] .sp-end p, html[lang="hi"] .sp-doc dd, html[lang="hi"] .sp-opt, html[lang="hi"] .sp-lede { font-family: 'Noto Sans Devanagari', Arial, sans-serif !important; line-height: 1.8 !important; }
html[lang="hi"] .sp-headline { font-family: 'Noto Serif Devanagari', serif !important; font-weight: 700 !important; line-height: 1.3 !important; font-size: clamp(28px, 3.6vw, 46px) !important; }
html[lang="hi"] .sp-art-main > p, html[lang="hi"] .sp-standfirst { font-family: 'Noto Serif Devanagari', serif !important; line-height: 1.8 !important; }
html[lang="hi"] .sp-sinner b { font-family: 'Noto Serif Devanagari', serif; font-weight: 700; }
html[lang="hi"] .sp-statement blockquote { font-family: 'Noto Serif Devanagari', serif; font-size: clamp(24px, 3.2vw, 42px); line-height: 1.5; }
html[lang="hi"] .sp-count .sp-num { font-family: 'Barlow Condensed', sans-serif; }

html[lang="hi"] .sp-bigcap { font-family: 'Noto Sans Devanagari', 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.25 !important; font-size: clamp(38px, 7.2vw, 112px) !important; }
@media (max-width: 800px) { html[lang="hi"] .sp-bigcap { font-size: clamp(34px, 10vw, 60px) !important; } }
html[lang="hi"] .hero-title .subtitle { letter-spacing: .04em !important; font-size: clamp(16px, 1.6vw, 22px) !important; font-weight: 600 !important; }
/* Hero tagline and way-in: Devanagari is barely tracked, so no tracking compensation */
html[lang="hi"] .hero-title .subtitle, html[lang="hi"] .hero-bottom .enter { text-indent: 0 !important; }
html[lang="hi"] .hero-title .subtitle::after { margin-left: 0 !important; }
html[lang="hi"] .hero-bottom .enter { letter-spacing: .04em !important; font-size: 13px !important; }
@media (max-width: 800px) { html[lang="hi"] .hero-title .subtitle { margin-top: 18px; } }