.cinematic-banner{display:block;width:100%;position:relative;overflow:hidden;isolation:isolate}.cinematic-banner__container{position:relative;width:100%;height:var(--cb-desktop-height)}.cinematic-banner__images{display:flex;width:100%;height:100%;position:relative}.cinematic-banner__image-wrapper{flex:1;height:100%;position:relative;overflow:hidden}.cinematic-banner__image{width:100%;height:100%;object-fit:cover;object-position:var(--cb-object-position, center top);display:block}.cinematic-banner__placeholder{width:100%;height:100%;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center}.cinematic-banner__placeholder svg{width:100%;height:100%;max-width:300px;max-height:300px;opacity:.3}.cinematic-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--cb-overlay-color);opacity:var(--cb-overlay-opacity);pointer-events:none}.cinematic-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:var(--cb-content-vertical);align-items:center;padding:var(--cb-content-padding);z-index:2}.cinematic-banner__heading{color:var(--cb-heading-color);font-size:var(--cb-heading-size);font-weight:var(--cb-heading-weight);text-align:var(--cb-heading-alignment);margin:0;letter-spacing:var(--cb-heading-letter-spacing);text-transform:var(--cb-heading-text-transform);max-width:var(--cb-heading-max-width);line-height:1.2}.cinematic-banner__menu-wrapper{position:absolute;bottom:var(--cb-menu-bottom);left:0;width:100%;z-index:3;padding:0 var(--cb-menu-h-padding);transition:opacity .3s ease,visibility .3s ease}.cinematic-banner__menu-wrapper.is-hidden{opacity:0;visibility:hidden}.cinematic-banner__menu-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.cinematic-banner__menu-scroll::-webkit-scrollbar{display:none}.cinematic-banner__menu{display:flex;gap:var(--cb-menu-button-gap);padding:var(--cb-menu-v-padding) 0;justify-content:var(--cb-menu-justify, center);min-width:100%;width:max-content}.cinematic-banner__menu-button{flex-shrink:0;padding:var(--cb-btn-pad-v) var(--cb-btn-pad-h);position:relative;color:var(--cb-btn-text);border:var(--cb-btn-border-w) solid var(--cb-btn-border);border-radius:var(--cb-btn-border-r);font-size:var(--cb-btn-size);font-weight:var(--cb-btn-weight);text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .3s ease;letter-spacing:var(--cb-btn-letter-spacing);text-transform:var(--cb-btn-transform);background-color:transparent;overflow:hidden}.cinematic-banner__menu-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--cb-btn-bg);opacity:var(--cb-btn-bg-opacity);z-index:-1;transition:opacity .3s ease,background-color .3s ease}.cinematic-banner__menu-button:hover{color:var(--cb-btn-hover-text);border-color:var(--cb-btn-hover-border)}.cinematic-banner__menu-button:hover:before{background-color:var(--cb-btn-hover-bg);opacity:var(--cb-btn-hover-bg-opacity)}@media screen and (max-width:749px){.cinematic-banner__container{height:var(--cb-mobile-height)}.cinematic-banner__images{display:flex;transition:transform .6s ease;will-change:transform}.cinematic-banner__images.cb-no-transition{transition:none}.cinematic-banner__image-wrapper{flex:0 0 100%;width:100%}@media(prefers-reduced-motion:reduce){.cinematic-banner__images{transition:none}}.cinematic-banner__heading{font-size:var(--cb-mobile-heading-size);max-width:100%}.cinematic-banner__content{padding:var(--cb-mobile-content-padding)}.cinematic-banner--mobile-menu-overlay .cinematic-banner__menu-wrapper{bottom:var(--cb-mobile-menu-bottom);padding:0 var(--cb-mobile-menu-h-padding)}.cinematic-banner--mobile-menu-below .cinematic-banner__menu-wrapper--below{position:relative;bottom:auto;margin-top:var(--cb-mobile-menu-spacing);padding:0 var(--cb-mobile-menu-h-padding)}.cinematic-banner__menu-button{font-size:var(--cb-mobile-btn-size);padding:var(--cb-mobile-btn-pad-v) var(--cb-mobile-btn-pad-h)}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/section-cinematic-fashion-banner.css.map */