.two-image-banner{--tib-overlay: .38;--tib-interval: 3s;--tib-height: 86vh;--tib-height-mobile: 84svh;position:relative;display:block;overflow:hidden;background:#0c0c0c;color:#fff}.two-image-banner--small{--tib-height: 52vh;--tib-height-mobile: 62svh}.two-image-banner--medium{--tib-height: 68vh;--tib-height-mobile: 74svh}.two-image-banner--large{--tib-height: 86vh;--tib-height-mobile: 84svh}.two-image-banner__viewport{position:relative;width:100%;height:var(--tib-height-mobile);min-height:44rem;max-height:92svh;overflow:hidden}.two-image-banner__track{position:relative;width:100%;height:100%}.two-image-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility .8s ease}.two-image-banner__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.two-image-banner__media,.two-image-banner__media picture,.two-image-banner__media img,.two-image-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.two-image-banner__media img,.two-image-banner__placeholder{display:block;object-fit:cover;object-position:var(--tib-position, center);transform:scale(1.04)}.two-image-banner__slide.is-active .two-image-banner__media img{animation:tib-kenburns calc(var(--tib-interval) + 1.2s) ease-out forwards}.two-image-banner__placeholder{background:#1a1a1a}.two-image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014,rgba(0,0,0,calc(var(--tib-overlay) * .45)) 42%,rgba(0,0,0,calc(var(--tib-overlay) + .32)));pointer-events:none}.two-image-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;max-width:76rem;padding:7.2rem 2rem calc(3.6rem + env(safe-area-inset-bottom));text-align:left}.two-image-banner--center .two-image-banner__content{margin:0 auto;align-items:center;text-align:center}.two-image-banner--right .two-image-banner__content{margin-left:auto;align-items:flex-end;text-align:right}.two-image-banner__eyebrow{margin:0 0 1rem;color:#ffffffc7;font-size:1.2rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.two-image-banner__heading{margin:0;color:#fff;font-family:var(--font-heading-family, inherit);font-size:clamp(3rem,9vw,5.4rem);font-weight:800;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.two-image-banner__heading *{font-size:inherit;font-family:inherit;letter-spacing:inherit}.two-image-banner__text{margin:1.4rem 0 0;max-width:42rem;color:#ffffffe0;font-size:1.55rem;line-height:1.45}.two-image-banner--center .two-image-banner__text{margin-left:auto;margin-right:auto}.two-image-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;margin-top:2.2rem;padding:.9rem 2.4rem;border:1px solid #fff;background:#fff;color:#111;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.two-image-banner__button:hover,.two-image-banner__button:focus-visible{background:transparent;color:#fff}.two-image-banner__button:focus-visible{outline:2px solid #fff;outline-offset:3px}.two-image-banner__button[aria-disabled=true]{pointer-events:none}.two-image-banner__nav{position:absolute;left:2rem;right:2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom));z-index:2;display:flex;gap:.8rem}.two-image-banner--center .two-image-banner__nav,.two-image-banner--right .two-image-banner__nav{justify-content:center}.two-image-banner--right .two-image-banner__nav{justify-content:flex-end}.two-image-banner__dot{position:relative;flex:1;max-width:7.2rem;height:.35rem;padding:0;overflow:hidden;border:0;background:#ffffff52;cursor:pointer}.two-image-banner__dot:after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:#fff}.two-image-banner__dot.is-active:after{width:100%}.two-image-banner.is-playing .two-image-banner__dot.is-active:after{animation:tib-progress var(--tib-interval) linear forwards}.two-image-banner__dot:focus-visible{outline:2px solid #fff;outline-offset:3px}.two-image-banner__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes tib-progress{0%{width:0}to{width:100%}}@keyframes tib-kenburns{0%{transform:scale(1.04)}to{transform:scale(1.12)}}@media screen and (min-width:750px){.two-image-banner__viewport{height:var(--tib-height);min-height:52rem;max-height:92vh}.two-image-banner__content{justify-content:center;padding:6rem 7.2rem}.two-image-banner__overlay{background:linear-gradient(90deg,rgba(0,0,0,calc(var(--tib-overlay) + .22)),#0000002e 48%,#0000000f)}.two-image-banner--center .two-image-banner__overlay,.two-image-banner--right .two-image-banner__overlay{background:rgba(0,0,0,var(--tib-overlay))}.two-image-banner--right .two-image-banner__overlay{background:linear-gradient(270deg,rgba(0,0,0,calc(var(--tib-overlay) + .22)),#0000002e 48%,#0000000f)}.two-image-banner__heading{font-size:clamp(4.4rem,6vw,7.2rem)}.two-image-banner__text{font-size:1.7rem}.two-image-banner__nav{left:auto;right:7.2rem;bottom:3.2rem;width:min(22rem,30%)}.two-image-banner--left .two-image-banner__nav{left:7.2rem;right:auto}}@media(prefers-reduced-motion:reduce){.two-image-banner__slide,.two-image-banner.is-playing .two-image-banner__dot.is-active:after,.two-image-banner__slide.is-active .two-image-banner__media img{animation:none;transition:none}.two-image-banner__media img{transform:none}.two-image-banner__dot.is-active:after{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/two-image-banner.css.map */