.brand-banner{position:relative;isolation:isolate;display:flex;box-sizing:border-box;width:100%;min-height:100vh;min-height:var(--bb-height);padding:var(--bb-padding-y) var(--bb-padding-x);justify-content:var(--bb-horizontal);align-items:var(--bb-vertical);background:#45513c}.brand-banner__media,.brand-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.brand-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--bb-image-position)}.brand-banner__overlay{background:linear-gradient(to bottom,transparent 75.227%,var(--bb-overlay-color));opacity:var(--bb-overlay-opacity);mix-blend-mode:multiply}.brand-banner__content{width:100%;max-width:var(--bb-width);min-width:0;display:flex;flex-direction:column;gap:var(--bb-gap);text-align:var(--bb-align);overflow-wrap:anywhere}.brand-banner__title,.brand-banner__description{margin:0;padding:0;text-transform:none;letter-spacing:normal}.brand-banner__description{opacity:.9}.brand-banner__description>:first-child{margin-top:0}.brand-banner__description>:last-child{margin-bottom:0}.brand-banner__description p{margin:0 0 .75em}.brand-banner__description a{color:inherit;text-decoration:underline}.brand-banner__description a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.brand-banner__title{font-family:var(--bb-title-family);font-weight:var(--bb-title-weight);font-style:var(--bb-title-style);font-size:var(--bb-title-size);line-height:var(--bb-title-line-height);color:var(--bb-title-color)}.brand-banner__description{font-family:var(--bb-description-family);font-weight:var(--bb-description-weight);font-style:var(--bb-description-style);font-size:var(--bb-description-size);line-height:var(--bb-description-line-height);color:var(--bb-description-color)}.brand-banner{--bb-height: var(--bb-desktop-height);--bb-padding-x: var(--bb-desktop-padding-x);--bb-padding-y: var(--bb-desktop-padding-y);--bb-horizontal: var(--bb-desktop-horizontal);--bb-vertical: var(--bb-desktop-vertical);--bb-align: var(--bb-desktop-align);--bb-width: var(--bb-desktop-width);--bb-gap: var(--bb-desktop-gap);--bb-image-position: var(--bb-desktop-image-position);--bb-title-family: var(--bb-desktop-title-family);--bb-title-weight: var(--bb-desktop-title-weight);--bb-title-style: var(--bb-desktop-title-style);--bb-title-size: var(--bb-desktop-title-size);--bb-title-line-height: var(--bb-desktop-title-line-height);--bb-title-color: var(--bb-desktop-title-color);--bb-description-family: var(--bb-desktop-description-family);--bb-description-weight: var(--bb-desktop-description-weight);--bb-description-style: var(--bb-desktop-description-style);--bb-description-size: var(--bb-desktop-description-size);--bb-description-line-height: var(--bb-desktop-description-line-height);--bb-description-color: var(--bb-desktop-description-color)}@media(max-width:768px){.brand-banner{--bb-height: var(--bb-mobile-height);--bb-padding-x: var(--bb-mobile-padding-x);--bb-padding-y: var(--bb-mobile-padding-y);--bb-horizontal: var(--bb-mobile-horizontal);--bb-vertical: var(--bb-mobile-vertical);--bb-align: var(--bb-mobile-align);--bb-width: var(--bb-mobile-width);--bb-gap: var(--bb-mobile-gap);--bb-image-position: var(--bb-mobile-image-position);--bb-title-family: var(--bb-mobile-title-family);--bb-title-weight: var(--bb-mobile-title-weight);--bb-title-style: var(--bb-mobile-title-style);--bb-title-size: var(--bb-mobile-title-size);--bb-title-line-height: var(--bb-mobile-title-line-height);--bb-title-color: var(--bb-mobile-title-color);--bb-description-family: var(--bb-mobile-description-family);--bb-description-weight: var(--bb-mobile-description-weight);--bb-description-style: var(--bb-mobile-description-style);--bb-description-size: var(--bb-mobile-description-size);--bb-description-line-height: var(--bb-mobile-description-line-height);--bb-description-color: var(--bb-mobile-description-color)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-banner.css.map */