/* Original website photography: explicit visible layers, service panels and image cards. */
.reference-hero .reference-background{z-index:0;pointer-events:none}
.reference-hero .reference-copy{position:relative;z-index:2}
.reference-hero:after{z-index:1}
.image-service-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:55px 7%;overflow:hidden}
.service-hero-copy{min-width:0}.image-service-hero h1{font-size:clamp(36px,4vw,64px)}
.image-service-hero .service-hero-image{width:100%;height:410px;object-fit:cover;display:block}
.service-card-image{width:calc(100% + 64px);max-width:none;height:220px;object-fit:cover;margin:-32px -32px 28px}
.card:has(.service-card-image){overflow:hidden}.service-showcase{margin:0 auto 60px;max-width:1050px;padding:0 7%}.service-showcase img{width:100%;height:360px;object-fit:cover}.service-showcase figcaption{font-size:12px;color:#6b655c;margin-top:12px}
@media(max-width:800px){.image-service-hero{grid-template-columns:1fr;gap:28px;padding:40px 7%}.image-service-hero .service-hero-image{height:280px}.service-showcase img{height:260px}.service-showcase{margin-bottom:40px}.reference-hero .reference-background{bottom:0;top:auto;height:300px;object-position:right bottom}.reference-hero{padding-bottom:300px}.reference-hero:after{bottom:240px}}

@media(min-width:801px){.reference-hero .reference-intro{max-width:38vw}.reference-copy .actions{gap:18px}}