/* PEP-1233: scoped additions; retain approved images and each local template. */
body[data-pep-cu="installation-replacement"] main h1{font-size:clamp(2.2rem,3.5vw,4rem)!important;line-height:1.08!important;overflow-wrap:normal;word-break:normal}
body[data-pep-cu="installation-replacement"] .nhcu-hero-heading h1{max-width:56%!important}
body[data-pep-cu="installation-replacement"] .cu-hero-copy{min-width:0}
.pep-cu-scope{padding:clamp(48px,6vw,88px) 24px;background:#f2eee7;color:#21302f;scroll-margin-top:100px}
.pep-cu-scope-inner{max-width:1200px;margin:auto}
.pep-cu-eyebrow{font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;color:#785f46;margin:0 0 18px!important}
.pep-cu-scope h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(29px,3.1vw,44px);line-height:1.15;max-width:860px;margin:0 0 22px}
.pep-cu-intro{max-width:900px;font-size:17px;line-height:1.8;margin-bottom:32px}
.pep-cu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pep-cu-grid article{background:#faf8f3;border:1px solid #ddd7cd;padding:28px;min-width:0}
.pep-cu-grid article>span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#796045}
.pep-cu-grid h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.3;margin:18px 0 12px}
.pep-cu-grid p,.pep-cu-scope-footer p{font-size:15px;line-height:1.8;margin:0}
.pep-cu-scope-footer{margin-top:28px;max-width:940px}
.pep-cu-link{display:inline-block;margin-top:22px;font-weight:600;color:#21302f;text-underline-offset:5px}
.pep-cu-context{margin-top:16px!important}
@media(max-width:900px){.pep-cu-grid{grid-template-columns:1fr}.pep-cu-grid article{padding:24px}body[data-pep-cu="installation-replacement"] main h1{font-size:clamp(2.1rem,5.3vw,3.2rem)!important}}
@media(max-width:600px){body[data-pep-cu="installation-replacement"] main h1{font-size:2.15rem!important}body[data-pep-cu="installation-replacement"] .nhcu-hero-heading h1{max-width:100%!important}.pep-cu-scope{padding:44px 20px}.pep-cu-intro{font-size:16px}}
/* Longer H1 must not remain clipped inside the old fixed-height photo overlay. */
@media(max-width:767px){
body[data-pep-cu] :is(.ccu-hero-stage,.chcu-hero-stage,.kcu-hero-stage,.nhcu-hero-stage){height:auto!important;display:block!important}
body[data-pep-cu] :is(.ccu-hero-visual,.chcu-hero-visual,.kcu-hero-visual,.nhcu-hero-visual){height:auto!important;aspect-ratio:auto!important;overflow:visible!important;background:#071e16}
body[data-pep-cu] :is(.ccu-hero-visual,.chcu-hero-visual,.kcu-hero-visual,.nhcu-hero-visual)>img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important}
body[data-pep-cu] :is(.ccu-hero-heading,.chcu-hero-heading,.kcu-hero-heading,.nhcu-hero-heading){position:relative!important;inset:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:28px 20px!important;background:#071e16}
body[data-pep-cu] :is(.ccu-hero-heading,.chcu-hero-heading,.kcu-hero-heading,.nhcu-hero-heading) h1{max-width:none!important;width:auto!important;color:white}
body[data-pep-cu] :is(.ccu-hero-heading,.chcu-hero-heading,.kcu-hero-heading,.nhcu-hero-heading) .eyebrow{font-size:10px!important;line-height:1.5!important;max-width:none!important}
body[data-pep-cu] :is(.ccu-hero-shade,.chcu-hero-shade,.kcu-hero-shade,.nhcu-hero-shade){display:none!important}
}