/* Full compositions and clear text-only detail pages for Roofing. */
body[data-axora-service="roofing"] img.roofing-new-photo{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:3/2;object-fit:contain;object-position:center;transform:none;border-radius:0;background:#eeebe3}
body[data-axora-service="roofing"] #home .cards{align-items:start}
body[data-axora-service="roofing"] .roofing-gallery-link{margin:30px 0 0}
body[data-axora-service="roofing"] .roofing-gallery-link .text-link{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
body[data-axora-service="roofing"] #services .roof-service-text{grid-template-columns:1fr;gap:0;padding:35px 0}
body[data-axora-service="roofing"] #services .roof-service-text>div{max-width:900px}
body[data-axora-service="roofing"] #services .roof-service-text h2{margin:14px 0 20px}
body[data-axora-service="roofing"] #about .roof-about-copy{grid-template-columns:1fr;gap:0}
body[data-axora-service="roofing"] #about .roof-about-copy>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 55px}
body[data-axora-service="roofing"] #about .roof-about-copy .card{border-top:1px solid var(--line,#d9d5ca);padding-top:25px}
body[data-axora-service="roofing"] #projects .roof-gallery{gap:55px}
body[data-axora-service="roofing"] #projects .roof-gallery figure{margin:0}
@media(max-width:760px){body[data-axora-service="roofing"] #about .roof-about-copy>div{grid-template-columns:1fr;gap:18px}body[data-axora-service="roofing"] #services .roof-service-text{padding:28px 0}body[data-axora-service="roofing"] #projects .roof-gallery{gap:35px}}
body[data-roofing-photo-collection] #home .cards .card img.roofing-new-photo{height:auto!important;aspect-ratio:3/2!important;object-fit:contain!important}