.bb-banner{--bb-banner-padding: var(--distance-base, 1rem);--bb-banner-overlay-color: #000000;--bb-banner-overlay-opacity: .4;position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden}.bb-banner__media,.bb-banner__content{grid-column:1;grid-row:1;min-width:0}.bb-banner__media{position:relative;z-index:1;width:100%;min-height:0}.bb-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-color:var(--bb-banner-overlay-color);opacity:var(--bb-banner-overlay-opacity)}.bb-banner__content{position:relative;z-index:3;align-self:var(--bb-banner-align-self, center);justify-self:var(--bb-banner-justify-self, start);box-sizing:border-box;max-width:35rem;padding:var(--bb-banner-padding);display:flex;flex-direction:column;color:var(--color-4, #ffffff);pointer-events:none}.bb-banner.bb-banner--animate-in .bb-banner__content{animation:bbBannerContentReveal calc(var(--transition-1-time, .3s) * 2) ease var(--transition-1-time, .3s) 1 normal both}.bb-banner__content a,.bb-banner__content button{pointer-events:auto}.bb-banner[data-content-placement=top_left]{--bb-banner-align-self: start;--bb-banner-justify-self: start}.bb-banner[data-content-placement=top_center]{--bb-banner-align-self: start;--bb-banner-justify-self: center}.bb-banner[data-content-placement=top_right]{--bb-banner-align-self: start;--bb-banner-justify-self: end}.bb-banner[data-content-placement=center_left]{--bb-banner-align-self: center;--bb-banner-justify-self: start}.bb-banner[data-content-placement=center]{--bb-banner-align-self: center;--bb-banner-justify-self: center}.bb-banner[data-content-placement=center_right]{--bb-banner-align-self: center;--bb-banner-justify-self: end}.bb-banner[data-content-placement=bottom_left]{--bb-banner-align-self: end;--bb-banner-justify-self: start}.bb-banner[data-content-placement=bottom_center]{--bb-banner-align-self: end;--bb-banner-justify-self: center}.bb-banner[data-content-placement=bottom_right]{--bb-banner-align-self: end;--bb-banner-justify-self: end}.bb-banner__actions{display:flex;flex-wrap:wrap;gap:.5em;width:100%;margin-top:var(--bb-banner-btn-mt, 1.5em);margin-bottom:var(--bb-banner-btn-mb, 0);justify-content:flex-start}.bb-banner__actions--align-left{justify-content:flex-start}.bb-banner__actions--align-center{justify-content:center}.bb-banner__actions--align-right{justify-content:flex-end}.bb-banner__subtitle{display:block;width:100%;font-size:var(--bb-banner-subtitle-size-mobile, .6875rem);line-height:2.5;letter-spacing:.08em;text-transform:uppercase;margin-top:var(--bb-banner-subtitle-mt, 0);margin-bottom:var(--bb-banner-subtitle-mb, 0)}.bb-banner__subtitle--align-left{text-align:left}.bb-banner__subtitle--align-center{text-align:center}.bb-banner__subtitle--align-right{text-align:right}.bb-banner__title{margin:0;width:100%;font-family:var(--font-2, serif);font-weight:400;font-size:var(--bb-banner-title-size-mobile, 2rem);line-height:1.2;margin-top:var(--bb-banner-title-mt, 0);margin-bottom:var(--bb-banner-title-mb, 0)}.bb-banner__title--align-left{text-align:left}.bb-banner__title--align-center{text-align:center}.bb-banner__title--align-right{text-align:right}.bb-banner__button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:min(100%,var(--bb-banner-btn-width, 27ch));min-width:0;min-height:var(--bb-banner-btn-min-height, auto);padding:0 2.5em}.bb-banner__button--text-left{justify-content:flex-start;text-align:left}.bb-banner__button--text-center{justify-content:center;text-align:center}.bb-banner__button--text-right{justify-content:flex-end;text-align:right}.bb-banner__button[href=""]{pointer-events:none;filter:brightness(.9)}@media only screen and (min-width:768px){.bb-banner.bb-banner--desktop-fixed:not(.bb-banner--split):not(.bb-banner--bottom){height:var(--bb-banner-height-desktop);max-height:calc(var(--initial-viewport-height, 100vh) - var(--page-content-offset-top, 0px) - var(--announcement-bar-height, 0px))}.bb-banner.bb-banner--desktop-fixed:not(.bb-banner--split):not(.bb-banner--bottom) .bb-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.bb-banner[data-copy-color-desktop=black] .bb-banner__content{color:var(--color-1, #000000)}.bb-banner[data-copy-color-desktop=black] .bb-banner__button{--main-color: var(--color-1, #000000);--alt-color: var(--color-4, #ffffff)}.bb-banner__title{font-size:var(--bb-banner-title-size-desktop, 2.5rem)}.bb-banner__subtitle{font-size:var(--bb-banner-subtitle-size-desktop, .6875rem)}}@media only screen and (max-width:767px){.bb-banner.bb-banner--mobile-fixed:not(.bb-banner--split):not(.bb-banner--bottom){height:var(--bb-banner-height-mobile);max-height:var(--bb-banner-height-mobile)}.bb-banner.bb-banner--mobile-fixed:not(.bb-banner--split):not(.bb-banner--bottom) .bb-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.bb-banner__title{line-height:1.6}.bb-banner[data-copy-color-mobile=black] .bb-banner__content{color:var(--color-1, #000000)}.bb-banner[data-copy-color-mobile=black] .bb-banner__button{--main-color: var(--color-1, #000000);--alt-color: var(--color-4, #ffffff)}.bb-banner__button{width:min(100%,var(--bb-banner-btn-width, 100%));min-width:0;padding:0 .5em}}@keyframes bbBannerContentReveal{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}@keyframes bbBannerSplitDesktopReveal{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}.bb-banner--split{--bb-banner-split-content-width: 30%;--bb-banner-split-content-bg: var(--color-1, #000000);--bb-banner-split-padding-top: 2.5rem;--bb-banner-split-padding-bottom: 2.5rem;--bb-banner-split-padding-left: var(--bb-banner-padding, 1rem);--bb-banner-split-padding-right: var(--bb-banner-padding, 1rem);display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.bb-banner--split .bb-banner__media{flex-shrink:0}.bb-banner--split .bb-banner__media,.bb-banner--split .bb-banner__content{grid-column:unset;grid-row:unset}.bb-banner--split .bb-banner__content.split-content{position:relative;z-index:2;box-sizing:border-box;width:100%;max-width:none;min-width:0;align-self:stretch;justify-self:stretch;display:flex;flex-direction:column;align-items:stretch;justify-content:var(--bb-banner-split-justify-content, center);background-color:var(--bb-banner-split-content-bg);color:var(--color-4, #ffffff);padding:var(--bb-banner-split-padding-top) var(--bb-banner-split-padding-right) var(--bb-banner-split-padding-bottom) var(--bb-banner-split-padding-left);pointer-events:auto;animation:bbBannerSplitDesktopReveal calc(var(--transition-1-time, .3s) * 2) ease var(--transition-1-time, .3s) 1 normal both}.bb-banner--split[data-split-align-v=top]{--bb-banner-split-justify-content: flex-start}.bb-banner--split[data-split-align-v=middle]{--bb-banner-split-justify-content: center}.bb-banner--split[data-split-align-v=bottom]{--bb-banner-split-justify-content: flex-end}.bb-banner--split .bb-banner__title{max-width:100%;overflow-wrap:break-word;word-break:break-word}.bb-banner--split .bb-banner__actions{width:100%}.bb-banner--split .bb-banner__button{--main-color: transparent;--text-color: var(--color-4, #ffffff);--border-color: var(--color-4, #ffffff);--background-color: var(--color-4, #ffffff);--alt-color: var(--color-1, #000000);background-color:transparent;isolation:isolate;width:min(100%,var(--bb-banner-btn-width, 27ch));min-width:0}.bb-banner--split .bb-banner__button:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;transform-origin:bottom;background-color:var(--background-color);z-index:-1;transform:scaleY(0);transition:transform var(--transition-1, .3s)}.bb-banner--split .bb-banner__button:is(:hover,:focus-visible){--text-color: var(--alt-color);--border-color: var(--background-color);opacity:1}.bb-banner--split .bb-banner__button:is(:hover,:focus-visible):after{transform:scaleY(1)}.bb-banner--split.bb-banner--has-video .bb-banner__media,.bb-banner--split.bb-banner--has-video .bb-banner__video{position:relative;inset:auto;height:auto}@media only screen and (min-width:992px){.bb-banner--split{flex-direction:row;align-items:stretch}.bb-banner--split .bb-banner__content.split-content{flex:0 0 var(--bb-banner-split-content-width);width:var(--bb-banner-split-content-width);order:1;min-height:0}.bb-banner--split[data-split-content-position=right] .bb-banner__content.split-content{order:2}.bb-banner--split .bb-banner__media{flex:1 1 calc(100% - var(--bb-banner-split-content-width));width:calc(100% - var(--bb-banner-split-content-width));order:2;min-height:0}.bb-banner--split[data-split-content-position=right] .bb-banner__media{order:1}.bb-banner--split .bb-banner__button{width:min(100%,var(--bb-banner-btn-width, 100%));min-width:0}.bb-banner--split.bb-banner--desktop-fixed{height:var(--bb-banner-height-desktop);max-height:calc(var(--initial-viewport-height, 100vh) - var(--page-content-offset-top, 0px) - var(--announcement-bar-height, 0px))}.bb-banner--split.bb-banner--desktop-fixed .bb-banner__media{position:relative;align-self:stretch;height:auto;min-height:0;overflow:hidden}.bb-banner--split.bb-banner--desktop-fixed .bb-banner__media img.bb-banner__image--desktop,.bb-banner--split.bb-banner--desktop-fixed .bb-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bb-banner--split:not(.bb-banner--desktop-fixed) .bb-banner__media img.bb-banner__image--desktop{width:100%;height:auto;object-fit:cover}.bb-banner--split.bb-banner--has-video:not(.bb-banner--desktop-fixed){aspect-ratio:unset}.bb-banner--split.bb-banner--has-video:not(.bb-banner--desktop-fixed) .bb-banner__media{aspect-ratio:16 / 9}.bb-banner--split.bb-banner--has-video:not(.bb-banner--desktop-fixed) .bb-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bb-banner--split[data-split-content-position=left] .bb-banner__media-link{left:var(--bb-banner-split-content-width);width:calc(100% - var(--bb-banner-split-content-width));right:0}.bb-banner--split[data-split-content-position=right] .bb-banner__media-link{left:0;width:calc(100% - var(--bb-banner-split-content-width));right:auto}.bb-banner--split[data-copy-color-desktop=black] .bb-banner__content.split-content{color:var(--color-1, #000000)}.bb-banner--split[data-copy-color-desktop=black] .bb-banner__button{--main-color: var(--color-1, #000000);--text-color: var(--color-1, #000000);--border-color: var(--color-1, #000000);--background-color: var(--color-1, #000000);--alt-color: var(--color-4, #ffffff)}.bb-banner--split[data-copy-color-desktop=white] .bb-banner__content.split-content{color:var(--color-4, #ffffff)}}@media only screen and (min-width:992px)and (max-width:1199px){.bb-banner--split .bb-banner__title{font-size:clamp(1.75rem,2.2vw,var(--bb-banner-title-size-desktop, 2.5rem));line-height:1.25}}@media only screen and (max-width:991px){.bb-banner--split .bb-banner__title{line-height:1.35}.bb-banner--split .bb-banner__button{width:min(100%,var(--bb-banner-btn-width, 100%));min-width:0}.bb-banner--split:not(.bb-banner--mobile-fixed) .bb-banner__media{position:relative;height:auto;max-height:none}.bb-banner--split:not(.bb-banner--mobile-fixed) .bb-banner__media img.bb-banner__image{position:relative;inset:auto;width:100%;height:auto;object-fit:cover;object-position:center}.bb-banner--split.bb-banner--mobile-fixed{height:auto;max-height:none}.bb-banner--split.bb-banner--mobile-fixed .bb-banner__media{position:relative;inset:auto;height:var(--bb-banner-height-mobile);max-height:var(--bb-banner-height-mobile);overflow:hidden}.bb-banner--split.bb-banner--mobile-fixed .bb-banner__media img.bb-banner__image,.bb-banner--split.bb-banner--mobile-fixed .bb-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.bb-banner--split.bb-banner--has-video:not(.bb-banner--mobile-fixed) .bb-banner__media{aspect-ratio:unset;height:auto}.bb-banner--split.bb-banner--has-video:not(.bb-banner--mobile-fixed) .bb-banner__video{position:relative;inset:auto;width:100%;height:auto;object-fit:cover}.bb-banner--split.bb-banner--mobile-fixed .bb-banner__media-link{inset:0 0 auto;height:var(--bb-banner-height-mobile)}.bb-banner--split:not(.bb-banner--mobile-fixed) .bb-banner__media-link{display:none}.bb-banner--split[data-copy-color-mobile=black] .bb-banner__content.split-content{color:var(--color-1, #000000)}.bb-banner--split[data-copy-color-mobile=black] .bb-banner__button{--main-color: var(--color-1, #000000);--text-color: var(--color-1, #000000);--border-color: var(--color-1, #000000);--background-color: var(--color-1, #000000);--alt-color: var(--color-4, #ffffff)}.bb-banner--split[data-copy-color-mobile=white] .bb-banner__content.split-content{color:var(--color-4, #ffffff)}}.bb-banner--bottom{display:flex;flex-direction:column;align-items:stretch;overflow:visible}.bb-banner--bottom .bb-banner__media,.bb-banner--bottom .bb-banner__content{grid-column:unset;grid-row:unset}.bb-banner--bottom .bb-banner__media{order:1;overflow:hidden}.bb-banner--bottom .bb-banner__content.bottom-content{order:2;position:relative;z-index:3;box-sizing:border-box;width:100%;max-width:none;align-self:stretch;display:flex;flex-direction:column;background-color:#fff;color:var(--color-1, #000000);padding:1.5rem var(--bb-banner-padding, 1rem);pointer-events:auto;animation:none;box-shadow:0 4px 16px #00000014}.bb-banner--bottom .bb-banner__title{max-width:100%;overflow-wrap:break-word;word-break:break-word}.bb-banner__content.bottom-content .bb-banner__actions{margin-top:10px}@media only screen and (min-width:768px){.bb-banner--bottom.bb-banner--desktop-fixed .bb-banner__media{height:var(--bb-banner-height-desktop);max-height:calc(var(--initial-viewport-height, 100vh) - var(--page-content-offset-top, 0px) - var(--announcement-bar-height, 0px));overflow:hidden}.bb-banner--bottom.bb-banner--desktop-fixed .bb-banner__media img.bb-banner__image--desktop,.bb-banner--bottom.bb-banner--desktop-fixed .bb-banner__video{width:100%;height:100%;object-fit:cover}}@media only screen and (max-width:767px){.bb-banner--bottom.bb-banner--mobile-fixed .bb-banner__media{height:var(--bb-banner-height-mobile);max-height:var(--bb-banner-height-mobile);overflow:hidden}.bb-banner__video-control{display:none}.bb-banner--bottom.bb-banner--mobile-fixed .bb-banner__media img.bb-banner__image,.bb-banner--bottom.bb-banner--mobile-fixed .bb-banner__video{width:100%;height:100%;object-fit:cover}.bb-banner--bottom.bb-banner--mobile-fixed .bb-banner__media img.bb-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}}.bb-banner__media--desktop-only{display:none!important}@media only screen and (min-width:768px){.bb-banner__media--desktop-only{display:block!important;height:100%}.bb-banner__media--mobile-only{display:none!important}.bb-banner--has-video-desktop .bb-banner__media--desktop-only .bb-banner__image{display:none!important;visibility:hidden!important}}@media only screen and (max-width:767px){.bb-banner--has-video-mobile .bb-banner__image,.bb-banner--has-video-mobile .bb-banner__media--desktop-only{display:none!important;visibility:hidden!important}}
/*# sourceMappingURL=/cdn/shop/t/461/assets/css-bb-banner.css.map */