.story-carousel{padding:12px 0}.story-carousel__frame{display:grid;grid-template-columns:minmax(300px,36%) 1fr;min-height:clamp(360px,34vw,520px);overflow:hidden;background:var(--sc-bg, #ead7c0)}.story-carousel__frame--image-left{grid-template-columns:1fr minmax(300px,36%)}.story-carousel__frame--image-left .story-carousel__panel{order:2}.story-carousel__panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,56px);color:var(--sc-text, #111)}.story-carousel__eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.story-carousel__heading{margin:0 0 16px;font-family:Libre Caslon Text,Georgia,Times New Roman,serif;font-size:clamp(2.25rem,3.8vw,3.5rem);font-weight:400;line-height:1.04;letter-spacing:-.02em;color:inherit;text-wrap:balance}.story-carousel__text{max-width:34ch;margin:0 0 28px;font-size:16px;line-height:1.5;color:inherit}.story-carousel__actions{display:flex;flex-wrap:wrap;gap:10px}.story-carousel__button{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;font-size:13px;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#fff;background:#0d0d0d;border-radius:2px;transition:background-color .2s ease}.story-carousel__button:hover{color:#fff;background:#2b2b2b;text-decoration:none}.story-carousel__button--ghost{color:#0d0d0d;background:transparent;box-shadow:inset 0 0 0 1px #000000d9}.story-carousel__button--ghost:hover{color:#0d0d0d;background:#0000000f}.story-carousel__media{position:relative;min-height:300px;overflow:hidden;background:#e9e4dd}.story-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s}.story-carousel__slide.is-active{z-index:1;opacity:1;visibility:visible;transition-delay:0s}.story-carousel__image{display:block;width:100%;height:100%;object-fit:cover}.story-carousel__placeholder{width:100%;height:100%}.story-carousel__dots{position:absolute;z-index:3;right:20px;bottom:18px;display:flex;gap:8px}.story-carousel__dot{width:8px;height:8px;padding:0;cursor:pointer;background:#ffffff59;border:1px solid #fff;border-radius:50%}.story-carousel__dot.is-active{background:#fff}@media(max-width:768px){.story-carousel{padding:10px 0}.story-carousel__frame,.story-carousel__frame--image-left{grid-template-columns:1fr;min-height:0}.story-carousel__media{order:-1;min-height:0;aspect-ratio:16 / 9}.story-carousel__frame--image-left .story-carousel__panel,.story-carousel__panel{order:0;padding:24px 20px 28px}.story-carousel__heading{font-size:2rem}.story-carousel__text{margin-bottom:20px;font-size:15px}}@media(prefers-reduced-motion:reduce){.story-carousel__slide,.story-carousel__image{transition:none}.story-carousel__image,.story-carousel__slide.is-active .story-carousel__image{transform:none}}.story-carousel__frame--overlay{position:relative;display:block;min-height:0}.story-carousel__frame--overlay .story-carousel__media{aspect-ratio:var(--sc-ratio, 3);min-height:0;background:transparent}.story-carousel__frame--overlay .story-carousel__panel{position:absolute;z-index:2;top:0;bottom:0;left:0;width:min(36%,540px);background:transparent}.story-carousel__frame--overlay.story-carousel__frame--image-left .story-carousel__panel{left:auto;right:0}@media(max-width:768px){.story-carousel__frame--overlay{display:grid;grid-template-columns:1fr;background:var(--sc-bg, #ead7c0)}.story-carousel__frame--overlay .story-carousel__media{order:-1;aspect-ratio:16 / 9}.story-carousel__frame--overlay .story-carousel__panel{position:static;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/section-story-carousel.css.map */
