.hero-banner{position:relative;width:100%;height:90vh;max-height:900px;min-height:600px;background:#000;overflow:hidden;transition:height .3s ease}.hero-banner__slider{position:relative;width:100%;height:100%;will-change:transform;transform:translateZ(0)}.hero-banner__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);z-index:1;will-change:opacity,transform;backface-visibility:hidden;transform:translate(100%)}.hero-banner__slide--active{opacity:1;z-index:2;transform:translate(0)}.hero-banner__slide--prev{transform:translate(-100%);opacity:0}.hero-banner__slide--next{transform:translate(100%);opacity:0}.hero-banner__slide--transitioning{transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.hero-banner__background{position:absolute;width:100%;height:100%;top:0;left:0}.hero-banner__image-container{position:absolute;width:100%;height:100%;overflow:hidden}.hero-banner__desktop-image{display:block}.hero-banner__mobile-image{display:none}.hero-banner__image{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1;transition:background .3s ease}.hero-banner__content-wrapper{position:relative;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center}.hero-banner__content{padding:0 5%;max-width:1200px;margin:0 auto;width:100%;opacity:0;transform:translateY(30px);transition:opacity .6s ease .2s,transform .6s ease .2s}.hero-banner__slide--active .hero-banner__content{opacity:1;transform:translateY(0)}.hero-banner__heading{font-family:Merriweather,serif;font-style:italic;font-weight:900;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;color:#fff;margin-bottom:1.5rem;max-width:800px;text-shadow:2px 2px 4px rgba(255,204,0,.5);opacity:0;transform:translateY(20px);transition:opacity .6s ease .4s,transform .6s ease .4s}.hero-banner__slide--active .hero-banner__heading{opacity:1;transform:translateY(0)}.hero-banner__description{font-family:Merriweather,serif;font-style:italic;font-weight:400;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.5;color:#fff;margin-bottom:2.5rem;max-width:700px;opacity:0;transform:translateY(20px);transition:opacity .6s ease .6s,transform .6s ease .6s}.hero-banner__slide--active .hero-banner__description{opacity:1;transform:translateY(0)}.hero-banner__button-container{margin-top:1rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease .8s,transform .6s ease .8s}.hero-banner__slide--active .hero-banner__button-container{opacity:1;transform:translateY(0)}.hero-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2rem;background:transparent;border:2px solid #ffffff;border-radius:6px;text-decoration:none;width:auto;min-width:180px;transition:all .3s ease;box-shadow:0 4px 10px #0000004d}.hero-banner__button:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-2px)}.hero-banner__button:hover .hero-banner__button-text{color:#000}.hero-banner__button:hover .hero-banner__button-arrow svg path{fill:#000}.hero-banner__button:active{transform:translateY(0)}.hero-banner__button-text{font-family:inherit;font-style:italic;font-weight:800;font-size:1rem;line-height:1;color:#fff;letter-spacing:1px;margin-right:.8rem;text-transform:uppercase}.hero-banner__button-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.hero-banner__button:hover .hero-banner__button-arrow{transform:translate(4px)}.hero-banner__button-arrow svg{width:clamp(18px,2vw,26px);height:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.hero-banner__controls{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 40px;z-index:10;pointer-events:none;box-sizing:border-box;max-width:calc(100vw - 30px);margin:0 auto}.hero-banner__control{width:48px;height:48px;border-radius:50%;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;outline:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;position:relative;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.hero-banner__control:hover{background:#fff6;transform:scale(1.1);box-shadow:0 4px 12px #0006}.hero-banner__control:focus{outline:2px solid #fc0001;outline-offset:2px}.hero-banner__control:active{transform:scale(.95)}.hero-banner__indicators{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:center;gap:10px;z-index:3;opacity:1;transition:opacity .6s ease 1s}.hero-banner__indicator{width:12px;height:12px;border-radius:50%;background:#fff6;border:none;padding:0;cursor:pointer;transition:all .3s ease;outline:none}.hero-banner__indicator:hover{background:#ffffffb3;transform:scale(1.2)}.hero-banner__indicator:focus{outline:2px solid #fc0001;outline-offset:2px}.hero-banner__indicator--active{background:#fff;transform:scale(1.3)}.hero-banner--loading .hero-banner__slide,.hero-banner--loading .hero-banner__controls,.hero-banner--loading .hero-banner__indicators{opacity:0}.hero-banner--auto-rotating .hero-banner__indicators:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#ffffff80;border-radius:1px;animation:autoRotateIndicator 1s ease-in-out infinite alternate}@keyframes autoRotateIndicator{0%{opacity:.3}to{opacity:1}}@media screen and (max-width:989px){.hero-banner{height:70vh;min-height:500px}.hero-banner__content{padding:0 5%}.hero-banner__heading{max-width:90%;font-size:clamp(2rem,4vw,3rem)}.hero-banner__description{max-width:90%;font-size:clamp(1rem,1.8vw,1.25rem)}.hero-banner__button{width:auto;max-width:100%}.hero-banner__controls{padding:0 30px;max-width:calc(100vw - 25px)}.hero-banner__control{width:40px;height:40px}}@media screen and (max-width:749px){.hero-banner{height:60vh;min-height:400px}.hero-banner__desktop-image{display:none}.hero-banner__mobile-image{display:block}.hero-banner__heading,.hero-banner__description{display:block;max-width:95%;margin-left:auto;margin-right:auto;text-align:center}.hero-banner__heading{font-size:1.5rem;margin-bottom:.5rem;line-height:1.1}.hero-banner__description{font-size:.9rem;margin-bottom:1rem;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-banner__button-container{position:absolute;bottom:80px;left:0;width:100%;display:flex;justify-content:center;z-index:4;opacity:1;transform:translateY(0);transition:none}.hero-banner__button{padding:.7rem 1.5rem;width:auto;min-width:140px;max-width:200px;background:transparent;border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 8px #0000004d;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.hero-banner__button:hover{background:#ffffff26;border-color:#fc0001;box-shadow:0 6px 12px #0006}.hero-banner__button-text{font-size:1rem;letter-spacing:.5px;margin-right:.5rem;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.5);font-weight:500}.hero-banner__button-arrow svg{width:18px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.hero-banner__controls{top:50%;transform:translateY(-50%);padding:0 20px;width:100%;display:flex;justify-content:space-between;max-width:calc(100vw - 15px);opacity:1;transition:none}.hero-banner__control{width:38px;height:38px;background:#ffffff40;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 4px #0003}.hero-banner__indicators{bottom:20px;opacity:1;transition:none}.hero-banner__indicator{width:8px;height:8px}.hero-banner__button-container{display:flex!important;position:relative!important;bottom:auto!important;margin-top:1rem}.hero-banner__slide{cursor:pointer}}@media screen and (max-width:480px){.hero-banner{height:50vh;min-height:300px}.hero-banner__button-container{bottom:70px}.hero-banner__button{padding:.6rem 1.2rem;min-width:130px}.hero-banner__button-text{font-size:.9rem}.hero-banner__button-arrow svg{width:16px}.hero-banner__control{width:34px;height:34px}.hero-banner__controls{padding:0 15px;max-width:calc(100vw - 10px)}.hero-banner__indicators{bottom:15px}}@media screen and (min-width:750px){.hero-banner__slide,.hero-banner__slide:hover{cursor:pointer}}@media(prefers-reduced-motion:reduce){.hero-banner__slide,.hero-banner__content,.hero-banner__heading,.hero-banner__description,.hero-banner__button-container,.hero-banner__image{transition:none!important}.hero-banner__slide--active .hero-banner__image{transform:none}.hero-banner--auto-rotating .hero-banner__indicators:after{display:none}}@media(prefers-contrast:high){.hero-banner__control{background:#fffc;color:#000}.hero-banner__indicator{background:#fffc}.hero-banner__indicator--active{background:#fff;border:2px solid #000}}@media print{.hero-banner{height:auto;min-height:auto;max-height:none}.hero-banner__controls,.hero-banner__indicators{display:none}.hero-banner__slide{position:static;opacity:1;transform:none}}body{overflow-x:hidden}.hero-banner *{box-sizing:border-box}.hero-banner__content--desktop{display:block}.hero-banner__content--mobile{display:none}@media screen and (max-width:749px){.hero-banner__content--desktop{display:none!important}.hero-banner__content--mobile{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-hero-banner.css.map */