@import url('https://fonts.googleapis.com/css2?family=MuseoModerno:wght@500;700;800&display=swap');
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f8f9fb;
    color: #191c1d;
}

h1,
h2,
h3,
h4,
.font-hanken {
    font-family: 'Hanken Grotesk', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

.glass-card {
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(8px);
    border:1px solid rgba(192,200,204,.3);
}

/* Mobile menu */

#mobile-menu{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
}

#mobile-menu.open{
    max-height:300px;
}

/* Footer carousel */

.footer-carousel{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:24px 0;
    mask-image:linear-gradient(to right,
    transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%);
}

.footer-carousel__track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:footer-carousel-scroll 22s linear infinite;
}

.footer-carousel:hover .footer-carousel__track{
    animation-play-state:paused;
}

.footer-carousel__slide{
    flex:0 0 auto;
    width:220px;
    height:120px;
    margin:0 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-carousel__slide>div{
    width:220px;
    height:120px;
    background:#fff;
    border-radius:16px;
    padding:16px;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    display:flex;
    justify-content:center;
    align-items:center;
}

.footer-carousel__slide img{
    width:140px;
    height:60px;
    object-fit:contain;
    transition:transform .3s;
}

.footer-carousel__slide:hover img{
    transform:scale(1.05);
}

@keyframes footer-carousel-scroll{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}