/* =====================================================================
   ROUND 29 · type: sans «Макіяж», editorial labels, Julia's numbers
   ===================================================================== */

/* «Макіяж» in the same sans as the section headings; «для себе» stays an italic serif */
.hx__h1 { font-family: var(--sc-font-display); font-weight: 800; letter-spacing: -0.055em; line-height: 0.9; color: #141110; }
.hx__h2 { margin-top: 0.06em; }

/* section labels: a short burgundy rule and widely tracked small caps, no monospace */
.label { display: inline-flex; align-items: center; gap: 10px; font-family: var(--sc-font-display); font-weight: 600; font-size: 0.7rem; letter-spacing: 0.24em; color: var(--acc); }
.label::before { content: ""; flex: none; width: 18px; height: 1px; background: currentColor; opacity: 0.7; }
.ch__head--split .label { display: block; }
.ch__head--split .label::before { display: none; }
.title__facts .label, .countries .label, .bonus__card .label, .lesson .label, .prog__side .label { display: block; }
.title__facts .label::before, .countries .label::before, .bonus__card .label::before, .lesson .label::before, .prog__side .label::before { display: none; }
.ch--ink .label, .bonus .label { color: #E08A93; }

/* her role: a quiet italic serif line, the same voice as «для себе» */
.julia__role { margin-top: 6px; font-family: "Playfair Display", Georgia, serif; font-style: italic; font-weight: 400; font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.7rem); letter-spacing: 0; text-transform: none; color: var(--acc); }

/* her numbers: three figures with small captions */
.julia__stats { list-style: none; margin: 18px 0 6px; padding: 16px 0; display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 0 clamp(20px, 4vw, 44px); border-block: 1px solid var(--line); }
.julia__stats li { display: grid; gap: 4px; }
.julia__stats b { font-family: var(--sc-font-display); font-weight: 800; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); line-height: 1; letter-spacing: -0.04em; color: var(--text); }
.julia__stats span { font-size: 0.82rem; line-height: 1.3; color: var(--soft); }
@media (max-width: 420px) { .julia__stats { gap: 0 16px; } .julia__stats span { font-size: 0.74rem; } }