.hero-display{position:relative;display:block;width:100%;min-height:60vh;overflow:hidden;isolation:isolate;background:#f7f4ed}@media screen and (min-width:768px){.hero-display{min-height:70vh}}@media screen and (min-width:990px){.hero-display{min-height:80vh}}@media screen and (min-width:1440px){.hero-display{min-height:85vh}}@media screen and (max-width:767px){.hero-display{min-height:0;aspect-ratio:2884 / 3606}}.hero-display__track{position:absolute;top:0;right:0;bottom:0;left:0}.hero-display__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.hero-display__slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity .7s ease}.hero-display--slide .hero-display__track{display:flex;transition:transform .7s ease}.hero-display--slide .hero-display__slide{position:relative;flex:0 0 100%;height:100%;opacity:1;visibility:visible;transition:none}@media(prefers-reduced-motion:reduce){.hero-display__slide,.hero-display__slide.is-active,.hero-display--slide .hero-display__track{transition:none}.hero-display__video{display:none}}.hero-display__media,.hero-display__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.hero-display__video,.hero-display__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-display__video{background:transparent;pointer-events:none}.hero-display__copy{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font-body-family);letter-spacing:0;color:#1a1816}.hero-display__copy--white{color:#fff}.hero-display__copy .hero-display__eyebrow{font-family:var(--font-body-family);font-weight:400;line-height:1;letter-spacing:0;padding:5px 13px;margin:0 0 14px;background:#fff;color:#201f1d}@media screen and (max-width:767px){.hero-display__copy .hero-display__eyebrow{margin-bottom:10px}}.hero-display__headline{font-family:var(--font-heading-family);font-style:normal;font-weight:400;line-height:1.04;letter-spacing:0;margin:0;color:inherit;max-width:none;text-wrap:balance}.hero-display__sub{font-family:var(--font-body-family);margin:.4em 0 0;line-height:1.35;letter-spacing:0}.hero-display__btn{margin-top:0}.hero-display__headline+.hero-display__btn,.hero-display__sub+.hero-display__btn{margin-top:28px}@media screen and (max-width:767px){.hero-display__headline+.hero-display__btn,.hero-display__sub+.hero-display__btn{margin-top:18px}.hero-display .hero-display__btn.button{min-height:40px;min-width:0;padding:0 22px;font-size:13px}}.hero-display__copy--white .button--primary{--color-button: 255, 255, 255;--color-button-text: 0, 0, 0}.hero-display__copy--white .button:hover.button--primary{background-color:#ffffffd9}.hero-display__copy--white .button--secondary{--color-button-text: 255, 255, 255;color:#fff}.hero-display__controls{position:absolute;z-index:3;display:flex;align-items:center}.hero-display__controls--bottom-right{right:2rem;bottom:1.6rem}.hero-display__controls--bottom-center{left:0;right:0;bottom:2rem;justify-content:center}.hero-display__dots{display:flex}.hero-display__controls .slider-button .icon{width:1.4rem;height:1.4rem}.hero-display__prev .icon{transform:rotate(90deg)}.hero-display__next .icon{transform:rotate(-90deg)}.hero-display__prev:not([disabled]):hover .icon{transform:translate(-.2rem) rotate(90deg)}.hero-display__next:not([disabled]):hover .icon{transform:translate(.2rem) rotate(-90deg)}@media screen and (max-width:767px){.hd-vis--hide_mobile,.hd-vis--tablet_only,.hd-vis--desktop_only,.hd-vis--hidden{display:none!important}}@media screen and (min-width:768px)and (orientation:portrait),screen and (min-width:768px)and (max-aspect-ratio:3/2){.hd-vis--hide_tablet,.hd-vis--mobile_only,.hd-vis--desktop_only,.hd-vis--hidden{display:none!important}}@media screen and (min-width:768px)and (min-aspect-ratio:1501/1000){.hd-vis--hide_desktop,.hd-vis--mobile_only,.hd-vis--tablet_only,.hd-vis--hidden{display:none!important}}@media(min-width:768px){.hero-display__slide[data-layout=s1] .hero-display__copy{left:2.222%;top:29.841%;width:32.711%;transform:translateY(-28%);align-items:flex-start;text-align:left}.hero-display__slide[data-layout=s1] .hero-display__headline{font-size:36px;font-weight:400}.hero-display__slide[data-layout=s1] .hero-display__sub{font-size:22px}.hero-display__slide[data-layout=s1] .hero-display__eyebrow{font-size:13px}}@media(min-width:768px)and (orientation:landscape)and (max-aspect-ratio:3/2){.hero-display__slide[data-layout=s1] .hero-display__copy{left:2.343%;top:31.563%;width:33.196%;transform:translateY(-30%);align-items:flex-start;text-align:left}.hero-display__slide[data-layout=s1] .hero-display__headline{font-size:30px;font-weight:400}.hero-display__slide[data-layout=s1] .hero-display__sub{font-size:20px}.hero-display__slide[data-layout=s1] .hero-display__eyebrow{font-size:13px}}@media(min-width:768px)and (orientation:portrait){.hero-display__slide[data-layout=s1] .hero-display__copy{left:3.125%;top:79.29%;width:75%;transform:translateY(-30%);align-items:flex-start;text-align:left}.hero-display__slide[data-layout=s1] .hero-display__headline{font-size:30px;font-weight:400}.hero-display__slide[data-layout=s1] .hero-display__sub{font-size:20px}.hero-display__slide[data-layout=s1] .hero-display__eyebrow{font-size:13px}}@media(min-width:768px)and (min-aspect-ratio:21/9){.hero-display__slide[data-layout=s1] .hero-display__copy{left:1.25%;top:29.534%;width:33%;transform:translateY(-28%);align-items:flex-start;text-align:left}.hero-display__slide[data-layout=s1] .hero-display__headline{font-size:42px;font-weight:400}.hero-display__slide[data-layout=s1] .hero-display__sub{font-size:24px}.hero-display__slide[data-layout=s1] .hero-display__eyebrow{font-size:13px}}@media(max-width:767px){.hero-display__slide[data-layout=s1] .hero-display__copy{left:5.128%;top:68.3%;width:89.744%;transform:none;align-items:flex-start;text-align:left}.hero-display__slide[data-layout=s1] .hero-display__headline{font-size:19px;font-weight:400}.hero-display__slide[data-layout=s1] .hero-display__sub{font-size:15px}.hero-display__slide[data-layout=s1] .hero-display__eyebrow{font-size:11px}}@media screen and (min-width:768px){.hero-display .hero-display__slide.hero-display__slide--custom .hero-display__copy{left:var(--hd-x);top:var(--hd-y);transform:none}}@media screen and (max-width:767px){.hero-display .hero-display__slide.hero-display__slide--custom .hero-display__copy{left:var(--hd-mx);top:var(--hd-my);transform:none}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/hero-display.css.map */