/* ============================================================
   Al Arabi Decor — English homepage typography layer
   Loads AFTER tokens.css + main.css. Same identity; only the
   script-specific proportions change for Latin (LTR) text.
   No colours, no layout — the shared system carries those.
   ============================================================ */
:root{
  /* Display voice → the loaded high-contrast Latin serif (Cormorant Garamond) */
  --font-display-ar:"Cormorant Garamond", Didot, "Bodoni MT", Georgia, serif;
  /* Latin proportions: tighter display leading, comfortable body leading */
  --leading-display:1.14;
  --leading-body:1.6;
}
/* Cormorant is a light-contrast serif — 600 holds presence at display sizes */
.hero-title,.h2,.manifesto-line,.commission h2,.heritage blockquote,
.tradition-label b,.partner b,.craft-name,.stat b,.site-footer h3,
.sector-tile b,.sector-tile .cap-main b,.lang-card .cap b,.timeline b,
.making-step figcaption b,.brand-name{ font-weight:600 }

/* Editorial eyebrow labels — uppercase, tracked (Latin convention) */
.eyebrow{ text-transform:uppercase; letter-spacing:.16em }
.brand-since{ letter-spacing:.22em }

/* English lines run longer than Arabic — hold a comfortable measure */
.hero-identity,.hero-support{ max-inline-size:54ch }
.craft-desc{ max-inline-size:56ch }

/* Hero title: a touch tighter tracking so the Latin serif reads carved, not loose */
.hero-title{ letter-spacing:-.005em }

/* Crafts index: give the English name + technique tag clean spacing */
.craft-name{ letter-spacing:.005em }
.craft-en{ text-transform:uppercase; letter-spacing:.12em; font-size:.72rem }

/* Meta labels already uppercase in the shared CSS — keep them crisp */
.glimpse-item figcaption .meta,.tradition-label span{ letter-spacing:.14em }

/* Editorial statement — the second line is italic Cormorant, a restrained emotional focus */
.manifesto-line .carve{ font-style:italic; font-size:1.16em }