.story-heading h2{color:#fff;text-transform:uppercase;margin:0;padding-bottom:20px;padding-right:105px;opacity:0;transition:opacity .5s ease;visibility:hidden;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.swiper-slide-active .story-heading h2{opacity:1;visibility:visible}.story-feature-section img,.story-feature-section video{width:100%;height:100%;object-fit:cover;display:block}.story-wrapper{display:flex;gap:15px}.story-wrapper.right-side{flex-direction:row-reverse}.story-left-wrapper{display:flex;flex-wrap:wrap;gap:15px}.story-large-media{width:50%;position:relative;overflow:hidden}.story-large-media iframe{width:100%;height:100%}.story-left-wrapper{width:50%}.story-left-wrapper .story-box{box-sizing:border-box}.story-left-wrapper.top-two-bottom-one-below .story-box{width:100%}.story-left-wrapper.top-two-bottom-one-below .story-box:nth-child(-n+2){width:calc(50% - 7.5px);aspect-ratio:1}.story-left-wrapper.top-one-bottom-two-below .story-box{width:calc(50% - 7.5px);aspect-ratio:1;order:1}.story-left-wrapper.top-one-bottom-two-below .story-box:last-child{width:100%;aspect-ratio:auto;order:0}.large-media-overlay{position:absolute;top:0;left:0}.story-text-content{display:flex;align-items:center}.story-content-container{padding:3rem}.story-text-content:has(.story-product),.story-text-content:has(img){display:block}.story-box-heading h2,.story-box-copy p{margin:0}.story-box-heading h2{font-size:1.6rem;line-height:1.2}.story-left-wrapper.four-item .story-box{width:calc(50% - 7.5px);aspect-ratio:1}.story-feature-info{position:absolute;left:0;width:100%;padding:2.8rem 8rem 2.8rem 2.4rem;background:#ffffffd9;opacity:0;bottom:-200%;transition:all .3s}feature-button.story-feature-btn{position:absolute;bottom:1.5rem;right:1.5rem;color:var(--buttons-primary-text);background-color:var(--buttons-primary-background);border:0px;width:4.8rem;height:4.8rem;cursor:pointer;transition:all .2s ease}feature-button.story-feature-btn:hover{color:var(--buttons-primary-text-hover);background-color:var(--buttons-primary-background-hover)}feature-button.story-feature-btn svg{width:2rem;height:2rem}feature-button.story-feature-btn span,.story-feature-overlay.active svg.bi-info-circle{display:none;line-height:0}.story-feature-overlay.active .story-feature-info{opacity:1;bottom:0;color:#000}.story-feature-overlay.active feature-button.story-feature-btn span{display:block}.story-product .cart-icon{width:20px;height:20px}.story-box:has(.story-product){position:relative}.story-box:not(:has(.story-product)){position:relative}.story-product product-form,.story-product modal-opener{position:absolute;bottom:0;right:0}.story-product .quick-add__submit{padding:0;min-width:auto;border:0px;width:40px;height:40px}.story-product .quick-add__submit path{stroke:#fff!important}.story-feature-section .swiper{position:unset}.tech-sustainability-section .tech-sust-container{position:relative}.story-arrow{position:absolute;right:0;top:0;width:40px;height:40px;background:#e8e8e8;margin:0}.story-arrow.swiper-button-prev{left:unset;right:50px}.story-feature-section .swiper-container{position:relative}.story-arrow:after{font-size:2rem;color:#000}.story-feature-section .swiper:not(.swiper-initialized) .swiper-wrapper .story-container{display:none}.story-feature-section .swiper:not(.swiper-initialized) .swiper-wrapper .story-container:first-child{display:block}.story-feature-section .swiper-pagination{display:none!important}.no-space-item{gap:0px}.story-left-wrapper.four-item.no-space-item .story-box{width:50%;box-sizing:border-box}.no-space-item .story-product .quick-add__submit.button{background-color:#535353}.no-space-item .story-product .quick-add__submit.button--primary:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) #535353,0 0 0 var(--buttons-border-width) #535353!important}.no-space-item .story-product .quick-add__submit.button:hover{background-color:var(--buttons-primary-background-hover)}.no-space-item .story-product .quick-add__submit.button:hover:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) var(--button-shadow-color),0 0 0 var(--buttons-border-width) var(--button-shadow-color)!important}.story-product__container_btn{position:absolute;bottom:0;right:0;z-index:3;width:35px;height:35px}.story-product__content{position:absolute;top:0;left:0;height:100%;width:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;gap:1rem;z-index:2;opacity:0;transition:all .3s ease;box-sizing:border-box}.story-product__content:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;content:"";z-index:-1}.story-product__modal.active .story-product__content{opacity:1}button.stroy-modal__btn{background-color:#535353;border:0px;width:100%;height:100%;position:relative;transition:all .3s ease;cursor:pointer}.story-product__modal.active button.stroy-modal__btn{background-color:#000}button.stroy-modal__btn svg{transition:opacity .3s ease;width:20px;height:20px}button.stroy-modal__btn path{stroke:#fff!important}button.stroy-modal__btn:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);content:"";width:1px;height:20px;background:#fff;opacity:0;transition:opacity .3s ease}button.stroy-modal__btn:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);content:"";width:1px;height:20px;background:#fff;opacity:0;transition:opacity .3s ease}.story-box.active button.stroy-modal__btn:before,.story-box.active button.stroy-modal__btn:after,.story-large-media.active button.stroy-modal__btn:before,.story-large-media.active button.stroy-modal__btn:after{opacity:1}.story-box.active button.stroy-modal__btn svg,.story-large-media.active button.stroy-modal__btn svg{opacity:0}.story-large-media:has(.story-product__modal){position:relative;box-sizing:border-box}.story-product__content h2{font-size:1.6rem;line-height:1.8rem;text-transform:uppercase;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.story-product__content *{margin:0}.story-product__link a{text-decoration:none;font-family:Futura Medium;background:#cd4c1d;padding:3px 7px}.story-product__content *{color:#fff!important}video-button.story-feature-video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:3px solid #fff;display:flex;justify-content:center;align-items:center;cursor:pointer}video-button.story-feature-video-btn svg{width:50%;height:50%}video-button.story-feature-video-btn .icon-play{stroke:#fff;stroke-width:1.8px}video-button.story-feature-video-btn .icon-play path{fill:transparent}video-button.story-feature-video-btn .icon-pause path{fill:#fff}video-button.story-feature-video-btn .icon-pause{display:none}video-button.story-feature-video-btn.active .icon-pause{display:block}video-button.story-feature-video-btn.active .icon-play{display:none}video-button.story-feature-video-btn.active{display:none}.story-product{height:100%}@media screen and (max-width:1100px){.story-product__content h2{font-size:1.4rem;line-height:1.6rem;-webkit-line-clamp:3}}@media screen and (max-width: 768px){.story-left-wrapper.top-two-bottom-one-below .story-designed-for-the-deep-1{order:2}.story-left-wrapper.top-two-bottom-one-below .story-designed-for-the-deep-2{order:3}.story-left-wrapper.top-two-bottom-one-below .story-designed-for-the-deep-3{order:1}.story-wrapper.right-side{flex-direction:row}.story-wrapper{flex-wrap:wrap}.story-left-wrapper,.story-large-media{width:100%}.story-feature-section .swiper-pagination:not(.swiper-pagination-lock){display:block;position:relative;text-align:left;padding-top:15px;color:#fff;background:#000;top:0;z-index:1}.story-content-container{padding:1.1rem 0}.story-product__link a{font-size:1.3rem;line-height:1}.story-product__content{gap:.7rem}.story-product__content .price__container *{font-size:1.3rem!important;line-height:1!important}.story-product__content{padding:1rem}.story-product__container_btn{width:27px;height:27px}.story-product .cart-icon{width:16px;height:16px}.story-box-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}button.stroy-modal__btn svg{width:17px;height:17px}}@media screen and (max-width:450px){.story-product__content h2{font-size:1.2rem;line-height:1.3rem;-webkit-line-clamp:2}.story-product__link a{font-size:1.2rem}.story-heading h2{padding-right:80px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/story-features.css.map?v=43447872217368460291742826273 */
