/* Site 5 R14: clean single-map, max-width desktop hero + smaller SEO heading.
   This is deliberately limited to the homepage classes. */
@media (min-width:701px){
  html body .fbl-r13-hero{
    width:min(100%,1260px)!important;
    max-width:1260px!important;
    margin-inline:auto!important;
    min-height:370px!important;
    border-radius:0!important;
  }
  html body .fbl-r13-hero-inner{min-height:370px!important;padding-top:34px!important;padding-bottom:32px!important}
  html body .fbl-r13-photo{
    inset:0 0 0 auto!important;
    width:50%!important;
    background-image:url('/assets/img/fbluk/hero-owners-clean-r14.webp')!important;
    background-size:cover!important;
    background-position:60% center!important;
  }
  html body .fbl-r13-red-slice{width:68%!important;clip-path:polygon(0 0,100% 0,79% 100%,0 100%)!important}
  html body .fbl-r13-map{
    left:43.5%!important;top:9%!important;width:12%!important;height:78%!important;
    background-image:url('/assets/img/fbluk/uk-outline-r13.png')!important;
    background-position:center!important;background-size:contain!important;
    opacity:1!important;
  }
  html body .fbl-r13-copy{width:55%!important;max-width:670px!important}
  html body .fbl-r13-copy h1{
    font-size:clamp(34px,3.45vw,45px)!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
    max-width:690px!important;
  }
  html body .fbl-r13-copy h1 span{display:block!important;white-space:nowrap!important}
  html body .fbl-r13-intro{max-width:510px!important;font-size:16px!important}
}
@media (min-width:701px) and (max-width:1100px){
  html body .fbl-r13-copy{width:58%!important}
  html body .fbl-r13-copy h1{font-size:clamp(30px,3.9vw,42px)!important}
  html body .fbl-r13-map{left:43.5%!important;width:12%!important}
}
@media (min-width:701px) and (max-width:850px){
  html body .fbl-r13-copy{width:62%!important}
  html body .fbl-r13-copy h1{font-size:30px!important}
  html body .fbl-r13-copy h1 span{white-space:normal!important}
  html body .fbl-r13-map{left:44%!important;width:10%!important;opacity:1!important}
}
@media(max-width:700px){
  html body .fbl-r13-hero{width:100%!important;max-width:none!important}
  html body .fbl-r13-photo{
    background-image:url('/assets/img/fbluk/hero-owners-clean-r14.webp')!important;
    background-position:center!important;
  }
  html body .fbl-r13-copy h1 span{display:block!important;white-space:normal!important}
}
/* This heading should be a supporting SEO heading, not oversized. */
html body .fbl-keyword-copy .fbl-section-heading h2{
  font-size:clamp(23px,2.4vw,31px)!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  max-width:1000px!important;
}
html body .fbl-keyword-copy .fbl-section-heading{margin-bottom:18px!important}

/* R17: cover the uncovered rectangular seam beneath the diagonal and shift the map slightly left. */

/* R18: restore both business owners without changing the map, headline or buttons.
   The red polygon's top edge was covering the man's face in R17. */
@media (min-width:701px){
  html body .fbl-r13-photo{
    width:47%!important;
    background-position:center center!important;
  }
  html body .fbl-r13-red-slice{
    width:68%!important;
    clip-path:polygon(0 0,90% 0,79% 100%,0 100%)!important;
  }
}