.c-wrap-4 .items {
    overflow: hidden;
    border-radius: 0;
    background: #fff;
    transition: transform 300ms ease, box-shadow 300ms ease;
}

.c-wrap-4 .items a,
.c-wrap-4 .items img {
    display: block;
}

.c-wrap-4 .items img {
    transition: transform 350ms ease;
}

.c-wrap-4 .items:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(40, 84, 162, 0.16);
}

.c-wrap-4 .items:focus-within img {
    transform: scale(1.045);
}

.c-wrap-4 .items a:focus-visible {
    outline: 2px solid #2854a2;
    outline-offset: -3px;
}

@media (hover: hover) and (pointer: fine) {
    .c-wrap-4 .items:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 28px rgba(40, 84, 162, 0.16);
    }

    .c-wrap-4 .items:hover img {
        transform: scale(1.045);
    }
}

@media (prefers-reduced-motion: reduce) {
    .c-wrap-4 .items,
    .c-wrap-4 .items img {
        transform: none !important;
        transition: none;
    }
}