/* Kingsmere natural-photo hero system v5 — 2026-10-16.
   Uses the original photographs without any dimming, brightening, tinting,
   gradients or full-size white side panels. Keeps v4 shared geometry. */
:root { --km-u-green:#70BF45; --km-u-orange:#F28C28; }
/* Site-wide original photography: overlays are removed, not made translucent. */
.hero.km-u-hero .hero-ov,
.page-hero.km-u-hero .page-hero-ov,
.km-awning-hero.km-u-hero .km-awning-hero-ov {
  display:none!important; visibility:hidden!important; background:none!important;
  opacity:0!important;
}
.hero.km-u-hero .hero-bg,
.page-hero.km-u-hero .page-hero-bg,
.km-awning-hero.km-u-hero .km-awning-hero-bg {
  filter:none!important; opacity:1!important; mix-blend-mode:normal!important;
  background-blend-mode:normal!important;
}
/* The advertising pages previously used a gradient pseudo-element. */
.lp-hero::before {content:none!important;display:none!important; background:none!important;opacity:0!important}
.lp-hero .lp-hero-bg {filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
/* Do not tint any natural hero image using a translucent panel. */
.km-u-hero .km-u-layout::before,.km-u-hero .km-u-layout::after {content:none!important}
/* Preserve contrast at the lettering only, while leaving every photo pixel unchanged. */
@media(min-width:801px) {
  .km-u-hero .km-u-eyebrow,.km-u-hero .km-u-heading,.km-u-hero .km-u-supplement,
  .km-u-hero .km-u-description,.km-u-hero .km-u-benefits,
  .lp-hero .hero-tag,.lp-hero .hero-copy>h1,.lp-hero .hero-copy>h1 span,
  .lp-hero .hero-copy>p,.lp-hero .km-u-benefits {
    text-shadow:0 1px 2px rgba(255,255,255,.87),0 0 8px rgba(255,255,255,.60)!important;
  }
  .km-u-hero.km-u-on-dark .km-u-eyebrow,.km-u-hero.km-u-on-dark .km-u-heading,
  .km-u-hero.km-u-on-dark .km-u-supplement,.km-u-hero.km-u-on-dark .km-u-description,
  .km-u-hero.km-u-on-dark .km-u-benefits {
    color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.70)!important;
  }
  .lp-hero.km-u-on-dark .hero-tag,.lp-hero.km-u-on-dark .hero-copy>h1,
  .lp-hero.km-u-on-dark .hero-copy>h1 span,.lp-hero.km-u-on-dark .hero-copy>p,
  .lp-hero.km-u-on-dark .km-u-benefits {
    color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.70)!important;
  }
}
/* Photos retain their natural colours on phones, with a clean image/text break.
   The content below is on the page background, never a white fade over the photo. */
@media(max-width:800px) {
  .hero.km-u-hero .hero-ov,.page-hero.km-u-hero .page-hero-ov,
  .km-awning-hero.km-u-hero .km-awning-hero-ov {display:none!important;background:none!important}
  .km-u-hero .hero-bg,.km-u-hero .page-hero-bg,.km-u-hero .km-awning-hero-bg {
    filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
  }
  .km-u-hero.km-u-custom-photo .page-hero-bg {
    background-image:url('/assets/hero-veranda-original.jpg')!important;
    background-position:54% center!important;
  }
  .km-u-hero.km-u-custom-photo .km-awning-hero-bg {
    background-image:url('/assets/hero-awning-original.jpg')!important;
    background-position:54% center!important;
  }
  .lp-hero::before{display:none!important;content:none!important}
  .lp-hero .lp-hero-bg {opacity:1!important;filter:none!important}
  .lp-hero .lp-hero-bg[src*="hero-awning-original"] {object-position:55% center!important}
  .lp-hero .lp-hero-bg[src*="hero-veranda-original"] {object-position:54% center!important}
}
/* Natural photograph framing: show the complete horizontal span of the awning and veranda. */
@media(min-width:801px) {
  .km-u-hero.km-u-custom-photo .page-hero-bg,
  .km-u-hero.km-u-custom-photo .km-awning-hero-bg {background-position:50% 52%!important}
  .lp-hero .lp-hero-bg[src*="hero-awning-original"] {object-position:50% 52%!important}
  .lp-hero .lp-hero-bg[src*="hero-veranda-original"] {object-position:50% 52%!important}
}