/* Font Display Optimization - Ensure fonts swap for better Core Web Vitals */
@font-face {
    font-display: swap;
}

/* Preload hints for critical fonts */
/* These declarations ensure system fonts display while web fonts load */

/* Additional optimization for images */
img {
    max-width: 100%;
    height: auto;
}

/* Optimize hero images and backgrounds */
section#intro {
    will-change: auto;
}

/* Ensure proper LCP element handling */
section#intro .inner img {
    display: block;
}