/* Full-width photographic introduction. */
.services-intro{position:relative;isolation:isolate;overflow:hidden;background:#f0f0f0;padding:30px 0 65px;min-height:530px;display:flex;align-items:center}
.services-intro::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/heroes/services-people-wide.webp') center/cover no-repeat}
.services-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5f5f5 0%,#f5f5f5f5 23%,#f5f5f5cf 43%,#f5f5f538 67%,#f5f5f500 100%)}
.services-intro>.wrap{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.services-intro .breadcrumbs{margin-bottom:40px}
.services-intro-grid{display:block;max-width:650px}
.services-intro h1{font-size:clamp(42px,4.2vw,64px);line-height:1.1;margin-top:18px}
.services-intro-copy{padding:0;max-width:500px;margin-top:25px}
.services-intro-copy p{font-size:17px;line-height:1.75;color:#57594f;margin-bottom:22px}
.services-intro-copy .text-link{display:inline-block;background:var(--logo-gold);border:0;border-radius:999px;padding:15px 25px;font-weight:600;color:#20211e}
.services-intro-copy .text-link:hover{background:var(--logo-gold)}
/* Titles stay visible; project details slide into the photo on hover or focus. */
.service-card{position:relative;display:block;width:100%;min-width:0;aspect-ratio:4/5;border:0;isolation:isolate;background:#252620;scroll-margin-top:145px}
.service-media{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.service-media>img{height:100%;width:100%;object-fit:cover}
.service-media::after{background:linear-gradient(180deg,#11130f00 30%,#11130f33 52%,#11130fd9 100%);transition:background .35s}
.service-card-content{position:absolute;inset:auto 26px 27px;z-index:1}
.service-card-content>h2{font-size:23px;line-height:1.25;letter-spacing:-.035em;color:#fff;margin:0}
.service-card-body{display:block;padding:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(12px);transition:max-height .4s ease,opacity .3s ease,transform .4s ease;pointer-events:none}
.service-card-body>p{font-size:15px;line-height:1.75;color:#f0f0f0;margin:17px 0 22px}
.service-card-body .service-link{display:inline-block;background:var(--logo-gold);border-color:var(--logo-gold);color:#20211e;font-size:12px;padding:13px 22px}
.service-card-body .service-link:hover{background:var(--logo-gold);border-color:var(--logo-gold)}
.service-card:focus{outline:3px solid var(--logo-gold);outline-offset:5px}
.service-card:is(:hover,:focus,:focus-within) .service-card-body{max-height:290px;opacity:1;transform:translateY(0);pointer-events:auto}
.service-card:is(:hover,:focus,:focus-within) .service-media::after{background:linear-gradient(180deg,#11130f12 0%,#11130f85 32%,#11130ff2 100%)}
.service-card:is(:hover,:focus,:focus-within) .service-media img{transform:scale(1.05);filter:blur(2px)}
.service-help{min-height:0}
@media(max-width:1100px){.service-card-content{inset:auto 22px 23px}.service-card-content>h2{font-size:21px}.service-card-body>p{font-size:14px;line-height:1.65;margin:14px 0 18px}.service-help{padding:26px}.service-help h2{font-size:28px}}
@media(max-width:900px){.services-intro{min-height:510px}.services-intro-grid{max-width:560px}.services-intro::after{background:linear-gradient(90deg,#f5f5f5f5,#f5f5f5d9 45%,#f5f5f533)}.service-card-content>h2{font-size:22px}.service-card-body>p{font-size:15px}}
@media(hover:none),(pointer:coarse){.service-card-body{max-height:290px;opacity:1;transform:none;pointer-events:auto}.service-media::after{background:linear-gradient(180deg,#11130f00 0%,#11130f75 30%,#11130ff2 100%)}}
@media(max-width:600px){.services-intro{min-height:530px;padding:25px 0 40px}.services-intro::before{background-position:72% center}.services-intro::after{background:linear-gradient(90deg,#f5f5f5f5,#f5f5f5ce 68%,#f5f5f585)}.services-intro .breadcrumbs{margin-bottom:35px}.services-intro h1{font-size:39px;line-height:1.12}.services-intro-copy{margin-top:22px}.services-intro-copy p{font-size:16px}.service-card{aspect-ratio:4/5;min-height:395px}.service-card-content{inset:auto 24px 25px}.service-card-content>h2{font-size:23px}.service-card-body>p{font-size:15px}.service-help{min-height:395px}}
@media(prefers-reduced-motion:reduce){.service-card-body,.service-media::after,.service-media>img{transition:none!important}.service-card:is(:hover,:focus,:focus-within) .service-media img{transform:none}}
@media(max-width:600px){.service-card-body{max-height:290px;opacity:1;transform:none;pointer-events:auto}.service-media::after{background:linear-gradient(180deg,#11130f00 0%,#11130f75 30%,#11130ff2 100%)}}

#business-consultation .service-media>img{object-position:78% center}

/* Six services form two complete rows; the enquiry card sits below. */
.services-grid>.service-help{grid-column:1/-1;min-height:0}
@media(min-width:901px){.services-grid>.service-help{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:32px}.services-grid>.service-help h2{font-size:30px}.services-grid>.service-help p{max-width:600px}}