/* Keep the dark hero mood; concentrate the strongest fade in the bottom 20%. */
body.home-page .hero:before{background:linear-gradient(to bottom,#161b1160 0%,#161b111a calc(28% + 30px),#161b1173 65%,#161b1173 78%,#161b11 100%)}
body.home-page:not(.roofing-page) .hero{background-image:linear-gradient(90deg,#161b1166,#161b1100),linear-gradient(to bottom,#161b1100 calc(25% + 30px),#161b1140 65%,#161b1159 80%,#161b11 100%),url("assets/home-hero-blue.webp")}
body.windows-page .hero{background-image:linear-gradient(90deg,#161b1166,#161b1100),linear-gradient(to bottom,#161b1100 calc(25% + 30px),#161b1140 65%,#161b1159 80%,#161b11 100%),url("assets/service-windows-optimized.webp")}
body.siding-page .hero{background-image:linear-gradient(90deg,#161b1166,#161b1100),linear-gradient(to bottom,#161b1100 calc(25% + 30px),#161b1140 65%,#161b1159 80%,#161b11 100%),url("assets/service-siding-optimized.webp")}
body.roofing-page:not(.windows-page):not(.siding-page) .hero{background-image:linear-gradient(90deg,#161b1166,#161b1100),linear-gradient(to bottom,#161b1100 calc(25% + 30px),#161b1140 65%,#161b1159 80%,#161b11 100%),url("assets/roofing-hero-gray.webp")}