/* hero.css */

.hero-section{
    display:flex;
    align-items:center;
    min-height:76vh;
    padding:2rem 0;
}

.hero-layout{
    width:min(1400px,92%);
    margin:auto;
    display:grid;
    grid-template-columns:35% 58%;
    justify-content:space-between;
    align-items:center;
    gap:2rem;
}

.hero-content h1{
    font-size:clamp(3.8rem,6vw,6rem);
    line-height:1.05;
}

.hero-carousel{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

#carousel-container{
    width:100%;
    max-width:780px;
    height:min(66vh,640px);
    border-radius:34px;
}

.site-footer{
    position:relative;
    background:#fff;
    height:170px;
    overflow:hidden;
    color:#2E0249;
}

.footer-wave{
    position:absolute;
    top:-80px;
    left:0;
    width:100%;
    height:100px;
}

.footer-content{
    position:absolute;
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}

.footer-title{font-size:1.9rem;font-weight:700}
.footer-email{color:#ff7b2c;text-decoration:none}
.footer-nav{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}
.footer-nav a{color:#2E0249;text-decoration:none;font-weight:600}
.footer-copy{font-size:.9rem;color:#666}