.section-page-banner{position:relative}.section-page-banner>div{width:100%;min-height:var(--section-height);display:flex;flex-direction:column;align-items:var(--section-content-alignment, center);justify-content:var(--section-content-position, center)}.section-page-banner:has(.media-position--background)>div{height:var(--section-height)}.section-page-banner .container{display:flex;flex-direction:column;align-items:var(--section-content-alignment, center);text-align:var(--section-content-alignment, center);gap:calc(var(--section-spacing-unit-size) * 1.5);background-color:rgb(var(--color-background));height:100%}.section-page-banner .container .rte ul,.section-page-banner .container .rte ol{text-align:start;display:flex;flex-direction:column;align-items:var(--section-content-alignment)}.section-page-banner__content{display:inherit;flex-direction:inherit;align-items:inherit;max-width:100%;align-items:var(--section-content-alignment, center)}.template--collection .section-height--auto:has(.breadcrumbs) .section-page-banner__content{margin-block-start:var(--spacing-3)}@media screen and (max-width:749px){.section-page-banner .container{overflow:hidden}}@media screen and (min-width:750px){.template--collection .section-height--auto:has(.breadcrumbs) .section-page-banner__content{margin-block-start:var(--spacing-4)}}@media screen and (min-width:1280px){.section-page-banner__group.max-w-narrower .section-page-banner .content{max-width:70%}}.media-position--top .media,.media-position--bottom .media{display:flex;justify-content:center;align-self:var(--section-content-alignment, center);background-color:transparent}.media-position--top .media{order:-1}.media-position--bottom .media{order:1}.media-position--top img,.media-position--bottom img{width:auto}.media-position--background .section-page-banner__content{position:relative;z-index:2}.section-page-banner .section__heading{color:rgba(var(--color-heading-text),1)}.breadcrumbs+.section__heading{margin-block-start:calc(var(--section-spacing-unit-size) * 1)}.section-page-banner__text{color:rgb(var(--color-foreground));margin-block-start:calc(var(--spacing-unit-size) * 1.5);align-items:inherit}.section-page-banner__text p:last-child{margin-block-end:0}.section-page-banner__text p:first-child{margin-block-start:0}.section-page-banner__menu{max-width:100%;overflow:hidden}.section-page-banner__menu .menu.menu--horizontal:has(*){display:flex;justify-content:start;gap:calc(var(--spacing-unit-size) * .5);margin-block-start:calc(var(--spacing-unit-size) * 3);overflow:scroll}.section-page-banner__menu .menu.menu--horizontal .menu__item:last-of-type{margin-inline-end:var(--page-gutter)}.section-page-banner__menu .menu.menu--horizontal .menu__item a{white-space:nowrap}.section-page-banner__menu .menu.menu--horizontal .menu__item a{border-color:rgba(var(--color-outlined-button-text),0);background-color:rgba(var(--color-outlined-button-text),.1);border-color:transparent;padding:var(--spacing-3) var(--spacing-5);text-transform:unset;font-family:var(--font-heading-family);font-size:var(--font-size-static-md);letter-spacing:var(--font-heading-letter-spacing)}.section-page-banner__menu .menu.menu--horizontal .menu__item a:hover,.section-page-banner__menu .menu.menu--horizontal .menu__item a.active{background-color:var(--color-button-hover-background)}@media screen and (max-width:749px){.section-page-banner__menu{padding-inline-start:var(--page-gutter)}}.section-page-banner--overlay .section-page-banner__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / var(--banner-overlay-opacity-mobile));pointer-events:none;z-index:2}@media screen and (min-width:750px){.section-page-banner--overlay .section-page-banner__media:before{background-color:rgb(0 0 0 / var(--banner-overlay-opacity))}}.section-page-banner--accent .section-page-banner__text em{font-style:normal;color:var(--sg-color-blue)}.section-page-banner--compact .section-page-banner__group{gap:0}@media screen and (min-width:990px){.section-page-banner--compact .section-page-banner__group{padding-inline:max(var(--page-gutter),calc((100% - var(--page-width)) / 2 + var(--page-gutter)))}}.section-page-banner--compact .breadcrumbs{padding-block:18px 6px}@media screen and (min-width:750px){.section-page-banner--compact .breadcrumbs{padding-block-start:26px}}.section-page-banner--compact .breadcrumbs__list{height:24px}.section-page-banner--compact .breadcrumbs__list{gap:var(--sg-space-8)}.section-page-banner--compact .breadcrumbs__list li .button.button--text{font-family:var(--sg-font-body);font-size:var(--sg-type-text-xs-size);font-weight:var(--sg-font-weight-medium);line-height:var(--sg-type-text-xs-line-height);letter-spacing:var(--sg-type-text-xs-letter-spacing);text-transform:none;padding:0;color:var(--sg-color-white);opacity:.8}.section-page-banner--compact .breadcrumbs__list li .button.button--text:after{display:none}.section-page-banner--compact .breadcrumbs__list li:last-child>span{font-family:var(--sg-font-body);font-size:var(--sg-type-text-xs-size);font-weight:var(--sg-font-weight-bold);line-height:22px;text-transform:none;letter-spacing:0;color:var(--sg-color-white)}.section-page-banner--compact .breadcrumbs__separator{margin:0;font-family:var(--sg-font-inter);font-size:11px;line-height:24px;letter-spacing:.66px;color:var(--sg-color-white)}.section-page-banner--compact .section-page-banner__content{margin-block-start:0;padding-block:var(--sg-space-24) 30px}.section-page-banner--compact .page-banner__title{font-family:var(--sg-font-heading);font-size:var(--sg-type-h2-size-max);line-height:var(--sg-type-h2-line-height-max);margin:0;padding:0}.section-page-banner--compact .section-page-banner__text{max-width:38.4rem;margin-block-start:13px;font-family:var(--sg-font-body);font-size:var(--sg-type-text-lg-size);font-weight:var(--sg-font-weight-medium);line-height:var(--sg-type-text-lg-line-height)}@media screen and (max-width:749px){.section-page-banner--compact .section-page-banner__text{max-width:33.7rem}}.section-page-banner>div:not(:has(.section-page-banner__media)){height:auto;min-height:0}.section-page-banner--compact .section-page-banner__group:not(:has(.section-page-banner__media)) .breadcrumbs__list li .button.button--text,.section-page-banner--compact .section-page-banner__group:not(:has(.section-page-banner__media)) .breadcrumbs__list li:last-child>span,.section-page-banner--compact .section-page-banner__group:not(:has(.section-page-banner__media)) .breadcrumbs__separator{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-page-banner.css.map */