/* fonts only: Outfit + Nunito Sans */
:root{--serif:'Outfit',Georgia,serif;--sans:'Nunito Sans',system-ui,sans-serif}
.hero h1{font-size:52px;letter-spacing:-.02em}

/* ===== Homepage hero: fading + sliding banner images ===== */
.hero::before{display:none}
.hero-slides{position:absolute;inset:0;z-index:0}
.hero-slides span{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.1);will-change:opacity,transform;animation:heroSlide 24s linear infinite}
.hero-slides span:nth-child(1){opacity:1;animation-delay:-1s}
.hero-slides span:nth-child(2){animation-delay:5s}
.hero-slides span:nth-child(3){animation-delay:11s}
.hero-slides span:nth-child(4){animation-delay:17s}
@keyframes heroSlide{0%{opacity:0;transform:scale(1.1) translateX(2.5%)}4%{opacity:1}25%{opacity:1}29%{opacity:0;transform:scale(1.1) translateX(-2.5%)}100%{opacity:0;transform:scale(1.1) translateX(-2.5%)}}