[data-top-hero-background]{position:relative;isolation:isolate}
[data-top-hero-background][data-top-background-placement="hero"]{--top-hero-width:min(52%,820px);--top-hero-height:clamp(320px,32vw,440px);--top-hero-right-gap:30px;--top-hero-position:center center;--top-hero-mobile-height:420px}
[data-top-hero-background][data-top-background-placement="hero"]::before{content:"";position:absolute;z-index:-1;top:0;right:var(--top-hero-right-gap);width:var(--top-hero-width);height:var(--top-hero-height);pointer-events:none;opacity:0;background-image:linear-gradient(to left,rgba(243,245,247,.42) 0%,rgba(243,245,247,.18) 58%,transparent 100%),linear-gradient(to bottom,rgba(243,245,247,.30) 0%,rgba(243,245,247,.48) 58%,var(--bg,#f3f5f7) 100%),var(--top-hero-image);background-position:var(--top-hero-position);background-repeat:no-repeat;background-size:cover;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 24%,#000 58%,#000 84%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 24%,#000 58%,#000 84%,transparent 100%);transition:opacity .25s ease}
[data-top-hero-background].has-top-hero-background::before{opacity:1}
@media(prefers-color-scheme:dark){[data-top-hero-background][data-top-background-placement="hero"]::before{background-image:linear-gradient(to left,rgba(16,21,27,.48) 0%,rgba(16,21,27,.20) 58%,transparent 100%),linear-gradient(to bottom,rgba(16,21,27,.26) 0%,rgba(16,21,27,.44) 58%,var(--bg,#10151b) 100%),var(--top-hero-image)}}
html[data-theme="light"] [data-top-hero-background][data-top-background-placement="hero"]::before{background-image:linear-gradient(to left,rgba(243,245,247,.42) 0%,rgba(243,245,247,.18) 58%,transparent 100%),linear-gradient(to bottom,rgba(243,245,247,.30) 0%,rgba(243,245,247,.48) 58%,var(--bg,#f3f5f7) 100%),var(--top-hero-image)}
html[data-theme="dark"] [data-top-hero-background][data-top-background-placement="hero"]::before{background-image:linear-gradient(to left,rgba(16,21,27,.48) 0%,rgba(16,21,27,.20) 58%,transparent 100%),linear-gradient(to bottom,rgba(16,21,27,.26) 0%,rgba(16,21,27,.44) 58%,var(--bg,#10151b) 100%),var(--top-hero-image)}
[data-top-background-placement="footer"]{overflow:hidden}
[data-top-background-placement="footer"]::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background-image:linear-gradient(to right,rgba(16,20,24,.90),rgba(16,20,24,.62) 45%,rgba(16,20,24,.82)),linear-gradient(to bottom,rgba(16,20,24,.72),rgba(16,20,24,.60) 52%,rgba(16,20,24,.88)),var(--top-hero-image);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;transition:opacity .25s ease}
[data-top-background-placement="footer"].has-top-hero-background::before{opacity:1}
@media(max-width:640px){[data-top-hero-background][data-top-background-placement="hero"]::before{right:auto;left:50%;width:100vw;max-width:none;height:var(--top-hero-mobile-height);transform:translateX(-50%);background-image:linear-gradient(to bottom,rgba(243,245,247,.54) 0%,rgba(243,245,247,.68) 62%,var(--bg,#f3f5f7) 100%),var(--top-hero-image);background-position:center center;background-size:cover;-webkit-mask-image:none;mask-image:none}html[data-theme="light"] [data-top-hero-background][data-top-background-placement="hero"]::before{background-image:linear-gradient(to bottom,rgba(243,245,247,.54) 0%,rgba(243,245,247,.68) 62%,var(--bg,#f3f5f7) 100%),var(--top-hero-image)}html[data-theme="dark"] [data-top-hero-background][data-top-background-placement="hero"]::before{background-image:linear-gradient(to bottom,rgba(16,21,27,.48) 0%,rgba(16,21,27,.64) 62%,var(--bg,#10151b) 100%),var(--top-hero-image)}}
@media(max-width:640px) and (prefers-color-scheme:dark){[data-top-hero-background][data-top-background-placement="hero"]::before{background-image:linear-gradient(to bottom,rgba(16,21,27,.48) 0%,rgba(16,21,27,.64) 62%,var(--bg,#10151b) 100%),var(--top-hero-image)}}
@media(min-width:641px) and (max-width:900px){[data-top-hero-background][data-top-background-placement="hero"]{--top-hero-right-gap:20px}}
@media(prefers-reduced-motion:reduce){[data-top-hero-background]::before{transition:none}}