/* =============================================================
   ODONTOFY — Homepage: titoli in stile "Il nostro scanner"
   Foglio caricato SOLO in Homepage (inc/assets.php, is_front_page).
   Stessa ricetta dei titoli della pagina Scanner: Inter 600
   compatto, tracking negativo, gradient cromato a 9 stop della
   palette Odontofy, leggera profondita' via drop-shadow.
   Tutto e' scoped a #main: header, footer e ogni altra pagina
   del sito restano esattamente come prima. Il body copy, gli
   eyebrow e le animazioni non vengono toccati.
   ============================================================= */

#main .h-display {
  font-family: var(--font-ui, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.04;
}

#main h1.h-display.hero__title {
  font-size: clamp(3rem, 6.4vw, 5.6rem);
  line-height: 1.02;
}

#main h2.h-display {
  font-size: clamp(2.3rem, 4.4vw, 3.9rem);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #main h1.h-display,
  #main h2.h-display,
  #main .workflow__scene h3.h-display {
    background: linear-gradient(
      100deg,
      #f0f5f6 0%,
      #ffffff 12%,
      #9dbcf0 24%,
      #6491d8 38%,
      #2a6adc 52%,
      #dce8fa 66%,
      #ffffff 76%,
      #6f9be0 88%,
      #2a6adc 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 2px 14px rgba(7, 16, 26, 0.45));
  }
}