/* Toolbelt Websites — Websites for Electricians
   Trade-specific art direction only. The plumber-page CSS remains the master layout system. */

.electrician-page .plumber-hero--editorial .plumber-hero__media img{
  object-position:68% center;
}

.electrician-page .plumber-editorial-photo img{
  object-position:43% 50%;
}

.electrician-page .plumber-services-story__image img{
  object-position:47% 50%;
}

.electrician-page .plumber-conversion-story__image img{
  object-position:58% 48%;
}

.electrician-page .plumber-browser__address{
  text-transform:uppercase;
  letter-spacing:.08em;
}

.electrician-page .plumber-final-cta::before{
  background:
    linear-gradient(90deg,rgba(8,10,12,.99) 0%,rgba(8,10,12,.94) 38%,rgba(8,10,12,.76) 58%,rgba(8,10,12,.28) 100%),
    url('/assets/images/electricians/final-cta.webp') 66% 47%/cover no-repeat;
}

@media (max-width:980px){
  .electrician-page .plumber-hero--editorial .plumber-hero__media img{object-position:66% center;}
  .electrician-page .plumber-final-cta::before{
    background:
      linear-gradient(90deg,rgba(8,10,12,.99) 0%,rgba(8,10,12,.95) 48%,rgba(8,10,12,.60) 78%,rgba(8,10,12,.30) 100%),
      url('/assets/images/electricians/final-cta.webp') 64% 46%/cover no-repeat;
  }
}

@media (max-width:760px){
  .electrician-page .plumber-hero--editorial .plumber-hero__media img{object-position:62% center;}
  .electrician-page .plumber-editorial-photo img{object-position:40% 50%;}
  .electrician-page .plumber-services-story__image img{object-position:48% 52%;}
  .electrician-page .plumber-conversion-story__image img{object-position:55% 48%;}
  .electrician-page .plumber-final-cta::before{
    background:
      linear-gradient(90deg,rgba(8,10,12,.98) 0%,rgba(8,10,12,.92) 68%,rgba(8,10,12,.66) 100%),
      linear-gradient(180deg,rgba(8,10,12,.28) 0%,rgba(8,10,12,.66) 52%,rgba(8,10,12,.94) 100%),
      url('/assets/images/electricians/final-cta.webp') 61% 48%/cover no-repeat;
  }
}

@media (max-width:520px){
  .electrician-page .plumber-hero--editorial .plumber-hero__media img{object-position:60% center;}
  .electrician-page .plumber-final-cta::before{background-position:center,center,59% 48%;}
}

/* ELECTRICIAN CONVERSION POLISH V1.0 */
/* Match the vertical rhythm used by the other approved trade-page sections. */
.electrician-page .plumber-conversion-story__content > .plumber-intro{
  margin-top:25px;
}

/* The numbered journey already communicates sequence. Remove the decorative
   glyph arrows and let the three steps sit as a clean, evenly balanced row. */
.electrician-page .plumber-contact-flow{
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(22px,2.4vw,34px);
}
.electrician-page .plumber-contact-flow > i{
  display:none;
}

@media (max-width:760px){
  .electrician-page .plumber-conversion-story__content > .plumber-intro{
    margin-top:20px;
  }
  .electrician-page .plumber-contact-flow{
    grid-template-columns:1fr;
    row-gap:18px;
  }
}
/* /ELECTRICIAN CONVERSION POLISH V1.0 */

/* ELECTRICIAN SHOWCASE IMAGE V1.0 */
/* The supplied Evans Electric screenshot is taller than the original concept artwork.
   Keep the approved browser presentation while art-directing the crop around the
   navigation, electrician hero and quote form rather than shrinking the screenshot. */
.electrician-page .plumber-showcase .plumber-browser__screen--real{
  aspect-ratio:3/2;
}
.electrician-page .plumber-showcase .plumber-browser__screen--real img{
  object-fit:cover;
  object-position:center top;
}
/* /ELECTRICIAN SHOWCASE IMAGE V1.0 */