.story-carousel-section{--story-green: #0a3635;--story-cream: #f7ece3;--story-red: #e42a26;--story-yellow: #f2b200;--story-gap: 1.6rem;background:var(--story-cream);overflow:hidden}.story-carousel-section__header{margin:0 auto 2.8rem;max-width:90rem;text-align:center}.story-carousel-section__heading{margin:0;color:var(--story-green);font-size:clamp(2.4rem,3vw,3.8rem);font-weight:900;line-height:1.1;letter-spacing:.01em;text-transform:uppercase}.story-carousel-section__sub{margin:.8rem 0 0;color:#1c1c1c;font-size:1.7rem}story-carousel{--per-view: var(--story-per-view-desktop, 3);position:relative;display:block;padding:0 2.4rem}.story-carousel__viewport{overflow:hidden;border-radius:1.2rem}.story-carousel__track{display:flex;gap:var(--story-gap);margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}.story-carousel__track::-webkit-scrollbar{display:none}.story-carousel__track.is-jumping{scroll-snap-type:none;scroll-behavior:auto}.story-carousel__track.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.story-carousel__track:focus-visible{outline:3px solid var(--story-red);outline-offset:3px}.story-carousel__slide{flex:0 0 calc((100% - (var(--per-view) - 1) * var(--story-gap)) / var(--per-view));scroll-snap-align:start;min-width:0}.story-card{position:relative;margin:0;aspect-ratio:9 / 16;border-radius:1.2rem;overflow:hidden;background:#ead8cb}.story-card__image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.story-card:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#00000073 45%,#000000c7);pointer-events:none}.story-card__caption{position:absolute;left:1.6rem;right:1.6rem;bottom:1.8rem;z-index:1;color:#fff;font-size:clamp(1.6rem,1.5vw,2rem);font-weight:800;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--story-green)}.story-card__placeholder-svg{width:80%;height:auto;opacity:.4}.story-card__placeholder-label{font-size:1.4rem;font-weight:700}.story-carousel__arrow{position:absolute;top:calc(50% - 4.6rem);z-index:2;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:#fff;color:var(--story-green);box-shadow:0 4px 14px #0000002e;cursor:pointer;transition:transform .15s ease}.story-carousel__arrow:hover{transform:scale(1.06)}.story-carousel__arrow:focus-visible,.story-carousel__dot:focus-visible,.story-carousel__toggle:focus-visible{outline:3px solid var(--story-red);outline-offset:2px}.story-carousel__arrow--prev{left:0}.story-carousel__arrow--next{right:0}.story-carousel__arrow[hidden],.story-carousel__controls[hidden]{display:none}.story-carousel__controls{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.6rem}.story-carousel__dots{display:flex;flex-wrap:wrap;justify-content:center}.story-carousel__dot{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer}.story-carousel__dot:before{content:"";width:.9rem;height:.9rem;border-radius:999px;background:#0a363540;transition:width .2s ease,background-color .2s ease}.story-carousel__dot[aria-current=true]:before{width:2rem;background:var(--story-green)}.story-carousel__toggle{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:1.5px solid var(--story-green);border-radius:50%;background:transparent;color:var(--story-green);cursor:pointer}.story-carousel__icon-play,.story-carousel__toggle.is-paused .story-carousel__icon-pause{display:none}.story-carousel__toggle.is-paused .story-carousel__icon-play{display:block}.story-carousel-section__cta{margin-top:2.8rem;text-align:center}.story-carousel-section__button{display:inline-flex;align-items:center;justify-content:center;min-height:5rem;padding:0 4rem;border-radius:1rem;background:var(--story-green);color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background-color .15s ease,transform .15s ease}.story-carousel-section__button:hover{background:#0f4a48;transform:translateY(-1px)}.story-carousel-section__button:focus-visible{outline:3px solid var(--story-red);outline-offset:3px}@media screen and (max-width:989px){story-carousel{--per-view: var(--story-per-view-tablet, 2)}}@media screen and (max-width:749px){.story-carousel-section__header{margin-bottom:2rem}.story-carousel-section__sub{font-size:1.5rem}story-carousel{--per-view: 1.22;--story-gap: 1.2rem;padding:0;margin-right:-1.5rem}.story-carousel__viewport{border-radius:1.2rem 0 0 1.2rem}.story-carousel__arrow{display:none}.story-card__caption{font-size:1.8rem}.story-carousel-section__button{width:100%}}@media(prefers-reduced-motion:reduce){.story-carousel__track{scroll-behavior:auto}.story-carousel__dot:before,.story-carousel__arrow,.story-carousel-section__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-story-carousel.css.map */