/* ==========================================================================
   English page (/en/): loaded after the shared stylesheets. The layout mirrors itself through the
   flow-relative properties and --dir, and sizes come from the shared type scale; this file only holds
   what differs for English copy.
   ========================================================================== */

/* Manrope for every text role (the Arabic families have no matching Latin voice) */
:root {
  --font-kufi: var(--font-manrope);
  --font-plex: var(--font-manrope);
  --font-cairo: var(--font-manrope);
}

/* Hero word mark: "USS" sizes the mark, with the lime square above its first letter */
.hero__logo { width: max-content; }
.hero__logo-word { position: relative; top: 8px; display: block; font-weight: 800; letter-spacing: -1px; } /* Latin caps sit lower in the line box than the Arabic word */

/* ---------- Desktop (Figma frame geometry) ---------- */
@media (min-width: 1280px) {
  /* Service cards: copy spans the card */
  .service-grid .service-card__text { width: auto; inset-inline-end: 31px; }
}