.services-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr); gap:clamp(2rem,6vw,5rem); align-items:center; padding:clamp(3rem,7vw,6rem) 0; } .services-hero img { width:100%; aspect-ratio:1/1; object-fit:cover; box-shadow:1rem 1rem 0 var(--sand); } .services-list { padding:clamp(3rem,6vw,5rem) 0; } .services-list h2 { max-width:38rem; } .service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; } .service-card { padding:1.25rem; background:var(--sand); min-height:9rem; } .service-card-featured { background:var(--plum); color:white; } .service-card span { color:#aa8c5d; font:bold .8rem/1 Arial,sans-serif; letter-spacing:.1em; } .service-card p { margin:.8rem 0 0; } .services-cta { display:flex; justify-content:space-between; align-items:center; gap:2rem; margin:3rem 0 5rem; padding:clamp(1.5rem,4vw,3rem); background:var(--plum-dark); color:white; } .services-cta h2 { margin:.25rem 0 .8rem; } .services-cta p { margin:0; max-width:38rem; } .services-cta .button { background:white; color:var(--plum-dark); white-space:nowrap; } @media(max-width:700px){.services-hero,.service-grid{grid-template-columns:1fr}.services-cta{align-items:flex-start;flex-direction:column}}