/* Azyan Jeddah brand layer. Palette and type from the brand manual.
   Navy #415f66, Dark navy #2e4a52, Matte gold #bfa082, Cream #f2ece2.
   Arabic titles: Kufam. Arabic body: Estedad.
   English titles: Arnika. English body: Sofia Pro. */
@font-face {
  font-family: "Arnika";
  src: url("/op2/fonts/brand/Arnika-Variable.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arnika";
  src: url("/op2/fonts/brand/Arnika-Variable.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("/op2/fonts/brand/SofiaPro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("/op2/fonts/brand/SofiaPro-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("/op2/fonts/brand/SofiaPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --az-navy: #415f66;
  --az-navy-dark: #2e4a52;
  --az-gold: #bfa082;
  --az-gold-deep: #a68568;
  --az-cream: #f2ece2;
  --az-title: "Arnika", "Kufam", system-ui, sans-serif;
  --az-body: "Sofia Pro", "Estedad", system-ui, sans-serif;
}
html, body, .font-sans {
  font-family: var(--az-body);
}
body {
  color: var(--az-navy-dark);
  background-color: var(--az-cream);
}
h1, h2, h3, h4, h5, h6, .font-display {
  font-family: var(--az-title);
  letter-spacing: 0;
  line-height: 1.35;
}
/* Kufam draws above a tight line box. The gradient on the big 900 only paints
   inside that box, so the top of the digit was disappearing. */
#about [data-stats] .font-display {
  line-height: 1.12;
  padding-top: 0.06em;
}
#about > .font-display {
  line-height: 1.15;
  top: 9%;
}
#models h2.font-display {
  line-height: 1.45;
  padding-top: 0.14em;
  overflow: visible;
}
/* Kufam ships Bold (700). 800/900 were being faked and smearing the Arabic. */
.font-extrabold,
.font-black,
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
/* Stat index "01" is a flex item; without nowrap it collapses to one digit per line. */
.tabular-nums {
  white-space: nowrap;
  flex-shrink: 0;
}
/* Keep م² attached to the Arabic word instead of jumping toward the Latin digits. */
sup.az-m2 {
  font-family: var(--az-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;
}