/* Toolbelt Websites — Landscapers production imagery v1.0.0 */
.landscaper-page .tb-landscaper-image{display:block}
.landscaper-page .plumber-final-cta::before{background:linear-gradient(90deg,rgba(8,10,12,.99) 0%,rgba(8,10,12,.95) 43%,rgba(8,10,12,.75) 68%,rgba(8,10,12,.34) 100%),url('/assets/images/landscapers/06-websites-for-uk-landscapers.webp') 70% 34%/cover no-repeat}
@media(max-width:980px){.landscaper-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/landscapers/06-websites-for-uk-landscapers.webp') 69% 33%/cover no-repeat}}
@media(max-width:760px){.landscaper-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/landscapers/06-websites-for-uk-landscapers.webp') 62% 30%/cover no-repeat}}
@media(max-width:520px){.landscaper-page .plumber-final-cta::before{background-position:center,center,46% 29%}}

/* Toolbelt Websites — Landscaper browser mockup fit v1.0.1
   Image 03 is a 4:3 website concept. Match the browser viewport to that
   image ratio so the screenshot fills the frame without side gutters
   and without cropping any of the website concept. */
.landscaper-page .plumber-browser__screen--real {
  aspect-ratio: 4 / 3;
}

.landscaper-page .plumber-browser__screen--real .tb-landscaper-image--browser {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center top;
}