/* Roofing & exterior pages: realistic photo textures (img/textures/) behind the navy bands only; light sections stay light.
   Applied with class "ext" plus one texture: tx-shingle (roofing), tx-siding (exterior remodeling), tx-metal (gutters). */
.ext.tx-shingle{--tx:url(/img/textures/shingle.webp);--tx-size:420px}
.ext.tx-siding{--tx:url(/img/textures/siding.webp);--tx-size:460px}
.ext.tx-metal{--tx:url(/img/textures/metal.webp);--tx-size:520px}
.ext.ext .rhero,.ext.ext .sp-hero{background:linear-gradient(110deg,rgba(8,24,47,.9) 0%,rgba(16,40,77,.74) 55%,rgba(33,76,123,.58) 100%),var(--tx) center/var(--tx-size) repeat;background-color:#10284d}
.ext.ext .rdark,.ext.ext .sp-dark{background:linear-gradient(135deg,rgba(7,23,47,.86),rgba(16,46,85,.74)),var(--tx) center/var(--tx-size) repeat;background-color:#102e55}
.ext.ext .rfinal{background:radial-gradient(circle at 10% 0%,#ecbb6740,transparent 35%),linear-gradient(115deg,rgba(7,22,45,.86),rgba(20,55,98,.74)),var(--tx) center/var(--tx-size) repeat;background-color:#143762}