/* Clear fixed reference film on every content page; contrast belongs to the text panels. */
html{background:#e8eee2}
body,body.home,body.guide-page{background:transparent!important;isolation:isolate}
.reference-site-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#dce5d3;overflow:hidden}
.reference-site-background picture,.reference-site-background img,.reference-site-background video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;opacity:1!important;transform:none}
.reference-site-background video{visibility:hidden;object-fit:cover;object-position:center center}.reference-site-background video.ready{visibility:visible}
body .video-backdrop{display:none!important}
body .footer{position:relative;background:#b0e82c}
body.home .background-home-hero{display:flex!important;align-items:center;justify-content:flex-start;min-height:85svh;padding-top:144px!important;padding-bottom:50px!important}
body.home .background-home-hero .hero-copy{width:57%!important;max-width:740px!important;padding:32px!important;background:#f8fbf6!important;border-left:4px solid #7ab12b;box-shadow:0 16px 50px #14261920}
html body.home .background-home-hero .hero-copy h1{font-size:clamp(32px,3.6vw,54px)!important;line-height:1.1!important;hyphens:none!important;overflow-wrap:normal!important}
body.home .background-home-hero .hero-copy>p{font-size:18px!important;line-height:1.6!important}
body :is(.guide-overview-intro,.guide-related>h2,.legal-shell,.legal-content){background:#f8fbf6;padding:24px;border-radius:6px}
@media(max-width:980px) and (min-width:768px){body.home .background-home-hero .hero-copy{width:70%!important}}
@media(max-width:767px){
 .reference-site-background img{object-position:center 8%}
 .reference-site-background video{display:none!important}
 body.home .background-home-hero{min-height:0;display:block!important;padding-top:clamp(500px,60svh,660px)!important;padding-bottom:28px!important}
 body.home .background-home-hero .hero-copy{width:100%!important;max-width:none!important;padding:23px 20px!important}
 html body.home .background-home-hero .hero-copy h1{font-size:clamp(28px,7.8vw,36px)!important}
 body.home .background-home-hero .hero-copy>p{font-size:17px!important}
 body.home .contact-drawer{display:none}
}

@media(max-width:767px){
 body.home .background-home-hero{position:relative;overflow:hidden}
 body.home .background-home-hero .hero-copy{position:relative;z-index:2}
}