/* Service-page add-on for mf-main.css (draft, Oct 28 2026). Photo slots are placeholders until Bobby picks stock vs custom scenes. */
.mf-svc-crumb{order:0;font-size:.85rem;margin:0 0 10px;opacity:.85}
.mf-svc-crumb a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mf-svc-herofig{margin:16px 0 0;position:relative;border-radius:6px;overflow:hidden;background:#E4E0D4;aspect-ratio:16/9;order:9}
.mf-svc-herofig img,.mf-svc-cardfig img,.mf-svc-splitfig img,.mf-svc-stripfig img,.mf-svc-galfig img{display:block;width:100%;height:100%;object-fit:cover}
.mf-svc-slot{background:#E4E0D4}
.mf-svc-prose{max-width:72ch}
.mf-svc-prose p,.mf-svc-intro p{margin:0 0 1em}
.mf-svc-intro{margin-bottom:22px}
.mf-svc-list{margin:0 0 1.1em;padding-left:1.2em}
.mf-svc-list li{margin:0 0 .5em}
.mf-svc-cards{display:grid;gap:16px}
.mf-svc-cards h3{margin-top:0}
.mf-svc-pcard{padding:0;overflow:hidden;display:flex;flex-direction:column}
.mf-svc-pcard-b{padding:18px 20px 8px}
.mf-svc-cardfig{margin:0;aspect-ratio:4/3;background:#E4E0D4}
.mf-svc-split{display:grid;gap:24px}
.mf-svc-splitfig{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:#E4E0D4}
.mf-svc-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}
.mf-svc-stripfig{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:#E4E0D4}
.mf-svc-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.mf-svc-gallery>:first-child{grid-column:1/-1}
.mf-svc-galfig{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:#E4E0D4}
.mf-svc-home{padding-top:26px}
.mf-svc-home p{margin:0}
.mf-svc-narrow h2{max-width:none}
.mf-svc-hero .mf-trust li:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:699.98px){.mf-svc-strip{grid-template-columns:1fr 1fr}.mf-svc-strip>:first-child{grid-column:1/-1}}
@media (min-width:700px){.mf-svc-cards--2{grid-template-columns:1fr 1fr}.mf-svc-cards--3{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){
 .mf-svc-cards--3{grid-template-columns:repeat(3,1fr)}
 .mf-svc-split{grid-template-columns:7fr 5fr;gap:40px;align-items:stretch}
 .mf-svc-split--rev{grid-template-columns:5fr 7fr}
 .mf-svc-split--rev .mf-svc-splitfig{order:-1}
 .mf-svc-splitfig{aspect-ratio:auto;min-height:320px;position:relative}
 .mf-svc-splitfig img{position:absolute;inset:0}
 .mf-svc-herofig{aspect-ratio:auto;flex:1 1 0;min-height:200px}
 .mf-svc-herofig img{position:absolute;inset:0}
 .mf-svc-quote-copy{display:flex;flex-direction:column}
 .mf-svc-gallery{flex:1 1 auto;grid-template-rows:minmax(200px,1fr) auto}
 .mf-svc-gallery>:first-child{aspect-ratio:auto;position:relative}
 .mf-svc-gallery>:first-child img{position:absolute;inset:0}
 .mf-svc-narrow{max-width:none;column-count:2;column-gap:48px}
 .mf-svc-narrow h2{column-span:all}
 .mf-svc-narrow p,.mf-svc-narrow li{break-inside:avoid}
}
.mf-svc-hero{background:var(--forest-d)}.mf-svc-hero .mf-svc-crumb{color:#fff}.mf-svc-herofig{border:1px solid rgba(255,255,255,.14)}.mf-svc-hero .mf-trust{margin-top:4px}@media (min-width:1000px){.mf-svc-hero .mf-hero-copy{display:flex;flex-direction:column}}

/* v4.1: <picture> wrappers are layout-neutral so every existing figure/img rule still applies */
picture{display:contents}