/* ───────────────────────────────────────────────────────────
   mory — Typography
   Display: EB Garamond, weight 300, tight tracking, ligatures OFF.
   Body: Inter +0.16px tracking, ~16.5px. Titles: Inter 500.
   Micro-labels: JetBrains Mono. Eyebrows: Inter 600 uppercase.
   ─────────────────────────────────────────────────────────── */
:root{
  /* families */
  --font-display: "EB Garamond", "Times New Roman", serif;
  --font-sans:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* display scale (EB Garamond 300) */
  --display-mega: clamp(48px, 7.2vw, 96px); /* @kind font */ /* homepage hero h1 */
  --display-xl:   clamp(44px, 6vw, 72px);   /* @kind font */ /* sub-page heroes */
  --display-lg:   clamp(32px, 4vw, 52px);   /* @kind font */ /* section heads (h2) */
  --display-md:   clamp(28px, 3vw, 40px);   /* @kind font */ /* feature heads */
  --display-sm:   clamp(22px, 2.4vw, 28px); /* @kind font */ /* card group titles (h3) */

  /* weights */
  --weight-display: 300;  /* never bold display */
  --weight-body:    400;
  --weight-medium:  500;
  --weight-semibold:600;

  /* tracking */
  --track-mega: -0.032em;
  --track-xl:   -0.025em;
  --track-lg:   -0.02em;
  --track-sm:   -0.015em;
  --track-body: 0.16px;     /* editorial body dialect */
  --track-eyebrow: 0.08em;
  --track-mono: 0.1em;

  /* body / ui sizes */
  --text-body:   16.5px;
  --text-lede:   clamp(17px, 1.4vw, 20px);
  --text-small:  14.5px;
  --text-title:  19px;      /* component titles, Inter 500 */
  --text-eyebrow:12.5px;
  --text-button: 15.5px;
  --text-nav:    14px;
  --text-mono:   11px;      /* micro-labels */

  --leading-tight: 1.05;
  --leading-body:  1.62;
}

/* Display headings — the editorial signature */
.mory-display{
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  letter-spacing: var(--track-lg);
  color: var(--ink);
  line-height: var(--leading-tight);
  text-wrap: balance;
  /* kill old-style st/ft/fi/ct ligatures — they read as "damaged" */
  font-variant-ligatures: none;
  -webkit-font-feature-settings: "liga" 0,"clig" 0,"dlig" 0,"hlig" 0;
  font-feature-settings: "liga" 0,"clig" 0,"dlig" 0,"hlig" 0;
}

/* Accent words: ink→grey fade (text-clip). Never italic, never colored.
   On dark bands they go peach (handled inline / by .mory-on-dark). */
.mory-accent-word{
  font-style: normal;
  font-weight: var(--weight-display);
  background: linear-gradient(105deg, var(--ink) 30%, #8f897e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #8f897e;
}

/* Eyebrow — Inter 600 uppercase */
.mory-eyebrow{
  font-family: var(--font-sans);
  font-size: var(--text-eyebrow);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--track-eyebrow);
  text-transform: uppercase;
  color: var(--muted);
}

/* Micro-label — JetBrains Mono */
.mory-mono{
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  font-weight: var(--weight-medium);
  letter-spacing: var(--track-mono);
}