.collection-banner{position:relative;display:block;background-color:#fff}collection-banner{display:block}.collection-banner__stage{position:relative;width:100%;height:var(--cb-vh, 100vh);overflow:hidden;background:#000;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.collection-banner__bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.collection-banner__bg-slot{position:absolute;top:-2px;left:0;width:100%;height:calc(var(--cb-vh, 100vh) + 4px);will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.collection-banner__bg-slot:nth-child(1){z-index:1}.collection-banner__bg-slot:nth-child(2){z-index:2}.collection-banner__bg-slot:nth-child(3){z-index:3}.collection-banner__bg-slot picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.collection-banner__bg-slot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translateZ(0);backface-visibility:hidden}.collection-banner__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.collection-banner__content-strip{position:absolute;top:0;left:0;width:100%;z-index:100;pointer-events:none;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.collection-banner__slide{position:relative;width:100%;height:var(--cb-vh, 100vh)}.collection-banner__frame-canvas{position:absolute;right:0;bottom:0;left:0;top:-1px;width:100%;height:101%;pointer-events:none;z-index:1}.collection-banner__panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:2}.collection-banner__heading>*{color:#090909;text-align:center;font-family:Roboto Condensed;font-size:32px;font-style:normal;font-weight:800;line-height:1;letter-spacing:-1.28px;margin:0 0 4px}@media screen and (min-width:767px){.collection-banner__heading>*{font-size:48px;letter-spacing:-1.92px}}.collection-banner__subheading>*{color:#090909;text-align:center;font-family:Roboto Condensed;font-size:16px;font-weight:800;line-height:1;letter-spacing:-.3px;margin:0 0 28px}@media screen and (min-width:767px){.collection-banner__subheading>*{font-size:20px;letter-spacing:-.4px}}.collection-banner__panel-content{position:absolute;bottom:40px;left:0;display:flex;flex-direction:column;max-width:100%;width:100%;padding-inline:24px}@media screen and (min-width:767px){.collection-banner__panel-content{max-width:380px;padding-inline:0;left:40px;bottom:56px}}@media screen and (min-width:1023px){.collection-banner__panel-content{max-width:440px;left:60px;bottom:72px}}.collection-banner__panel-title>*{color:#fff;text-align:justify;font-family:var(--font-heading-family);font-size:40px;font-style:normal;font-weight:800;line-height:100%;letter-spacing:-1.6px;text-transform:uppercase;margin:0}@media screen and (min-width:767px){.collection-banner__panel-title>*{font-size:64px;letter-spacing:-2.56px}}@media screen and (min-width:1024px){.collection-banner__panel-title>*{font-size:72px;letter-spacing:-2.88px}}.collection-banner__panel-sub-heading{color:#fff;text-align:justify;font-family:var(--font-heading-family);font-size:16px;font-style:normal;font-weight:800;line-height:100%;letter-spacing:-.32px;margin-top:6px}@media screen and (min-width:767px){.collection-banner__panel-sub-heading{font-size:20px;letter-spacing:-.4px}}.collection-banner__panel-description{margin-top:20px}.collection-banner__panel-description>*{margin:0;color:#fff;text-align:justify;font-feature-settings:"cv11" on;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:500;line-height:150%}@media screen and (min-width:767px){.collection-banner__panel-description>*{font-size:16px}}.collection-banner__panel .button{margin-top:40px;align-self:flex-start}body.collection-banner-in-view .header-v2{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}@media(prefers-reduced-motion:reduce){.collection-banner__bg-slot,.collection-banner__content-strip{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/collection-banner.css.map */