/* House of Zejd — typography aligned with the approved PDF designs (HOZ2 Website Pages - Final.pdf).
   PDF rules: section titles = Unna Regular, UPPERCASE, ~30px, #414141, no italics.
              sub-titles     = Unna Bold, sentence case, ~22px.
              body           = Catamaran Regular, #414141.
              links          = Catamaran Regular, olive #6b7243, "Learn More ⟶".
              navigation     = Catamaran Medium, UPPERCASE, ~12.5px.
   Loaded last, so it overrides the earlier editorial heading style without touching layout. */

:root { --ink-muted: #414141; --pdf-title: clamp(25px, 2.15vw, 31px); --pdf-sub: clamp(19px, 1.55vw, 22px); }

/* ---------- section titles: UPPERCASE Unna Regular, no italic accents ---------- */
.hz .hz-display,
.hz .hz-h1,
.hz .hz-h2,
.hz-heading .hz-display,
.hz-intro .hz-h1,
.hz-act-copy h2,
.hz-cpanel-copy h2,
.hz-coll-copy h2,
.hz-ct-card h2,
.hz-exp-intro-title,
.hz-hh h1,
.hz-quote blockquote,
.hz-making blockquote,
.hz-lux .hz-display,
.hz-why .hz-display,
.hz-heritage .hz-display,
.hz-band-photo .panel .hz-display,
.hz-franchise-band .hz-display,
.hz-subscribe--slim .hz-display {
  font-family: var(--font-display);
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: var(--pdf-title);
  line-height: 1.25;
}
.hz .hz-display em, .hz .hz-h1 em, .hz .hz-h2 em, .hz-quote blockquote em, .hz-making blockquote em,
.hz-act-copy h2 em, .hz-cpanel-copy h2 em { font-style: normal; color: inherit; }
/* dark sections keep their light title colour, but no gold italics */
.hz-lux .hz-display em, .hz-why .hz-display em, .hz-heritage .hz-display em, .hz-franchise-band .hz-display em { color: inherit; font-style: normal; }
/* the two large quotes read as titles in the PDF style, a step smaller */
.hz-quote blockquote, .hz-making blockquote { font-size: clamp(21px, 1.8vw, 26px); line-height: 1.45; letter-spacing: .02em; }

/* ---------- hero titles: same voice, larger ---------- */
.hz-slide-copy h1, .hz-slide-copy h2, .hz-page-hero h1 {
  font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: .04em;
  font-size: clamp(34px, 4vw, 58px); line-height: 1.12;
}
.hz-slide-copy h1 em, .hz-slide-copy h2 em, .hz-page-hero h1 em { font-style: normal; color: inherit; }

/* ---------- sub-titles: Unna Bold, sentence case ---------- */
.hz .hz-h3,
.hz-fr-why-title, .hz-intro .hz-sub, .hz-fr-col h3, .hz-why-card p,
.hz-timeline-h h3, .hz-award h3, .hz-way h3, .hz-act-card .hz-h2, .hz-tile-label .hz-h2,
.hz-xform .hz-fs > legend, .hz-fr-form-title, .hz-souri-lead, .hz-ct-card .hz-ct-lead,
.hz-gift .hz-h3, .hz-lux-list b, .hz-duo-item .t, .hz-panel-body h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
}
.hz-fr-why-title, .hz-fr-col h3, .hz-timeline-h h3, .hz-way h3, .hz-act-card .hz-h2 { font-size: var(--pdf-sub); line-height: 1.3; }
.hz-why-card p { font-size: 19px; line-height: 27px; }
.hz-award h3 { font-size: 18px; line-height: 24px; }
.hz-xform .hz-fs > legend { font-size: 18px; }
.hz-duo-item .t { font-size: clamp(26px, 2.6vw, 36px); }
.hz-duo-item .t em, .hz-souri-lead em { font-style: normal; color: inherit; }
.hz-souri-col.right .hz-souri-lead { font-style: normal; color: var(--ink); font-size: 21px; line-height: 28px; }
.hz-ct-card .hz-ct-lead { font-size: 17px; }
/* the PDF's form heading: Unna Bold, uppercase */
.hz-fr-form-title { text-transform: uppercase; font-size: clamp(18px, 1.5vw, 22px); letter-spacing: .02em; color: #030303; }

/* experience / gift / activity item titles: Unna Regular UPPERCASE (PDF experiences page) */
.hz-zz-text h3, .hz-gift .hz-h3, .hz-exp-row h3 { font-weight: 400; text-transform: uppercase; letter-spacing: .06em; font-size: clamp(18px, 1.5vw, 21px); }

/* ---------- body ---------- */
.hz { color: var(--ink-muted); }
.hz p, .hz li { color: inherit; }
.hz-lead { font-weight: 400; color: var(--ink-muted); }

/* ---------- links: "Learn More ⟶" in sentence case, olive ---------- */
.hz-link, .hz-way .go, .hz-pcard .go, .hz-ix-row .go, .hz-panel-body .go, .hz-act-loc a, .hz-duo-item .go {
  font-family: var(--font-sans); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 17px; color: #6b7243;
}
.hz-panel-body .go, .hz-duo-item .go { color: var(--gold); }
.hz-act--dark .hz-act-loc a { color: var(--gold); }

/* ---------- navigation: Catamaran Medium UPPERCASE ---------- */
.hz-nav { font-family: var(--font-sans); font-weight: 500; font-size: 12.5px; letter-spacing: .1em; }
.hz-footer nav { font-weight: 500; letter-spacing: .1em; }

/* ---------- small labels (eyebrows): quieter, closer to the PDF's grey ---------- */
.hz-eyebrow { font-weight: 500; letter-spacing: .14em; color: #6b7243; }
.hz-lux .hz-eyebrow, .hz-why .hz-eyebrow, .hz-heritage .hz-eyebrow, .hz-act--dark .hz-eyebrow,
.hz-slide-copy .hz-eyebrow, .hz-franchise-band .hz-eyebrow, .hz-duo-item .hz-eyebrow { color: var(--gold); }

/* ---------- numerals: upright, not italic ---------- */
.hz-way .n, .hz-why-card .n, .hz-act-num, .hz-coll-num, .hz-ct-n, .hz-fr-col-n, .hz-ctabs button .n, .hz-panel-n, .hz-lux-list .num { font-style: normal; }
