/* Custom CSS per elementi grafici particolari */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Gestione dell'immagine di sfondo nell'Hero (foto_2.webp con la scala) */
.hero-section {
    background-image: url('images/foto_2.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Ottimizzazioni per schermi mobile */
@media (max-width: 768px) {
    .hero-section {
        background-position: 65% center; /* Sposta leggermente l'inquadratura per mostrare la scala anche su mobile */
    }
}

/* Smooth Transitions per i link e i bottoni */
a, button {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Stile personalizzato per le animazioni AOS delle scritte */
.font-\['Playfair_Display'\] {
    letter-spacing: -0.02em;
}