/* ===== Standard hero (.hero-std) - same look as /heat-pump-guide hero. Added 2026-10-31 (draft). Opt-in: only elements with class hero-std are affected. ===== */
.hero-bg.hero-std{position:relative;isolation:isolate;display:flex;align-items:center;min-height:340px;overflow:hidden;background:#1a1a1a;border-radius:0}
@media (max-width:767.98px){.hero-bg.hero-std{min-height:300px}}
@media (min-width:1200px){.hero-bg.hero-std{max-width:1140px;margin-left:auto;margin-right:auto}}
@media (min-width:1400px){.hero-bg.hero-std{max-width:1314px}}
.hero-bg.hero-std .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;z-index:0}
.hero-bg.hero-std::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.62) 60%,rgba(0,0,0,.42) 85%,rgba(0,0,0,.32) 100%)}
@media (max-width:991.98px){.hero-bg.hero-std::after{background:linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.60))}}
.hero-bg.hero-std .container{position:relative;z-index:2}
/* H1: display-5 sizing (48px desktop, ~31px phone), bold; capitalization left as each page has it */
.hero-bg.hero-std h1{font-size:calc(1.425rem + 2.1vw);font-weight:700;line-height:1.2;margin-bottom:.5rem}
@media (min-width:1200px){.hero-bg.hero-std h1{font-size:3rem}}
.hero-bg.hero-std .lead{font-size:1.25rem!important;font-weight:300;margin-bottom:1rem!important}
/* buttons: same size/spacing everywhere (btn-lg look) */
.hero-bg.hero-std .btn{padding:.5rem 1rem;font-size:1.25rem;font-weight:400;letter-spacing:normal;border-radius:.5rem;margin:0 .5rem .5rem 0!important;transform:none}
.hero-bg.hero-std .btn-warning{background-color:#ffc107;border-color:#ffc107;color:#000}
.hero-bg.hero-std .btn-warning:hover{background-color:#ffca2c;border-color:#ffc720;color:#000}
/* extra lines under the buttons (quote / hours): smaller so they sit inside the shorter hero */
.hero-bg.hero-std .btn~p{font-size:.875rem;line-height:1.35}