.services-page section{position:relative}

.services-hero-inner{display:grid;grid-template-columns:45% 55%;align-items:center;gap:var(--space-4)}
.services-hero-text{max-width:60ch}
.services-hero-image img{width:100%;height:auto}

.services-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}
.services-card{transition:border .2s ease}
.services-card:hover{border-color:var(--text-accent-emerald)}

.services-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.services-text{max-width:55ch}

.services-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}

.services-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3);text-align:center}

.services-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}

.services-visual-inner{position:relative}
.services-visual-inner img{width:100%;height:auto}
.services-visual-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-3);background:rgba(4,23,19,0.4)}
.services-visual-overlay p{max-width:40ch}

.services-custom-inner{max-width:60ch;margin-inline:auto;text-align:center}

.services-cta-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}

.center-text{text-align:center}

@media (max-width:1000px){
.services-hero-inner{grid-template-columns:1fr}
.services-split{grid-template-columns:1fr}
}

@media (max-width:900px){
.services-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.services-brand-grid,.services-why-grid,.services-steps{grid-template-columns:1fr}
}

@media (max-width:600px){
.services-cards{grid-template-columns:1fr}
.services-hero-text{text-align:center;margin-inline:auto}
}