/* v2.7.5: original EWP image, full colour, with the fade confined to the copy side.
 * The hero follows its content height after removal of the small introductory label.
 */
body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image img{
  filter:none!important;
}

body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero,
body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__inner{
  min-height:0!important;
}

@media (min-width:768px){
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__inner{
    align-items:flex-start!important;
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
}

@media (min-width:1025px){
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image{
    inset:0 0 0 30%!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image img{
    object-position:50% center!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero::before{
    background:linear-gradient(90deg,#03121d 0%,#03121d 33%,rgba(3,18,29,.98) 36%,rgba(3,18,29,.80) 39%,rgba(3,18,29,.35) 43%,rgba(3,18,29,0) 48%,rgba(3,18,29,0) 100%)!important;
  }
}

@media (min-width:768px) and (max-width:1024px){
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image{
    inset:0 0 0 20%!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image img{
    object-position:20% center!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero::before{
    background:linear-gradient(90deg,#03121d 0%,#03121d 44%,rgba(3,18,29,.95) 53%,rgba(3,18,29,.5) 64%,rgba(3,18,29,0) 78%,rgba(3,18,29,0) 100%)!important;
  }
}

@media (max-width:767px){
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image{
    inset:0 0 auto!important;
    height:340px!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image img{
    object-position:44% center!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero::before{
    background:linear-gradient(180deg,rgba(3,18,29,0) 0,rgba(3,18,29,0) 170px,rgba(3,18,29,.65) 255px,#03121d 340px,#03121d 100%)!important;
  }
}

/* v2.7.14: extend the copy-side fade and move the exposed reinforcement right. */
@media (min-width:1025px){
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image{
    inset:0 0 0 42%!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image img{
    object-position:left center!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero::before{
    background:linear-gradient(90deg,#03121d 0%,#03121d 38%,rgba(3,18,29,.98) 42%,rgba(3,18,29,.86) 46%,rgba(3,18,29,.48) 51%,rgba(3,18,29,.12) 57%,rgba(3,18,29,0) 63%)!important;
  }
}

/* v2.7.11: feather the actual photo edge so the dark hero has no hard seam. */
@media (min-width:1025px){
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 7%,#000 19%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 7%,#000 19%);
  }
}

/* v2.7.12: a separate mobile photo keeps the damage and inspector above the copy. */
@media (max-width:767px){
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:3 / 2;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:4% center!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__image::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:18%;
    background:linear-gradient(180deg,rgba(3,18,29,0),#03121d);
    pointer-events:none;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero::before{
    display:none!important;
  }
  body.ccrs-free-inspection-page #ccrs-free-inspection-page .ccrsfi-hero__inner{
    min-height:0!important;
    height:auto!important;
    padding:22px 0 34px!important;
    margin-top:0!important;
    transform:none!important;
  }
}