/* =============================================
   TYPOGRAPHY — KochajSię.pl
   ============================================= */

/* ─── DISPLAY HEADINGS ───────────────────────── */
.t-hero {
     font-family: var(--serif);
     font-size: clamp(54px, 6vw, 96px);
     font-weight: 700;
     line-height: 1.04;
     letter-spacing: -.025em;
     color: var(--ink);
}

.t-hero em {
     font-style: italic;
     color: var(--r5);
}

.t-xl {
     font-family: var(--serif);
     font-size: clamp(40px, 4.5vw, 72px);
     font-weight: 700;
     line-height: 1.08;
     letter-spacing: -.02em;
}

.t-xl em {
     font-style: italic;
     color: var(--r5);
}

.t-lg {
     font-family: var(--serif);
     font-size: clamp(30px, 3.2vw, 52px);
     font-weight: 700;
     line-height: 1.12;
     letter-spacing: -.018em;
}

.t-lg em {
     font-style: italic;
     color: var(--r5);
}

.t-md {
     font-family: var(--serif);
     font-size: clamp(24px, 2.5vw, 38px);
     font-weight: 700;
     line-height: 1.18;
     letter-spacing: -.012em;
}

.t-md em {
     font-style: italic;
     color: var(--r5);
}

.t-sm {
     font-family: var(--serif);
     font-size: clamp(20px, 2vw, 28px);
     font-weight: 700;
     line-height: 1.22;
}

/* ─── LABELS & BODY ──────────────────────────── */
.eyebrow {
     font-family: var(--sans);
     font-size: 11px;
     font-weight: 700;
     letter-spacing: .15em;
     text-transform: uppercase;
     color: var(--r4);
     display: block;
     margin-bottom: 14px;
}

.lead {
     font-family: var(--sans);
     font-size: 17px;
     font-weight: 300;
     line-height: 1.78;
     color: var(--ink2);
}

.body {
     font-size: 16px;
     font-weight: 300;
     color: var(--ink2);
     line-height: 1.82;
}

/* ─── DIVIDER ────────────────────────────────── */
.divider {
     width: 44px;
     height: 2.5px;
     background: var(--r4);
     margin: 20px 0;
}

.divider.c {
     margin: 20px auto;
}