.page-banner{--image-start: 75%;position:relative;isolation:isolate}.page-banner__background{z-index:-1}.page-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(95deg,rgb(var(--color-accent-primary-lightest)) calc(100% - var(--image-start) + 200px),transparent calc(100% - var(--image-start) + 600px));z-index:0}.page-banner__background-image{position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover;z-index:-1;max-width:var(--image-start);margin-left:auto}.page-banner__content{height:auto;min-height:40rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;max-height:72rem;padding-top:var(--spacing-08);padding-bottom:var(--spacing-08)}.page-banner__content .text-overline{margin-bottom:var(--spacing-03);color:rgb(var(--color-accent-primary-stronger))}.page-banner__content h1{margin-bottom:var(--spacing-06);line-height:1}.page-banner__content .rte{max-width:40ch}.page-banner__content-inner{display:flex;flex-direction:column;justify-content:center;max-width:64rem;align-items:center;text-align:center}@media screen and (min-width: 750px){.page-banner[data-text-align=center] .page-banner__content-inner{align-items:center;text-align:center}.page-banner[data-text-align=left] .page-banner__content-inner{align-items:flex-start;text-align:left}.page-banner[data-content-align=right] .page-banner__content-inner{margin-left:auto}.page-banner[data-content-align=right] .page-banner__overlay{background-image:linear-gradient(-95deg,rgb(var(--color-accent-primary-lightest)) calc(100% - var(--image-start) + 100px),transparent calc(100% - var(--image-start) + 700px))}.page-banner[data-content-align=right] .page-banner__background-image{right:unset;left:0;margin-left:auto}}@media screen and (max-width: 749px){.page-banner{background-color:rgb(var(--color-accent-primary-lightest))}.page-banner__background{position:relative}.page-banner__background:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8em;background-image:linear-gradient(to top,rgb(var(--color-accent-primary-lightest)),transparent)}.page-banner__background-image{position:relative;width:100%;max-width:100%;height:30vh;max-height:30rem}.page-banner__content{min-height:unset;justify-content:flex-end;align-items:center;height:auto}.page-banner__content-inner{max-width:40rem}.page-banner__content h1{font-size:3.2rem}.page-banner__overlay{display:none;background-image:linear-gradient(to top,rgb(var(--color-accent-primary-lightest)) 60%,transparent 75%)}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/section-page-banner.css.map */
