.hero--clients {
    background-image: url("/assets/hero/bocadillos-ibericos.webp");
    background-position: center 70%;
}

.hero--clients .hero_lead {
    color: var(--color-bg);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7), 0 2px 7px rgba(0, 0, 0, .4);
}

.channel_nav {
    padding-block: 4rem;
}

.client_groups {
    padding-bottom: 4rem;
}

.client_group {
    padding-block: 2rem;
    border-top: 1px solid var(--color-border);
}

.client_group h2 {
    margin-bottom: 1.5rem;
    font-size: clamp(2rem, 4vw, 3rem);
}