.c-reviews {
    padding: var(--space-xxl) 0;
    overflow: hidden;
    position: relative;
}

.c-reviews__header {
    margin-bottom: var(--space-xl);
}

.c-reviews__header .u-text-muted {
    font-family: var(--font-serif);
}

.c-reviews__track-wrap {
    display: flex;
    overflow: hidden;
    user-select: none;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.c-reviews__track {
    display: flex;
    gap: var(--space-lg);
    animation: scroll 40s linear infinite;
    width: max-content;
}

.c-reviews__track:hover {
    animation-play-state: paused;
}

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

    100% {
        transform: translateX(calc(-50% - var(--space-lg)/2));
    }
}

.c-review-card {
    background-color: var(--clr-surface);
    border: 1px solid var(--clr-overlay);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    width: 300px;
    flex-shrink: 0;
    transition: var(--trans-smooth);
}

.c-review-card:hover {
    border-color: var(--clr-primary);
    background-color: var(--clr-overlay);
}

.c-review-card__stars {
    color: #fbbf24;
    margin-bottom: var(--space-sm);
}

.c-review-card__text {
    font-size: var(--fs-base);
    font-style: italic;
    color: var(--clr-text-base);
    margin-bottom: var(--space-lg);
    min-height: 80px;
}

.c-review-card__footer {
    display: flex;
    flex-direction: column;
}

.c-review-card__name {
    font-weight: 700;
    font-size: var(--fs-sm);
}

.c-review-card__service {
    font-size: 0.75rem;
    color: var(--clr-primary-light);
    text-transform: uppercase;
    font-weight: 600;
}