.story-slider-section .story-slider-content-wrapper{padding:0 4rem}.story-slider-section .story-slider-content-main{display:flex;flex-wrap:wrap;align-items:center}.story-slider-section .story-slider-content-main .story-heading-content{width:100%;max-width:45%}.story-slider-section .story-slider-content-main .story-main-image{width:100%;max-width:55%;position:relative;overflow:hidden}.story-slider-section .story-slider-content-main .collection__title{width:100%;max-width:55%;margin:0 auto;padding-right:1.5rem}.story-slider-section .story-slider-content-main .collection__title .story-subtitle{font-family:var(--font-heading-family);font-size:7.5rem;margin-bottom:.5rem;margin-left:-.5rem;display:flex}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit-wrapper{position:relative;overflow:hidden;width:3rem;height:7.5rem;display:inline-block}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit{position:absolute;top:0;left:0;width:100%;transition:transform .5s ease,opacity .5s ease}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit.slide-up{transform:translateY(-100%);opacity:0}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit.slide-down{transform:translateY(100%);opacity:0}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit.new-digit{transform:translateY(0);opacity:1}.story-slider-section .story-slider-content-main .collection__title .story-title{font-family:var(--font-body-family);font-size:3.4rem}.story-slider-section .story-slider-content-main .story-main-image .media{transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity;overflow:hidden;border-radius:var(--media-radius)}.story-slider-section .story-slider-content-main.slide-up .story-main-image .media{transform:translateY(100%);opacity:0;animation:slideUpAnim .5s forwards}.story-slider-section .story-slider-content-main.slide-down .story-main-image .media{transform:translateY(-100%);opacity:0;animation:slideDownAnim .5s forwards}@keyframes slideUpAnim{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownAnim{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.story-slider-section .story-thumbnails{display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:8rem;padding:0 4rem}.story-slider-section .story-thumbnails:before{content:"";position:absolute;top:50%;left:0;right:0;height:5px;background-color:#e5e5e5;z-index:0}.story-slider-section .story-thumbnails:after{content:"";position:absolute;top:50%;left:0;height:5px;background-color:#000;z-index:1;transition:width .3s ease}.story-slider-section .story-thumbnail{position:relative;z-index:2;width:7rem;height:7rem;border-radius:50%;overflow:hidden;background-color:#fff;outline:2px solid #d3d3d3;padding:5px;cursor:pointer;transition:border-color .3s,transform .3s}.story-slider-section .story-thumbnail.active{outline:2px solid #000}.story-slider-section .story-thumbnail .media{border-radius:50%}@media screen and (max-width: 1429px){.story-slider-section .story-slider-content-wrapper{padding:0 1.5rem}.story-slider-section .story-slider-content-main .collection__title .story-subtitle{font-size:7rem}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit-wrapper{width:2.8rem;height:7rem}.story-slider-section .story-slider-content-main .collection__title .story-title{font-size:3.2rem}.story-slider-section .story-thumbnails{margin-top:7rem;padding:0 1.5rem}.story-slider-section .story-thumbnail{width:6.5rem;height:6.5rem}.story-slider-section .story-slider-content-main .collection__title{width:100%;max-width:65%}.story-slider-section .story-thumbnails-main:after{width:1.5rem}}@media screen and (max-width: 1199px){.story-slider-section .story-slider-content-main .collection__title .story-subtitle{font-size:6.5rem}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit-wrapper{width:2.6rem;height:6.5rem}.story-slider-section .story-slider-content-main .collection__title .story-title{font-size:3rem}.story-slider-section .story-thumbnails{margin-top:6rem}.story-slider-section .story-thumbnail{width:6rem;height:6rem}.story-slider-section .story-slider-content-main .collection__title{width:100%;max-width:75%}}@media screen and (max-width: 991px){.story-slider-section .story-slider-content-main .collection__title .story-subtitle{font-size:6rem}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit-wrapper{width:2.4rem;height:6rem}.story-slider-section .story-slider-content-main .collection__title .story-title{font-size:2.8rem}.story-slider-section .story-thumbnails{margin-top:5rem}.story-slider-section .story-thumbnail{width:5.5rem;height:5.5rem}.story-slider-section .story-slider-content-main .collection__title{max-width:100%}}@media screen and (max-width: 767px){.story-slider-section .story-slider-content-main .collection__title .story-subtitle{font-size:5rem;margin-left:0}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit-wrapper{width:2rem;height:5rem}.story-slider-section .story-slider-content-main .collection__title .story-title{font-size:2.6rem}.story-slider-section .story-thumbnails{margin-top:4rem}.story-slider-section .story-thumbnail{width:4.5rem;height:4.5rem}.story-slider-section .story-thumbnail{padding:2px}.story-slider-section .story-slider-content-main .story-heading-content,.story-slider-section .story-slider-content-main .story-main-image{max-width:100%}.story-slider-section .story-slider-content-main .collection__title{padding-right:0;padding-bottom:1.5rem}}@media screen and (max-width: 575px){.story-slider-section .story-slider-content-main .collection__title .story-subtitle{font-size:4rem}.story-slider-section .story-slider-content-main .collection__title .story-subtitle .year-digit-wrapper{width:1.6rem;height:4rem}.story-slider-section .story-slider-content-main .collection__title .story-title{font-size:2.4rem}.story-slider-section .story-thumbnails{margin-top:3rem}.story-slider-section .story-thumbnail{width:3.5rem;height:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/story-slider.css.map */