/* ==================================================================
   Hipstoeren Headless — typography.css
   Concept rules copied VERBATIM from /concept-hsh/assets/concept.css,
   theme additions below the marker. No !important in this layer.
================================================================== */

/* ── typografie ──────────────────────────────────────────────── */
.eyebrow{
  display:flex;align-items:center;gap:12px;font-family:var(--f);
  font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
  color:var(--olive);margin:0 0 20px;
}
.eyebrow::before{content:'';width:26px;height:1px;background:currentColor;opacity:.55;flex:none}
.eyebrow--c{justify-content:center}
.eyebrow--c::after{content:'';width:26px;height:1px;background:currentColor;opacity:.55;flex:none}

.h-sec{font-size:clamp(29px,4.1vw,54px);font-weight:200;letter-spacing:-.03em;line-height:1.06}
.h-sec em{font-style:normal;font-weight:400}
.h-sec i{font-style:italic;font-weight:300;color:var(--olive)}
.lead{color:var(--olive);font-size:clamp(14.5px,1.05vw,16.5px);line-height:1.85;max-width:56ch;margin:20px 0 0;font-weight:300}
.lead--c{margin-inline:auto;text-align:center}
.num{font-family:var(--f);font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--blush)}


/* ── theme additions ─────────────────────────────────────────── */