/* Real photographs, with a consistent contrast layer behind service copy. */
.service-card.service-photo{background:#10191e;color:#fff;border-color:#263238}
.service-card.service-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,14,19,.48) 0%,rgba(5,14,19,.62) 43%,rgba(5,14,19,.88) 100%);pointer-events:none}
.service-card.service-photo>img{object-position:50% 50%;filter:saturate(.85);transition:transform .9s var(--ease),filter .5s}
.service-card.service-photo.service-auto>img{object-position:50% 82%}
.service-card.service-photo.service-wash>img{object-position:55% 45%}
.service-card.service-photo .service-topline{color:#fff}
.service-card.service-photo .service-topline>span{background:#14202891;border:1px solid #ffffff36;border-radius:999px;padding:6px 11px;backdrop-filter:blur(8px)}
.service-card.service-photo .service-card-copy p{color:#fff}
.service-card.service-photo .action-orb{background:#fff;color:#11191d}
.service-card.service-photo:hover>img,.service-card.service-photo:focus-visible>img{transform:scale(1.045);filter:saturate(1)}
.service-card.service-photo:hover .action-orb,.service-card.service-photo:focus-visible .action-orb{background:var(--orange);color:#11191d}
.service-card.service-photo:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.motion-off .service-card.service-photo>img{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.service-card.service-photo>img{transition:none!important;transform:none!important}}
@media(hover:none){.service-card.service-photo:hover>img{transform:none}}
.service-card.service-auto h3{font-size:clamp(34px,15cqw,65px)}
.service-card:is(.service-lights,.service-windows,.service-wash) h3{font-size:clamp(32px,16cqw,52px)}