/* Azyan Albashaer — Branding V3
   Cream #EFE8E1, taupe #B79F8B, bronze #A8763E,
   deep brown #352211, brown #543829.
   English: Romen Medium. Arabic titles: Laureen Zaza Text.
   Arabic body: Droid Arabic Kufi. */
/* Romen's figures rise past the line box and get sliced. Digits fall through to Droid. */
@font-face {
  font-family: "Romen";
  src: url("/op2/fonts/brand/Romen-Medium.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+00A0-02FF, U+2000-206F;
}
@font-face {
  font-family: "Romen";
  src: url("/op2/fonts/brand/Romen-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+00A0-02FF, U+2000-206F;
}
@font-face {
  font-family: "Romen";
  src: url("/op2/fonts/brand/Romen-Medium.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+00A0-02FF, U+2000-206F;
}
@font-face {
  font-family: "Romen";
  src: url("/op2/fonts/brand/Romen-Medium.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+00A0-02FF, U+2000-206F;
}
@font-face {
  font-family: "Laureen Zaza Text";
  src: url("/op2/fonts/brand/LaureenZazaText-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "Laureen Zaza Text";
  src: url("/op2/fonts/brand/LaureenZazaText-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "Laureen Zaza Text";
  src: url("/op2/fonts/brand/LaureenZazaText-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "Laureen Zaza Text";
  src: url("/op2/fonts/brand/LaureenZazaText-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "Laureen Zaza Text";
  src: url("/op2/fonts/brand/LaureenZazaText-Bold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
/* Digits are declared first so 1,041 uses Droid, not Romen's overflowing figures. */
@font-face {
  font-family: "AbDigits";
  src: url("/op2/fonts/droid-arabic-kufi/DroidKufi-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+002C, U+00B2, U+0660-0669;
}
@font-face {
  font-family: "AbDigits";
  src: url("/op2/fonts/droid-arabic-kufi/DroidKufi-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+002C, U+00B2, U+0660-0669;
}
@font-face {
  font-family: "AbDigits";
  src: url("/op2/fonts/droid-arabic-kufi/DroidKufi-Bold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+002C, U+00B2, U+0660-0669;
}
:root {
  --ab-title: "AbDigits", "Romen", "Laureen Zaza Text", "Droid Arabic Kufi", system-ui, sans-serif;
  --ab-body: "AbDigits", "Romen", "Droid Arabic Kufi", system-ui, sans-serif;
}
html, body, .font-sans {
  font-family: var(--ab-body);
}
h1, h2, h3, h4, .font-display {
  font-family: var(--ab-title);
  font-synthesis: none;
}
/* The stat gradient was clipped to a 0.82 line box. Digits are Droid;
   the box is tall enough that the caps stay inside the section. */
#about [data-stats] .font-display {
  line-height: 1.35;
  padding-top: 0.2em;
  padding-bottom: 0.06em;
  color: #543829;
  -webkit-text-fill-color: #543829;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  overflow: visible;
}
#about > .font-display {
  line-height: 1.08;
}
.tabular-nums {
  white-space: nowrap;
  flex-shrink: 0;
}
sup.az-m2 {
  font-family: var(--ab-body);
  font-size: 0.62em;
  font-weight: 700;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: -0.45em;
  margin-inline-start: 0.04em;
  unicode-bidi: isolate;
}