.page-banner{position:relative;width:100%;height:var(--banner-height-mobile, 300px);overflow:hidden}@media(min-width:768px){.page-banner{height:var(--banner-height-desktop, 450px)}}.page-banner--auto-mobile{height:auto}@media(min-width:768px){.page-banner--auto-mobile{height:var(--banner-height-desktop, 450px)}}.page-banner--auto-desktop{height:var(--banner-height-mobile, 300px)}@media(min-width:768px){.page-banner--auto-desktop{height:auto}}.page-banner--auto-desktop.page-banner--auto-mobile{height:auto}.page-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.page-banner--auto-desktop .page-banner__media,.page-banner--auto-mobile .page-banner__media{position:relative}@media(min-width:768px){.page-banner--auto-desktop .page-banner__media{position:relative}.page-banner--auto-mobile .page-banner__media{position:absolute}}@media(max-width:767px){.page-banner--auto-mobile .page-banner__media{position:relative}.page-banner--auto-desktop .page-banner__media{position:absolute}}.page-banner--auto-desktop.page-banner--auto-mobile .page-banner__media{position:relative}.page-banner__media img,.page-banner__media svg{width:100%;height:100%;object-fit:cover}.page-banner__image-desktop{display:none;height:100%}@media(min-width:768px){.page-banner__image-desktop{display:block}}.page-banner__image-mobile{display:block;height:100%}@media(min-width:768px){.page-banner__image-mobile{display:none}}.page-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--overlay-opacity, 0));pointer-events:none}.page-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:2;padding:2.4rem}.page-banner__content--top{align-items:flex-start}.page-banner__content--center{align-items:center}.page-banner__content--bottom{align-items:flex-end}.page-banner__container{width:100%}.page-banner__inner{display:flex;flex-direction:column;gap:1.2rem}.page-banner__inner--left{align-items:flex-start;text-align:left}.page-banner__inner--center{align-items:center;text-align:center}.page-banner__inner--right{align-items:flex-end;text-align:right}.page-banner__heading{margin:0;color:#fff}.page-banner__subheading{margin:0;color:#ffffffd9;max-width:60ch}.page-banner__button{margin-top:.4rem}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-page-banner.css.map */