/* Image-led project covers, shared by service pages, archives and articles. */
.case-cover.visual-cover{position:relative;display:block;isolation:isolate;padding:0;aspect-ratio:1.5;min-height:0!important;overflow:hidden;background:#211a2d}
.case-cover.visual-cover>img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .5s ease}
.case-cover.visual-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 35%,rgba(0,0,0,.72));pointer-events:none;z-index:1}
.case-cover.visual-cover:hover>img{transform:scale(1.035)}
.visual-cover .case-type{position:absolute;top:20px;left:20px;z-index:2;display:inline-block;background:rgba(15,14,19,.65);border:1px solid #ffffff35;border-radius:25px;padding:8px 12px;color:white;font-size:9px;letter-spacing:.8px}
.visual-cover .cover-brand{position:absolute;left:22px;bottom:20px;right:20px;z-index:2;color:#fff;font-size:13px;letter-spacing:.2px}
.cover-result{position:absolute;left:22px;right:22px;bottom:52px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:4px}
.cover-result strong{font-size:clamp(30px,3vw,53px);font-weight:500;letter-spacing:-1.8px;line-height:1.08}
.cover-result small{font-size:12px;letter-spacing:0}
.case-cover.website-cover{background:radial-gradient(ellipse at 75% 15%,#af73cb,#392444 70%);padding:58px 25px 45px;}
.case-cover.website-cover:after{background:linear-gradient(0deg,#21132ec9,transparent 30%)}
.browser-preview{width:100%;background:white;overflow:hidden;border:1px solid #ffffff70;border-radius:7px;box-shadow:0 20px 30px #130d3050;transform:perspective(1100px) rotateY(-6deg) rotateZ(-3deg);transition:transform .4s}
.website-cover:hover .browser-preview{transform:perspective(1100px) rotateY(0) rotateZ(0)}
.browser-preview img{display:block;width:100%;height:auto!important;aspect-ratio:1.55;object-fit:cover;object-position:top;margin:0!important}
.browser-bar{height:16px;background:#ede9f0;display:flex;align-items:center;gap:4px;padding-left:9px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#b8b0bd}
.cover-disclosure{display:block;font-size:9px;line-height:1.5;color:var(--muted);margin-top:18px}
.service-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.service-examples{background:#f2f0f4}.service-examples h2{font-size:clamp(30px,4vw,49px);max-width:620px;line-height:1.1}.service-related-group+.service-related-group{margin-top:65px}.service-related-group h3{font-size:29px;font-weight:500}.service-related-group .category-heading{align-items:center}.related-services .section-head{margin-bottom:50px}
.case-feature-image{margin:0 0 48px}.case-feature-image img{width:100%;height:auto;display:block;border-radius:12px}.case-feature-image figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:12px}.case-search-terms{padding-left:23px;line-height:2;color:var(--ink)}.case-facts dd{overflow-wrap:anywhere}.case-facts>.button{margin-top:22px}
@media(max-width:760px){.service-example-grid{grid-template-columns:1fr}.case-cover.website-cover{padding:53px 20px 43px}.visual-cover .case-type{top:16px;left:16px}.visual-cover .cover-brand{bottom:17px;left:18px}.cover-result{left:18px;bottom:46px}.cover-result strong{font-size:38px}.service-related-group h3{font-size:24px}.service-examples .category-heading{flex-direction:column;gap:16px}.service-examples .category-heading .text-link{margin:0}.case-feature-image{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.case-cover.visual-cover>img,.browser-preview{transition:none}}