.companies-overview .companies-overview__header { margin-bottom: 3.2rem; }
.companies-overview .sub-title { color: var(--clr-primary); }
.companies-overview .companies-overview__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
}
.companies-overview .card-werkgever {
    display: flex;
    flex-direction: column;
    background: var(--card-bg, var(--clr-light));
    border-radius: var(--border-radius);
    overflow: hidden;
    text-decoration: none;
    color: var(--card-clr, var(--clr-text));
    transition: transform 150ms ease, box-shadow 150ms ease;
    height: 100%;
}
.companies-overview .card-werkgever:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 0, 0, .08); }
.companies-overview .card-werkgever .card-img-top { aspect-ratio: 3 / 2; overflow: hidden; }
.companies-overview .card-werkgever .card-img-top .overlay { width: 100%; height: 100%; }
.companies-overview .card-werkgever .card-img-top img { width: 100%; height: 100%; object-fit: cover; }
.companies-overview .card-werkgever .card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 1rem;
    padding: 2rem;
}
.companies-overview .card-werkgever .card-body h5 { font-size: 2rem; font-weight: 700; margin: 0; }
.companies-overview .card-werkgever .card-body i { color: var(--clr-primary); margin-right: .4rem; }
.companies-overview .card-werkgever .wpb-link { margin-top: auto; color: var(--clr-primary); font-weight: 700; }

@media (min-width: 768px) {
    .companies-overview .companies-overview__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 992px) {
    .companies-overview .companies-overview__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.2rem; }
}