/* why: service pages reuse car.css; this adds the hero photo and column variants only */
.svc-photo{padding-top:var(--s-64)}
.svc-photo img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:var(--r-container)}
.svc .car-hero{padding-bottom:var(--s-64)}
.svc-grid--2{grid-template-columns:1fr 1fr}
.svc-cards--1{grid-template-columns:1fr}
.svc-cards--1 .car-card ul{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s-32)}
@media(max-width:900px){.svc-photo{padding-top:var(--s-32)}}
@media(max-width:760px){
.svc-photo img{aspect-ratio:4/3}
.svc-grid--2,.svc-cards--1,.svc-cards--1 .car-card ul{grid-template-columns:1fr}
.svc .car-hero{padding-bottom:var(--s-48)}
}
/* why: about hero's empty right column only pushed the photo down; the band replaces it */
.mfam-about-page .mf-col:empty{display:none}
.mfam-about-page main>.mf-sec:first-child.mf-pad{padding-bottom:0!important}