/* Founder's choice for English and Turkish: Big Shoulders Display (condensed, uppercase)
   for every display line, Martian Mono for small labels — the type of the first MoviMax site.
   Scoped to non-RTL pages; Arabic stays Cairo (arabic-cairo.css, loaded after this file). */
:root {
  --display: "Big Shoulders Display", "Archivo", sans-serif;
  --mono: "Martian Mono", ui-monospace, monospace;
}

/* display lines */
html:not([dir="rtl"]) :is(.h2, .hero__title, .fact dt, .cards__line, .frame__name, .film__title, .reel__end-h,
  .inspector__time, .inspector__stage, .clock__city b, .city__points h3, .city__n, .brief__h, .brief__phone,
  .credits__h, .credits__billing b, .direct__h, .menu nav a, .ticker span) {
  font-family: var(--display);
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.005em;
}
html:not([dir="rtl"]) :is(.h2, .hero__title, .fact dt, .cards__line, .frame__name, .film__title, .reel__end-h,
  .inspector__time, .inspector__stage, .clock__city b, .city__points h3, .city__n, .brief__h, .brief__phone,
  .credits__h, .credits__billing b, .direct__h, .menu nav a) :is(em, i, b, span) {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
}
html:not([dir="rtl"]) em { font-style: normal; }

/* the condensed face needs more size and tighter leading than the serif it replaces */
html:not([dir="rtl"]) .hero__title { font-size: clamp(54px, 9vw, 156px); line-height: .88; }
html:not([dir="rtl"]) .direct__h { font-size: clamp(58px, 9vw, 164px); line-height: .86; }
html:not([dir="rtl"]) .brief__h { font-size: clamp(50px, 8.4vw, 152px); line-height: .88; }
html:not([dir="rtl"]) .h2 { font-size: clamp(40px, 5.6vw, 92px); line-height: .92; }
html:not([dir="rtl"]) .cards__line { font-size: clamp(46px, 7.4vw, 132px); line-height: .9; }
html:not([dir="rtl"]) .fact dt { font-size: clamp(58px, 6.6vw, 110px); line-height: .9; }
html:not([dir="rtl"]) .credits__h { line-height: .92; }
html:not([dir="rtl"]) .credits__billing b { font-size: clamp(42px, 5vw, 84px); line-height: .92; }
html:not([dir="rtl"]) :is(.frame__name, .film__title, .reel__end-h, .city__points h3, .inspector__stage) { line-height: .95; }
html:not([dir="rtl"]) .frame__name { font-size: clamp(26px, 2.6vw, 42px); }
html:not([dir="rtl"]) .film__title { font-size: clamp(30px, 2.7vw, 44px); }
html:not([dir="rtl"]) .menu nav a { font-size: 52px; line-height: 1; }

/* running text that used the serif goes to the text face, upright */
html:not([dir="rtl"]) :is(.lede, .frames__more li, .paper__b, .credits__roll dd, .film__q b) {
  font-family: var(--sans);
  font-style: normal;
  letter-spacing: 0;
}
html:not([dir="rtl"]) .lede { font-size: clamp(19px, 1.7vw, 26px); line-height: 1.45; font-weight: 400; }
html:not([dir="rtl"]) .credits__roll dd { font-size: clamp(16px, 1.3vw, 20px); }

/* small labels, slates, timecodes */
html:not([dir="rtl"]) :is(.slug, .hero__clip, .hero__live, .hero__tc, .cards__meta, .frame__meta, .frame__matte,
  .frame__label, .frames__more-h, .film__edge, .film__badge, .film__q, .film__spec, .paper__k, .viewer__ov em,
  .viewer__hud, .split__l, .split__r, .qc__list, .qc__lab, .inspector__dl dt, .tl__lab, .brief__phone span,
  .credits__roll dt, .credits__billing span, .scrub, .direct__kicker, .slate__grid .k, .osd, .vis-label,
  .deck legend, .opt-b .m, .note__k, .brief__mono, .foot__h, .frames__more li span) {
  font-family: var(--mono);
  letter-spacing: .06em;
}
/* the screenplay pages keep their typewriter face */
html:not([dir="rtl"]) :is(.viewer__paper--script, .sp__slug, .sp__ch, .sp__tr) { font-family: var(--script); }

/* Latin fragments inside the Arabic page (timecodes, readouts) */
[dir="rtl"] :is(.hero__tc, .scrub__tc, .film__tc, .inspector__time) { font-family: var(--mono); }

/* header nav, language switch and buttons: mono caps, like the first site */
html:not([dir="rtl"]) :is(.hdr__nav a, .lang a:not([lang="ar"]), .btn, .hdr__menu) {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}
html:not([dir="rtl"]) .btn--lg { font-size: 13px; }

/* Martian Mono is wider than the old label face: keep film cards inside their column */
.film { min-width: 0; max-width: 100%; }
.film__edge { overflow: hidden; white-space: nowrap; }
.film__spec { white-space: normal; overflow-wrap: anywhere; }

/* Turkish capitals carry dots, breves and cedillas (İ Ö Ü Ğ Ç Ş): open the leading so stacked lines never touch */
html[lang="tr"] :is(.hero__title, .direct__h, .brief__h) { line-height: .98; }
html[lang="tr"] :is(.h2, .cards__line, .fact dt, .credits__h, .credits__billing b) { line-height: 1; }