/* Titoli display. .heading = titolo di sezione (h2), --hero = apertura di pagina (h1), --md / --sm = titoli di card e moduli. */
@layer components {
  .heading {
    font-weight: 600; font-size: clamp(40px, 5vw, 72px); line-height: 1.1; letter-spacing: -0.04em; text-wrap: balance;
  }
  .heading--hero { font-weight: 700; font-size: clamp(52px, 7vw, 100px); line-height: 1.05; }
  .heading--md { font-size: clamp(36px, 4vw, 56px); letter-spacing: -0.03em; }
  .heading--sm { font-size: clamp(30px, 3.2vw, 42px); letter-spacing: -0.03em; }

  @media (max-width: 767px) {
    .heading { font-size: clamp(34px, 9vw, 44px); }
    .heading--hero { font-size: clamp(44px, 12vw, 56px); }
    .heading--md { font-size: 32px; }
    .heading--sm { font-size: 28px; }
  }
}