/* Stage 35: corrected hero proportions and no legacy background stretching */
body.template-2026 .hero-template{
 position:relative!important;
 min-height:690px!important;
 height:690px!important;
 padding:0!important;
 display:flex!important;
 align-items:stretch!important;
 background:#102638!important;
 overflow:hidden!important;
}
body.template-2026 .hero-template .hero-media{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 z-index:0!important;
 overflow:hidden!important;
}
body.template-2026 .hero-template .hero-media img{
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:center center!important;
 display:block!important;
 filter:none!important;
 transform:none!important;
 image-rendering:auto!important;
}
body.template-2026 .hero-template:before{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 z-index:1!important;
 background:linear-gradient(90deg,rgba(7,15,23,.58) 0%,rgba(7,15,23,.38) 31%,rgba(7,15,23,.10) 56%,rgba(7,15,23,0) 74%)!important;
 pointer-events:none!important;
}
body.template-2026 .hero-template .hero-contractor-grid{
 position:relative!important;
 z-index:2!important;
 min-height:580px!important;
 height:auto!important;
 display:flex!important;
 align-items:center!important;
 padding-top:82px!important;
 padding-bottom:112px!important;
}
body.template-2026 .hero-template .hero-copy{max-width:600px!important;padding:0!important}
body.template-2026 .hero-template .hero-copy h1{
 max-width:600px!important;
 font-size:clamp(40px,3.5vw,54px)!important;
 line-height:1.04!important;
 letter-spacing:-.035em!important;
 margin:14px 0 18px!important;
}
body.template-2026 .hero-template .hero-copy .hero-sub{
 max-width:540px!important;
 font-size:16px!important;
 line-height:1.55!important;
}
body.template-2026 .hero-template .hero-actions{margin-top:24px!important}
body.template-2026 .hero-template .hero-actions .btn{min-height:48px!important;padding:0 22px!important;font-size:14px!important}
body.template-2026 .hero-benefit-bar{min-height:98px!important}
body.template-2026 .hero-benefit-item{min-height:98px!important;padding:18px 24px!important}

@media (max-width:760px){
 body.template-2026 .hero-template{
 height:auto!important;
 min-height:0!important;
 display:block!important;
 padding-top:66px!important;
 background:#102638!important;
 }
 body.template-2026 .hero-template .hero-media{
 position:relative!important;
 inset:auto!important;
 height:280px!important;
 }
 body.template-2026 .hero-template .hero-media img{
 object-fit:cover!important;
 object-position:center 52%!important;
 }
 body.template-2026 .hero-template:before{display:none!important}
 body.template-2026 .hero-template .hero-contractor-grid{
 min-height:0!important;
 display:block!important;
 padding:28px 20px 30px!important;
 }
 body.template-2026 .hero-template .hero-copy h1{
 font-size:34px!important;
 line-height:1.08!important;
 max-width:none!important;
 margin:10px 0 14px!important;
 text-shadow:none!important;
 }
 body.template-2026 .hero-template .hero-copy .hero-sub{
 font-size:15px!important;
 line-height:1.5!important;
 max-width:none!important;
 text-shadow:none!important;
 }
 body.template-2026 .hero-template .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important}
 body.template-2026 .hero-template .hero-actions .btn{width:100%!important}
 body.template-2026 .hero-benefit-bar{position:relative!important;min-height:0!important}
 body.template-2026 .hero-benefit-grid{grid-template-columns:1fr!important}
 body.template-2026 .hero-benefit-item{min-height:72px!important;padding:14px 0!important}
}