/* Shared service previews, with a steady photograph frame and caption. */
.service-preview{position:relative;min-width:0;display:flex}
.service-preview>.service-card{width:100%}
.services-overview .service-preview .service-media{aspect-ratio:1.65}
.services-overview .service-preview .service-content h3{font-size:clamp(25px,2vw,29px)}
.service-preview .service-media .service-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;transition:opacity 800ms cubic-bezier(.16,1,.3,1)}
.service-preview .service-media .service-preview-incoming{opacity:0;pointer-events:none}
.service-preview .service-media .service-preview-incoming.is-visible{opacity:1}
.floating-revision .service-preview .service-card:hover .service-media .service-preview-image{transform:none}
@media(max-width:899px){.services-overview .service-preview .service-media{aspect-ratio:1.25}.services-overview .service-preview .service-content h3{font-size:23px}}
@media(max-width:599px){.services-overview .service-preview .service-media{aspect-ratio:1.2}.services-overview .service-preview .service-content h3{font-size:25px}}
@media(max-width:360px){.services-overview .service-preview .service-content h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.service-preview .service-media .service-preview-image{transition:none}}