.story-carousel{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.story-carousel__inner{max-width:1440px;margin:0 auto;padding-left:4rem;padding-right:4rem}.story-carousel__heading{font-size:clamp(2rem,4.5vw,56px);line-height:1.1;letter-spacing:0;text-transform:uppercase;margin:0 0 1.5rem;max-width:1060px}.story-carousel__body{max-width:50ch;margin:0}.story-carousel__slider-outer{margin:3rem -4rem 1.5rem}.story-carousel__swiper{overflow:visible;padding-left:4rem}.story-carousel__card{width:clamp(260px,26vw,360px);aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;position:relative;flex-shrink:0;display:flex;align-items:flex-end}.story-carousel__card-bg{position:absolute;top:0;right:0;bottom:0;left:0}.story-carousel__card-bg img{width:100%;height:100%;object-fit:cover;display:block}.story-carousel__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.story-carousel__card-content{position:relative;z-index:2;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.story-carousel__card-title{font-family:EightiesComeback,serif;font-weight:400;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.15;letter-spacing:.3px;margin:0}.story-carousel__card-body{font-size:.9rem;line-height:1.5;margin:0;opacity:.8}.story-carousel__nav{display:flex;align-items:center;justify-content:space-between}.story-carousel__dots{display:flex;gap:.45rem;align-items:center}.story-carousel__dot{width:8px;height:8px;border-radius:50%;background:currentColor;border:none;padding:0;cursor:pointer;opacity:.25;transition:opacity .2s}.story-carousel__dot.is-active{opacity:1}.story-carousel__arrows{display:flex;gap:.5rem}.story-carousel__arrow{width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s;padding:0}.story-carousel__arrow:hover{opacity:1}.story-carousel__arrow.is-disabled{opacity:.2;cursor:default;pointer-events:none}@media screen and (max-width:768px){.story-carousel__inner{padding-left:2rem;padding-right:2rem}.story-carousel__slider-outer{margin-left:-2rem;margin-right:-2rem}.story-carousel__swiper{padding-left:2rem}.story-carousel__heading{max-width:none}}@media screen and (max-width:500px){.story-carousel__inner{padding-left:1.25rem;padding-right:1.25rem}.story-carousel__slider-outer{margin-left:-1.25rem;margin-right:-1.25rem}.story-carousel__swiper{padding-left:1.25rem}.story-carousel__card{width:clamp(240px,75vw,300px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/story-carousel.css.map */