/* The Thursday Times: design tokens, generated from the identity's tokens.json (The Thursday Times 1). Do not edit by hand: tools/tokens.py. */
@font-face { font-family: "Chivo"; src: url("../fonts/Chivo-VariableFont_wght.woff2?v=3") format("woff2"), url("../fonts/Chivo-VariableFont_wght.ttf?v=3") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-017F, U+0131, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0304, U+0308, U+2000-206F, U+20A8, U+20AC, U+20B9, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/SourceSerif4-VariableFont_wght.woff2?v=3") format("woff2"), url("../fonts/SourceSerif4-VariableFont_wght.ttf?v=3") format("truetype"); font-weight: 300 700; font-style: normal; font-display: swap; unicode-range: U+0000-017F, U+0131, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0304, U+0308, U+2000-206F, U+20A8, U+20AC, U+20B9, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Serif"; src: url("../fonts/InstrumentSerif-Regular.woff2?v=3") format("woff2"), url("../fonts/InstrumentSerif-Regular.ttf?v=3") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-Variable.woff2?v=3") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans"; src: url("../fonts/AlegreyaSans-Regular.woff2?v=3") format("woff2"), url("../fonts/AlegreyaSans-Regular.ttf?v=3") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-017F, U+0131, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0304, U+0308, U+2000-206F, U+20A8, U+20AC, U+20B9, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans"; src: url("../fonts/AlegreyaSans-Medium.woff2?v=3") format("woff2"), url("../fonts/AlegreyaSans-Medium.ttf?v=3") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0000-017F, U+0131, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0304, U+0308, U+2000-206F, U+20A8, U+20AC, U+20B9, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans"; src: url("../fonts/AlegreyaSans-Bold.woff2?v=3") format("woff2"), url("../fonts/AlegreyaSans-Bold.ttf?v=3") format("truetype"); font-weight: 600 700; font-style: normal; font-display: swap; unicode-range: U+0000-017F, U+0131, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0304, U+0308, U+2000-206F, U+20A8, U+20AC, U+20B9, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; src: url("../fonts/Montserrat-VariableFont_wght.woff2?v=3") format("woff2"), url("../fonts/Montserrat-VariableFont_wght.ttf?v=3") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-017F, U+0131, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0304, U+0308, U+2000-206F, U+20A8, U+20AC, U+20B9, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/IBMPlexSansArabic-Regular.woff2?v=3") format("woff2"), url("../fonts/IBMPlexSansArabic-Regular.ttf?v=3") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2212, U+2215, U+FB50-FDFF, U+FE70-FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/IBMPlexSansArabic-SemiBold.woff2?v=3") format("woff2"), url("../fonts/IBMPlexSansArabic-SemiBold.ttf?v=3") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2212, U+2215, U+FB50-FDFF, U+FE70-FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/IBMPlexSansArabic-Bold.woff2?v=3") format("woff2"), url("../fonts/IBMPlexSansArabic-Bold.ttf?v=3") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2212, U+2215, U+FB50-FDFF, U+FE70-FEFF, U+FFFD; }
/* The edition switch's one word, اردو, cut from Plex (2 KB a weight): an English page shows it without fetching the
   whole Urdu face for four letters. */
@font-face { font-family: "TT Urdu Word"; src: url("../fonts/TTUrduWord-SemiBold.woff2?v=3") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; unicode-range: U+0020, U+0627, U+062F, U+0631, U+0648; }
@font-face { font-family: "TT Urdu Word"; src: url("../fonts/TTUrduWord-Bold.woff2?v=3") format("woff2"); font-weight: 700 900; font-style: normal; font-display: swap; unicode-range: U+0020, U+0627, U+062F, U+0631, U+0648; }
/* Every face says which characters it carries (Latin; or Urdu, Arabic and the Latin that sits in Urdu text), so
   a browser never fetches a face for characters it will not find in it.
   Fallbacks matched to each face's measure (width, ascent, descent), so the page does not move when the face
   arrives: Arial's metrics where it is installed (and Liberation Sans, Arimo), Roboto on Android; Times New Roman
   (Liberation Serif, Tinos) and Noto Serif for the serifs. Latin only, so Urdu passes through to Plex. */
@font-face { font-family: "Chivo FB A"; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo"); font-weight: 100 500; size-adjust: 107.14%; ascent-override: 87.74%; descent-override: 23.33%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Chivo FB A"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"); font-weight: 600 900; size-adjust: 102.07%; ascent-override: 92.09%; descent-override: 24.49%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Chivo FB R"; src: local("Roboto"), local("Roboto-Regular"), local("Roboto Regular"); font-weight: 100 500; size-adjust: 107.08%; ascent-override: 87.79%; descent-override: 23.35%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Chivo FB R"; src: local("Roboto Bold"), local("Roboto-Bold"); font-weight: 600 900; size-adjust: 108.24%; ascent-override: 86.84%; descent-override: 23.10%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4 FB A"; src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("Tinos"); font-weight: 300 500; size-adjust: 114.00%; ascent-override: 90.88%; descent-override: 29.39%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4 FB A"; src: local("Times New Roman Bold"), local("TimesNewRomanPS-BoldMT"), local("Liberation Serif Bold"), local("LiberationSerif-Bold"), local("Tinos Bold"); font-weight: 600 700; size-adjust: 109.75%; ascent-override: 94.40%; descent-override: 30.52%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4 FB R"; src: local("Noto Serif"), local("NotoSerif"), local("NotoSerif-Regular"); font-weight: 300 500; size-adjust: 95.43%; ascent-override: 108.56%; descent-override: 35.10%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4 FB R"; src: local("Noto Serif Bold"), local("NotoSerif-Bold"); font-weight: 600 700; size-adjust: 92.06%; ascent-override: 112.53%; descent-override: 36.39%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Serif FB A"; src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("Tinos"); font-weight: 400; size-adjust: 84.35%; ascent-override: 117.37%; descent-override: 36.75%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Serif FB R"; src: local("Noto Serif"), local("NotoSerif"), local("NotoSerif-Regular"); font-weight: 400; size-adjust: 70.61%; ascent-override: 140.21%; descent-override: 43.90%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans FB A"; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo"); font-weight: 400 500; size-adjust: 86.95%; ascent-override: 92.00%; descent-override: 23.00%; line-gap-override: 23.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans FB R"; src: local("Roboto"), local("Roboto-Regular"), local("Roboto Regular"); font-weight: 400 500; size-adjust: 86.91%; ascent-override: 92.05%; descent-override: 23.01%; line-gap-override: 23.01%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans FB A"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"); font-weight: 600 700; size-adjust: 82.78%; ascent-override: 96.64%; descent-override: 24.16%; line-gap-override: 24.16%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Alegreya Sans FB R"; src: local("Roboto Bold"), local("Roboto-Bold"); font-weight: 600 700; size-adjust: 87.79%; ascent-override: 91.13%; descent-override: 22.78%; line-gap-override: 22.78%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat FB A"; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo"); font-weight: 100 500; size-adjust: 104.20%; ascent-override: 92.90%; descent-override: 24.09%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat FB A"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"); font-weight: 600 900; size-adjust: 105.23%; ascent-override: 91.99%; descent-override: 23.85%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat FB R"; src: local("Roboto"), local("Roboto-Regular"), local("Roboto Regular"); font-weight: 100 500; size-adjust: 112.59%; ascent-override: 85.97%; descent-override: 22.29%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat FB R"; src: local("Roboto Bold"), local("Roboto-Bold"); font-weight: 600 900; size-adjust: 113.77%; ascent-override: 85.08%; descent-override: 22.06%; line-gap-override: 0.00%; unicode-range: U+0000-024F, U+0259, U+02B0-02FF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2200-220D, U+220F-22FF, U+FB00-FB06, U+FEFF, U+FFFD; }

:root {
  --tt-ink: #000000;
  --tt-paper: #ffffff;
  --tt-orange: #ff4200;
  --tt-graphite: #5c5c5c;
  --tt-rule: #e2e2e2;
  --tt-mist: #f2f2f2;
  --tt-slate: #2e2e2e;
  --tt-accent: var(--tt-orange);
  --tt-focus: var(--tt-orange);
  --font-display: "Chivo", "Chivo FB A", "Chivo FB R", "IBM Plex Sans Arabic", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Source Serif 4", "Source Serif 4 FB A", "Source Serif 4 FB R", "IBM Plex Sans Arabic", Georgia, "Times New Roman", serif;
  --font-ui: "Alegreya Sans", "Alegreya Sans FB A", "Alegreya Sans FB R", "IBM Plex Sans Arabic", "Helvetica Neue", Arial, sans-serif;
  --font-urdu: "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;
  --font-pop: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; /* the words in pop-ups: the consent bar, the app bar, alerts */
  --font-edition: "TT Urdu Word", "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;
  --font-deck: "Instrument Serif", "Instrument Serif FB A", "Instrument Serif FB R", "IBM Plex Sans Arabic", "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-nav: "Montserrat", "Montserrat FB A", "Montserrat FB R", "IBM Plex Sans Arabic", "Helvetica Neue", Arial, sans-serif;
  --tt-space-1: 4px;
  --tt-space-2: 8px;
  --tt-space-3: 12px;
  --tt-space-4: 16px;
  --tt-space-5: 24px;
  --tt-space-6: 32px;
  --tt-space-7: 48px;
  --tt-space-8: 64px;
  --tt-space-9: 96px;
  --tt-radius: 0px;
  --tt-max-width: 1440px;
  --tt-columns-desktop: 12;
  --tt-gutter-desktop: 24px;
  --tt-margin-desktop: 48px;
  --tt-columns-phone: 4;
  --tt-gutter-phone: 16px;
  --tt-margin-phone: 20px;
  --tt-touch-target: 44px;
  --tt-rule-section-width: 3px;
  --tt-rule-item-width: 1px;
  --tt-focus-width: 3px;
  --tt-focus-offset: 3px;
  --tt-icon-stroke: 1.8px;
  --tt-move-fast: 300ms;
  --tt-move: 600ms;
  --tt-move-slow: 1200ms;
  --tt-blink: 2s;
  --tt-ease: cubic-bezier(0.7, 0, 0.2, 1);
  --tt-logo-min-wordmark: 120px;
  --tt-logo-min-stacked: 80px;
  --tt-logo-min-mark: 24px;
  --tt-favicon-cut: 32px;
  --tt-logo-header: 200px;
  --tt-video-bug-width: 150px;
  --tt-video-bug-margin: 64px;
  --tt-video-strap-box: 212px;
  --tt-video-strap-margin: 89px;
  --tt-video-strap-bar-max: 1200px;
  --tt-video-strap-label: 25px;
  --tt-video-strap-headline: 70px;
  --tt-vertical-clear-top: 250px;
  --tt-vertical-clear-bottom: 420px;
  --tt-vertical-clear-right: 190px;
  --tt-vertical-margin-left: 60px;
  --tt-vertical-caption: 72px;
  --tt-post-margin: 8.5%;
  --tt-thumbnail-panel: 55%;
  --tt-youtube-safe-width: 1546px;
  --tt-youtube-safe-height: 423px;
  --tt-bg: var(--tt-paper);
  --tt-text: var(--tt-ink);
  --tt-text-secondary: var(--tt-graphite);
  --tt-border: var(--tt-rule);
  --tt-panel: var(--tt-mist);
  --tt-font-display: var(--font-display);
  --tt-font-text: var(--font-text);
  --tt-font-ui: var(--font-ui);
  --tt-font-urdu: var(--font-urdu);
  --tt-rule-section: var(--tt-rule-section-width) solid var(--tt-text);
  --tt-rule-item: var(--tt-rule-item-width) solid var(--tt-border);
  --tt-focus-ring: var(--tt-focus-width) solid var(--tt-focus);
  color-scheme: light;
}
/* In Urdu the reading faces start with Plex: the serifs are never fetched just to measure a line or space a word
   on an Urdu page. English inside an Urdu page (lang="en") keeps its own. */
:lang(ur) { --font-text: "IBM Plex Sans Arabic", "Source Serif 4", "Source Serif 4 FB A", "Source Serif 4 FB R", Georgia, "Times New Roman", serif; --font-deck: "IBM Plex Sans Arabic", "Instrument Serif", "Instrument Serif FB A", "Instrument Serif FB R", "Source Serif 4", Georgia, "Times New Roman", serif; }
:lang(en) { --font-text: "Source Serif 4", "Source Serif 4 FB A", "Source Serif 4 FB R", "IBM Plex Sans Arabic", Georgia, "Times New Roman", serif; --font-deck: "Instrument Serif", "Instrument Serif FB A", "Instrument Serif FB R", "IBM Plex Sans Arabic", "Source Serif 4", Georgia, "Times New Roman", serif; }

/* Dark mode: paper and ink swap, graphite lightens, hairlines and panels darken, orange stays. */
html[data-theme="dark"] { --tt-bg: var(--tt-ink); --tt-text: var(--tt-paper); --tt-text-secondary: #a8a8a8; --tt-border: #3a3a3a; --tt-panel: #1c1c1c; color-scheme: dark; }
@media (prefers-color-scheme: dark) {
  html.tt-dark-auto:not([data-theme="light"]) { --tt-bg: var(--tt-ink); --tt-text: var(--tt-paper); --tt-text-secondary: #a8a8a8; --tt-border: #3a3a3a; --tt-panel: #1c1c1c; color-scheme: dark; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --tt-move-fast: 0ms; --tt-move: 0ms; --tt-move-slow: 0ms; }
}

/* The type scale. */
.tt-headline-xl { font-family: var(--font-display); font-size: 72px; line-height: 72px; font-weight: 900; letter-spacing: -0.025em; }
.tt-headline-l { font-family: var(--font-display); font-size: 36px; line-height: 37px; font-weight: 900; letter-spacing: -0.025em; }
.tt-headline-m { font-family: var(--font-display); font-size: 27px; line-height: 30px; font-weight: 900; letter-spacing: -0.025em; }
.tt-headline-s { font-family: var(--font-display); font-size: 19px; line-height: 24px; font-weight: 700; }
.tt-nav { font-family: var(--font-nav); font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0.16em; }
.tt-deck { font-family: var(--font-deck); font-size: 24px; line-height: 31px; font-weight: 400; }
.tt-body { font-family: var(--font-text); font-size: 18px; line-height: 30px; font-weight: 400; }
.tt-caption { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 400; }
.tt-urdu-headline { font-family: var(--font-urdu); font-size: 34px; line-height: 52px; font-weight: 700; }
.tt-urdu-body { font-family: var(--font-urdu); font-size: 19px; line-height: 38px; font-weight: 400; }
.tt-ui { font-family: var(--font-ui); font-size: 16px; line-height: 20px; font-weight: 600; }
.tt-ui-s { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 400; }