/* Contrast treatments preserve the existing type sizes, artwork and card geometry. */
.visual-case-card>.card-contrast-scrim{position:absolute;inset:0;z-index:0;pointer-events:none}
.visual-case-card>*:not(.card-contrast-scrim){position:relative;z-index:1}
body[data-card-contrast="soft"] .card-contrast-scrim{background:linear-gradient(180deg,rgba(10,14,16,.94) 0,rgba(10,14,16,.8) 10%,transparent 30%),linear-gradient(0deg,rgba(10,14,16,.97) 0,rgba(10,14,16,.8) 12%,transparent 31%),linear-gradient(90deg,rgba(10,14,16,.68) 15%,rgba(10,14,16,.6) 54%,rgba(10,14,16,.08) 86%)}
body[data-card-contrast="soft"] .visual-case-card .case-card-meta>span:last-child{text-shadow:0 1px 6px #080c0e}
body[data-card-contrast="soft"] .visual-case-card .case-card-link{border-color:#495155}
body[data-card-contrast="labels"] .card-contrast-scrim{background:linear-gradient(90deg,rgba(10,14,16,.3),transparent 90%)}
body[data-card-contrast="labels"] .card-ink{background:rgba(10,14,16,.88);box-shadow:0 0 0 5px rgba(10,14,16,.88);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}
body[data-card-contrast="labels"] .visual-case-card .case-card-meta>span:last-child{background:#0b1013ed;box-shadow:0 0 0 7px #0b1013ed;border-radius:2px}
body[data-card-contrast="labels"] .visual-case-card .case-card-link{background:#0b1013e8;box-shadow:0 8px 0 8px #0b1013e8;border-color:#566064}
body[data-card-contrast="labels"] .visual-case-card .case-card-link>span{background:#080d10;box-shadow:0 0 0 8px #080d10,0 0 0 9px #4b5559;border-radius:50%;line-height:1}
body[data-card-contrast="fade"] .case-studies .visual-case-card::after{opacity:.38}
body[data-card-contrast="fade"] .card-contrast-scrim{background:linear-gradient(90deg,rgba(10,14,16,.7) 25%,rgba(10,14,16,.5) 55%,transparent 95%),linear-gradient(180deg,rgba(10,14,16,.55),transparent 28%),linear-gradient(0deg,rgba(10,14,16,.7),transparent 25%)}
.card-contrast-preview .contrast-preview-heading{padding:0 0 30px;max-width:850px}
.contrast-preview-heading>a{font-size:14px;color:#bcc3c5;display:inline-block;margin-bottom:40px;text-decoration:underline;text-underline-offset:5px}
.contrast-preview-heading h1{font-size:clamp(34px,5vw,56px);line-height:1.1;letter-spacing:-2px;margin:0 0 22px}
.contrast-preview-heading>p:last-child{font-size:16px;line-height:1.7;color:#bcc3c5;margin:0}
.contrast-controls{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;position:sticky;top:0;background:#111212f5;z-index:10;border-bottom:1px solid #394145;backdrop-filter:blur(12px)}
.contrast-controls button{appearance:none;border:1px solid #515b60;padding:12px 18px;font:inherit;font-size:14px;line-height:1.3;background:#172024;color:#d9e0e2;cursor:pointer}
.contrast-controls button[aria-pressed=true]{background:#dce6e9;color:#11171a;border-color:#dce6e9}
.contrast-controls button:focus-visible{outline:2px solid #ff966f;outline-offset:3px}
.contrast-description{color:#bdc5c8;font-size:14px;line-height:1.6;min-height:24px;margin:16px 0 26px}
.contrast-preview-footer{padding:35px 0 50px;color:#b9c2c6;font-size:13px;line-height:1.7}
.contrast-preview-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:560px){.contrast-controls button{padding:10px 12px}.contrast-preview-heading>a{margin-bottom:28px}.contrast-preview-heading h1{letter-spacing:-1px}}