/* Aesthe-Med — typografie. Nadpisy: Marcellus (VERZÁLKY, lh 1.2). Text/UI: Noto Sans (lh 1.4–1.6). */
:root{
  --font-display:'Marcellus', Georgia, 'Times New Roman', serif;
  --font-body:'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  /* desktop */
  --size-h1:55px; --size-h2:40px; --size-h3:26px;
  --size-lead:24px; --size-perex:20px; --size-body:17px;
  --size-eyebrow:13px; --size-caption:14px;
}
@media (max-width:768px){
  :root{--size-h1:36px; --size-h2:28px; --size-h3:22px; --size-lead:20px; --size-perex:18px; --size-body:16px}
}
.t-h1{font-family:var(--font-display);font-weight:400;font-size:var(--size-h1);line-height:1.2;text-transform:uppercase;color:var(--ink)}
.t-h2{font-family:var(--font-display);font-weight:400;font-size:var(--size-h2);line-height:1.2;text-transform:uppercase;color:var(--ink)}
.t-h3{font-family:var(--font-display);font-weight:400;font-size:var(--size-h3);line-height:1.3;color:var(--ink)}
.t-lead{font-family:var(--font-body);font-weight:400;font-size:var(--size-lead);line-height:1.4;color:var(--ink)}
.t-perex{font-family:var(--font-body);font-weight:400;font-size:var(--size-perex);line-height:1.5;color:var(--muted)}
.t-body{font-family:var(--font-body);font-weight:400;font-size:var(--size-body);line-height:1.6;color:var(--ink)}
.t-eyebrow{font-family:var(--font-body);font-weight:600;font-size:var(--size-eyebrow);line-height:1.4;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent)}
.t-caption{font-family:var(--font-body);font-weight:400;font-size:var(--size-caption);line-height:1.5;color:var(--muted)}