.interior-page .roof-hero.service-hero{background-image:linear-gradient(110deg,rgba(9,35,29,.86),rgba(9,35,29,.60) 48%,rgba(9,35,29,.14)),url(assets/home/12.webp);background-position:center;background-size:cover}.roof-options{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-area-note{text-align:center;margin-top:20px}.roof-options .cc-card{background:#fff}.cc-card>h3{margin-bottom:14px}@media(max-width:620px){.roof-options{grid-template-columns:1fr}.interior-page .roof-hero.service-hero{background-image:linear-gradient(135deg,rgba(9,35,29,.78),rgba(9,35,29,.60) 50%,rgba(9,35,29,.18)),url(assets/home/12.webp);background-position:55% center}}
/* Balance the roof-approach illustration with its supporting guidance. */
@media(min-width:1000px){
 body.service-page .cc-split.roof-approach{grid-template-columns:.95fr 1.05fr;gap:40px}
 body.service-page .cc-split.roof-approach>img{height:300px;max-height:300px}
 body.service-page .roof-approach .service-copy-points{font-size:17px;line-height:1.65}
 body.service-page .roof-approach .service-copy-points li{margin-top:14px}
}

.roof-desktop-detail{display:none}
@media(min-width:1000px){.roof-desktop-detail{display:inline}}