/* Типографіка. Назва журналу — засічковий шрифт у сірому, як у самому виданні:
   чорний знак на білому читається як заголовок сторінки, а не як марка. */
.wordmark{
  font-family:"Playfair Display","Times New Roman",Georgia,serif;
  font-weight:600;
  color:var(--ink-2);
  letter-spacing:.16em;
  text-transform:uppercase;
  line-height:1;
  margin:0;
}
.wordmark--hero{font-size:clamp(34px,7.4vw,86px);letter-spacing:.14em}
.wordmark--small{font-size:14px;letter-spacing:.22em;font-weight:500}

h1,h2,h3{font-family:"Playfair Display","Times New Roman",Georgia,serif;font-weight:600;line-height:1.14;margin:0;color:var(--ink)}
h2{font-size:clamp(26px,3.6vw,42px);letter-spacing:-.01em}
h3{font-size:clamp(18px,2.1vw,22px)}

p{margin:0}
.lead{font-size:clamp(17px,1.9vw,20px);line-height:1.55;color:var(--ink)}
.muted{color:var(--ink-3)}
.small{font-size:14px;line-height:1.5}
.tiny{font-size:12px;line-height:1.4;color:var(--ink-4)}

/* Мітка секції. Розріджені великі літери — єдиний спосіб дати ієрархію
   без кольору, коли кольору в палітрі немає. */
.eyebrow{
  font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-4);margin:0 0 14px;display:flex;align-items:center;gap:12px;
}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line);max-width:120px}

.rule{height:1px;background:var(--line);border:0;margin:0}