:root{--hero-five-product-wrapper-bg: #fffaf5;--hero-five-product-card-bg: #efe9e4;--hero-five-product-text-primary: #183754;--hero-five-product-button-bg: #ffffff;--hero-five-product-button-text: #000000;--hero-five-product-gap-hero: 60px;--hero-five-product-gap-cards: 10px;--hero-five-product-container-max: 1440px;--hero-five-product-card-width: 280px;--hero-five-product-card-tall: 380px;--hero-five-product-card-short: 288px}.custom-section-hero-five-product{background-color:var(--hero-five-product-wrapper-bg);width:100%}.custom-section-hero-five-product__hero{width:100%;height:800px;overflow:hidden;position:relative}.custom-section-hero-five-product__hero-image{width:100%;height:100%;object-fit:cover;display:block}.custom-section-hero-five-product__hero-logo{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:2}.custom-section-hero-five-product__hero-logo svg{display:block;width:46px;height:74px}@media(min-width:1250px){.custom-section-hero-five-product__hero-logo{opacity:0;transform:translate(-50%,40px);transition:opacity .8s ease-out,transform .8s ease-out}.custom-section-hero-five-product--animate .custom-section-hero-five-product__hero-logo{opacity:1;transform:translate(-50%)}}.custom-section-hero-five-product__hero-quote{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:2;max-width:676px;width:90%;text-align:center}.custom-section-hero-five-product__hero-quote p{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:300;font-size:30px;line-height:45px;color:#fffaf5;margin:0}@media(min-width:1250px){.custom-section-hero-five-product__hero-quote{opacity:0;transform:translate(-50%,40px);transition:opacity .8s ease-out .3s,transform .8s ease-out .3s}.custom-section-hero-five-product--animate .custom-section-hero-five-product__hero-quote{opacity:1;transform:translate(-50%)}}.custom-section-hero-five-product__carousel-wrapper{max-width:var(--hero-five-product-container-max);margin:0 auto;margin-top:var(--hero-five-product-gap-hero);padding:0 0 80px;position:relative}@media(min-width:1440px){.custom-section-hero-five-product__carousel-wrapper{padding:0 0 80px}}.custom-section-hero-five-product__carousel{overflow:hidden;width:100%}.custom-section-hero-five-product__track{display:flex;gap:var(--hero-five-product-gap-cards);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.custom-section-hero-five-product__track::-webkit-scrollbar{display:none}.custom-section-hero-five-product__card{flex:0 0 var(--hero-five-product-card-width);width:var(--hero-five-product-card-width);background-color:var(--hero-five-product-card-bg);position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;cursor:pointer}.custom-section-hero-five-product__card--tall{height:var(--hero-five-product-card-tall)}.custom-section-hero-five-product__card--short{height:var(--hero-five-product-card-short)}@media(min-width:1250px){.custom-section-hero-five-product__card{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.custom-section-hero-five-product--animate .custom-section-hero-five-product__card:nth-child(1){transition-delay:.7s}.custom-section-hero-five-product--animate .custom-section-hero-five-product__card:nth-child(2){transition-delay:.85s}.custom-section-hero-five-product--animate .custom-section-hero-five-product__card:nth-child(3){transition-delay:1s}.custom-section-hero-five-product--animate .custom-section-hero-five-product__card:nth-child(4){transition-delay:1.15s}.custom-section-hero-five-product--animate .custom-section-hero-five-product__card:nth-child(5){transition-delay:1.3s}.custom-section-hero-five-product--animate .custom-section-hero-five-product__card{opacity:1;transform:translateY(0)}}.custom-section-hero-five-product__card-image-wrapper{width:100%;flex:1;overflow:hidden}.custom-section-hero-five-product__card-image{width:100%;height:100%;object-fit:cover;display:block}.custom-section-hero-five-product__card-title{position:absolute;top:16px;left:24px;right:24px;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:300;font-size:24px;line-height:30px;color:var(--hero-five-product-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-section-hero-five-product__card-button-wrapper{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:16px}.custom-section-hero-five-product__card-button{width:240px;height:42px;background-color:var(--hero-five-product-button-bg);color:var(--hero-five-product-button-text);display:flex;justify-content:center;align-items:center;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:300;font-size:20px;line-height:30px;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.custom-section-hero-five-product__card:hover .custom-section-hero-five-product__card-button{opacity:1}.custom-section-hero-five-product__arrow{position:absolute;top:calc(var(--hero-five-product-card-tall) / 2);transform:translateY(-50%);width:56px;height:56px;background:transparent;border:none;cursor:pointer;z-index:10;outline:none;padding:0;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.custom-section-hero-five-product__arrow:before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:var(--hero-five-product-card-tall);opacity:0;transition:opacity .3s ease;pointer-events:none;width:150px}.custom-section-hero-five-product__arrow--left{left:0}.custom-section-hero-five-product__arrow--left:before{left:0;background:linear-gradient(90deg,#80808026,#80808000)}.custom-section-hero-five-product__arrow--right{right:0}.custom-section-hero-five-product__arrow--right:before{right:0;background:linear-gradient(270deg,#80808026,#80808000)}.custom-section-hero-five-product__arrow:hover:before{opacity:1}.custom-section-hero-five-product__arrow svg{display:block;position:relative;z-index:1}.custom-section-hero-five-product__arrow--left svg{transform:rotate(90deg)}.custom-section-hero-five-product__arrow--right svg{transform:rotate(-90deg)}.custom-section-hero-five-product__arrow svg path{fill:#183754;transition:fill .3s ease}.custom-section-hero-five-product__arrow:hover svg path{fill:#183754}.custom-section-hero-five-product__arrow.is-hidden{opacity:0;pointer-events:none}.custom-section-hero-five-product__show-more{display:flex;justify-content:center;margin:40px 0;padding-bottom:0}.custom-section-hero-five-product__show-more-link{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:400;font-size:20px;line-height:40px;color:#183754;text-decoration:none;cursor:pointer;display:inline-block;white-space:nowrap;position:relative}.custom-section-hero-five-product__show-more-link:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:1px;background-color:#183754;transform:scaleX(1);transform-origin:left}@keyframes hero-five-underline-exit-enter{0%{transform:scaleX(1);transform-origin:right}50%{transform:scaleX(0);transform-origin:right}51%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.custom-section-hero-five-product__show-more-link.animate-enter:after,.custom-section-hero-five-product__show-more-link.animate-exit:after{animation:hero-five-underline-exit-enter .8s ease forwards}@media(max-width:1249px){.custom-section-hero-five-product__hero{height:600px}.custom-section-hero-five-product__carousel-wrapper{padding:0 60px 60px}.custom-section-hero-five-product__arrow{top:160px}.custom-section-hero-five-product__arrow:before{height:320px}.custom-section-hero-five-product__card-button{opacity:1}.custom-section-hero-five-product__hero-logo{top:50px}.custom-section-hero-five-product__hero-logo svg{width:40px;height:64px}.custom-section-hero-five-product__hero-quote{bottom:60px;max-width:550px}.custom-section-hero-five-product__hero-quote p{font-size:26px;line-height:38px}.custom-section-hero-five-product__card{flex:0 0 240px;width:240px}.custom-section-hero-five-product__card--tall{height:320px}.custom-section-hero-five-product__card--short{height:240px}}@media(max-width:767px){.custom-section-hero-five-product__hero{height:400px}.custom-section-hero-five-product__carousel-wrapper{padding:0 50px 40px;margin-top:40px}.custom-section-hero-five-product__arrow{top:140px;width:40px;height:40px}.custom-section-hero-five-product__arrow:before{width:100px;height:280px}.custom-section-hero-five-product__card-button{opacity:1}.custom-section-hero-five-product__hero-logo{top:30px}.custom-section-hero-five-product__hero-logo svg{width:32px;height:52px}.custom-section-hero-five-product__hero-quote{bottom:40px;max-width:400px}.custom-section-hero-five-product__hero-quote p{font-size:20px;line-height:30px}.custom-section-hero-five-product__card{flex:0 0 200px;width:200px}.custom-section-hero-five-product__card--tall{height:280px}.custom-section-hero-five-product__card--short{height:210px}.custom-section-hero-five-product__card-title{font-size:18px;line-height:24px;left:16px;right:16px}.custom-section-hero-five-product__show-more{margin:20px 0}}@media(max-width:479px){.custom-section-hero-five-product__hero{height:300px}.custom-section-hero-five-product__carousel-wrapper{padding:0 44px 30px;margin-top:30px}.custom-section-hero-five-product__arrow{top:125px;width:36px;height:36px}.custom-section-hero-five-product__arrow:before{width:80px;height:250px}.custom-section-hero-five-product__card{flex:0 0 180px;width:180px}.custom-section-hero-five-product__card--tall{height:250px}.custom-section-hero-five-product__card--short{height:190px}.custom-section-hero-five-product__card-title{font-size:16px;line-height:22px;left:12px;right:12px;top:12px}.custom-section-hero-five-product__card-button{width:156px;height:36px;font-size:16px}.custom-section-hero-five-product__hero-logo{top:20px}.custom-section-hero-five-product__hero-logo svg{width:28px;height:45px}.custom-section-hero-five-product__hero-quote{bottom:30px;max-width:300px}.custom-section-hero-five-product__hero-quote p{font-size:16px;line-height:24px}.custom-section-hero-five-product__show-more-link{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-five-product.css.map */