/* p9l real photos, item C. Home hero only: restores the pre v3 framing on top of the v3 layout. Approved by SEO Manager 2 Nov 2026 10:16 and 10:18.
   Load after p9e-fixes.css. Every rule is scoped to .hero (the home hero) and never touches .hero3 (service and location heroes). */
@media (min-width:1024px){
  .v3 .hero{min-height:clamp(27rem,35vw,34rem)}                 /* was clamp(34rem,40vw,50rem) */
  .v3 .hero__inner{padding-block:clamp(2.75rem,2rem + 3vw,4.5rem)}
  .v3 .hero__content{max-width:34rem}
  .v3 .hero h1{font-size:clamp(2.25rem,1.2rem + 2.2vw,3.25rem)}
  .v3 .hero .lead{max-width:30rem;font-size:clamp(1.0625rem,.95rem + .35vw,1.25rem)}
  /* photo stage: never wider than the 1672 px source, anchored right, so it is never upscaled */
  .v3 .hero__bg{left:auto;right:0;width:min(100%,1672px);inset-inline-start:auto}
  .v3 .hero__bg img{object-position:100% 22%;filter:none}
  /* the overlay travels with the photo stage, so it reads the same at every width */
  .v3 .hero::before{display:none}
  .v3 .hero__bg::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,#071427 0,rgba(7,20,39,.88) 12%,rgba(10,29,51,.70) 27%,rgba(10,29,51,.36) 41%,rgba(10,29,51,.08) 55%,rgba(7,20,39,0) 66%)}
}
@media (min-width:1024px) and (max-width:1279.98px){
  .v3 .hero__bg img{object-position:92% 22%}
}
