/* Marquee */
.marquee {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    background: var(--white);
}

.marquee__inner {
    display: flex;
    gap: 3rem;
    padding: 24px 0;
    animation: scroll 30s linear infinite;
}

/* .marquee__inner:hover {
    animation-play-state: paused;
} */

.marquee-social-link {
    display: inline-block;
    margin: 0 24px;
    vertical-align: middle;
    font-size: clamp(24px, 5vw, 48px);
}

.marquee-social-link img {
    width: 1em;
    height: 1em;
    margin-right: 8px;
    vertical-align: middle;
}

.marquee__inner span {
    font-weight: 700;
    font-size: clamp(48px, 10vw, 112px);
    letter-spacing: .5px;
    color: var(--black);
}

.marquee__inner .mirror {
    display: inline-block;
    transform: rotateY(180deg);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

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