.banner-slider{display:block;padding:0}.banner-slide{display:flex;justify-content:space-between;max-height:80rem;min-height:60rem}.banner-slide--right{flex-direction:column-reverse}.banner-slide--left{flex-direction:column}.banner-slide__main{padding:6rem;display:flex;flex:1 1 33%;flex-direction:column;justify-content:center;gap:5rem}.banner-slide__content{display:flex;flex-direction:column;gap:2rem}.banner-slide__heading{font-size:6rem;font-weight:var(--font-tofino-weight-medium);font-variation-settings:var(--font-tofino-width-wide);line-height:1;letter-spacing:-.3rem;margin:0;word-break:keep-all}.banner-slide__subheading{font-size:2rem;font-weight:var(--font-tofino-weight-book);margin:0}.banner-slide__logo{justify-self:flex-start;max-height:3rem;object-fit:contain;object-position:left;max-width:100%}.banner-slide__buttons .button{font-size:2rem;font-weight:var(--font-tofino-weight-semibold);padding-left:6rem;padding-right:6rem;line-height:1;white-space:nowrap}.banner-slide__image{display:block;flex:1 1 33%;object-fit:cover;width:auto;height:auto;min-width:0;object-position:calc(var(--object-position-x) * 1%) calc(var(--object-position-y) * 1%);animation:imageSlideX;animation-duration:2s;animation-timing-function:ease-out}@media screen and (min-width: 750px){.banner-slide--right{flex-direction:row-reverse}.banner-slide--left{flex-direction:row}}@media screen and (max-width: 1099px){.banner-slide__main{flex:1 1 50%}.banner-slide__image{display:none;flex:1 1 50%}.banner-slide__image--primary{display:block}}@media screen and (max-width: 749px){.banner-slide{flex-direction:column-reverse;min-height:40rem}.banner-slide__main{flex:1 0 auto;gap:3rem;padding:4rem 3.2rem}.banner-slide__content{gap:1rem}.banner-slide__heading{font-size:3.2rem;font-weight:var(--font-tofino-weight-semibold);letter-spacing:-.2rem}.banner-slide__logo{max-height:2rem}.banner-slide__subheading{font-size:1.6rem}.banner-slide__image{width:100%;max-height:32rem;object-position:calc(var(--object-position-x) * 1%) calc(var(--object-position-y) * 1%);animation:imageSlideY}}@keyframes imageSlideY{0%{object-position:calc(var(--object-position-x) * 1%) calc(var(--object-position-y) * .5%)}}@keyframes imageSlideX{0%{object-position:100% calc(var(--object-position-y) * 1%)}}
/*# sourceMappingURL=/cdn/shop/t/169/assets/component-banner-slider.css.map?v=151361385008054908681683656947 */
