.case-mock-crop[data-medweb-image]::before {
    background-image: var(--medweb-case-image) !important;
}

.medweb-cases-archive {
    min-height: 100vh;
    padding: 136px 24px 72px;
    background: #f5f6f8;
}

.medweb-cases-archive__shell {
    width: min(1160px, 100%);
    margin: 0 auto;
}

.medweb-cases-archive__header {
    max-width: 760px;
    margin-bottom: 48px;
}

.medweb-cases-archive__header h1 {
    margin: 0 0 16px;
    color: #171717;
    font-size: clamp(42px, 7vw, 78px);
    line-height: .96;
    letter-spacing: -.05em;
}

.medweb-cases-archive__header p { color: #626978; font-size: 18px; line-height: 1.6; }
.medweb-cases-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.medweb-case-card { position: relative; min-height: 460px; overflow: hidden; border-radius: 32px; background: #16171a; color: #fff; text-decoration: none; }
.medweb-case-card img { width: 100%; height: 100%; min-height: 460px; object-fit: cover; transition: transform .45s ease; }
.medweb-case-card:hover img { transform: scale(1.03); }
.medweb-case-card__shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.86)); }
.medweb-case-card__copy { position: absolute; inset: auto 28px 28px; }
.medweb-case-card__copy span { display: block; margin-bottom: 8px; color: #9ce154; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.medweb-case-card__copy h2 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 42px); line-height: 1; }
.medweb-case-card__copy p { margin: 0; color: rgba(255,255,255,.72); }
.medweb-cases-archive__cta { display: inline-flex; margin-top: 40px; padding: 16px 26px; border-radius: 999px; background: #9ce154; color: #171717; font-weight: 800; text-decoration: none; }
.medweb-pagination { margin-top: 32px; }
.medweb-pagination .page-numbers { display: inline-flex; margin-right: 8px; padding: 10px 14px; border-radius: 99px; background: #fff; color: #171717; text-decoration: none; }

@media (max-width: 720px) {
    .medweb-cases-archive { padding: 110px 16px 48px; }
    .medweb-cases-grid { grid-template-columns: 1fr; }
    .medweb-case-card, .medweb-case-card img { min-height: 380px; }
}