/* v16.9 adjustable banner, all changes driven by CMS */
:root{--dk-banner-x:50%;--dk-banner-y:50%;--dk-banner-zoom:1;--dk-banner-overlay:.70}
.hero::before{background-position:var(--dk-banner-x) var(--dk-banner-y)!important;background-size:calc(100% * var(--dk-banner-zoom)) auto!important}
.hero:has([data-i="heroTitle"])::after{pointer-events:none}
@media(max-width:680px){.hero::before{background-size:cover!important;background-position:var(--dk-banner-x) var(--dk-banner-y)!important}}
.hero::after{background:linear-gradient(90deg,rgba(255,250,255,var(--dk-banner-overlay)) 0%,rgba(255,245,253,var(--dk-banner-overlay)) 28%,rgba(255,246,253,calc(var(--dk-banner-overlay) * .85)) 42%,rgba(255,246,253,.18) 60%,transparent 78%)!important}