nav a.active:after{right:0}
.services-hero{padding:110px 7vw 90px;background:var(--cream)}
.services-hero h1{font-size:clamp(50px,7vw,92px);line-height:1.12;max-width:1000px}
.services-hero>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);margin-top:30px}
.services-directory{padding-top:100px}
.services-directory .service-card{padding:0;min-height:390px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(190px,.92fr);overflow:hidden}
.service-card-copy{min-width:0;padding:42px 30px 36px;display:flex;flex-direction:column;position:relative;z-index:1}
.services-directory .service-icon{margin:38px 0 18px}
.services-directory .service-card h3{font-size:clamp(25px,2.25vw,32px);line-height:1.2}
.services-directory .service-card p{margin:13px 0 22px;line-height:1.7}
.services-directory .service-card a{padding-top:14px}
.service-visual{margin:0;min-width:0;min-height:390px;position:relative;overflow:hidden;background:var(--deep)}
.service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,43,34,.16),transparent 42%);pointer-events:none}
.service-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(.96);transition:transform .7s ease,filter .7s ease}
.service-card:hover .service-visual img{transform:scale(1.025);filter:saturate(.92) contrast(1)}
.services-contact{padding:90px 7vw;background:var(--deep);color:white;display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:center}
.services-contact h2{font-size:clamp(36px,5vw,64px)}
.services-contact p{color:#b9c5bf;line-height:1.8;margin-bottom:28px}
@media(max-width:900px){.services-hero{padding:80px 24px 65px}
.services-directory{padding-top:70px}
.services-directory .service-card{grid-template-columns:minmax(0,1.1fr) minmax(170px,.9fr);min-height:340px}
.service-visual{min-height:340px}
.services-contact{padding:70px 24px;grid-template-columns:1fr}
}
@media(max-width:620px){
.services-directory .service-card{grid-template-columns:1fr;min-height:0}
.service-visual{grid-row:1;min-height:0;aspect-ratio:16/10}
.service-card-copy{grid-row:2;padding:28px 24px 30px;min-height:320px}
.services-directory .service-icon{margin:28px 0 16px}
.services-directory .service-card h3{font-size:29px}
.service-visual:after{background:linear-gradient(0deg,rgba(11,43,34,.12),transparent 46%)}
}