.design-story{padding-block:16px}.design-story h2{margin:0 0 16px;font-size:26px}.design-story .design-story__grid{margin:0;padding:0;gap:4px}.design-story .design-story__item{padding:0;margin:0;min-width:0;position:relative}.design-story__item img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.design-story__item figure{margin:0}.design-story__caption{padding:14px 12px 8px 0}body.rulnx-store .design-story__caption h3{margin:0 0 5px;font-size:14px;line-height:1.35;font-weight:600;text-transform:uppercase;letter-spacing:0}.design-story__caption p{margin:0;font-size:15px;line-height:1.45;color:var(--store-muted);letter-spacing:0}@media(min-width:990px){.design-story .design-story__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.design-story .design-story__grid .design-story__item{width:100%;max-width:none;flex:none}.design-story .slider-buttons{display:none}}@media(max-width:989px){.design-story{padding-inline:var(--site-page-gutter)}.design-story slider-component{position:relative;margin:0;container-type:inline-size}.design-story .design-story__grid{display:flex;flex-wrap:nowrap;scroll-padding-inline:0}.design-story .design-story__grid:after{content:none}.rulnx-store .design-story .design-story__grid .design-story__item{flex:0 0 83%;width:83%;max-width:83%;margin:0}.design-story .slider-buttons{position:absolute;top:calc(103.75cqw - 52px);bottom:auto;left:50%;transform:translate(-50%);z-index:2;margin:0;padding:0;background:transparent;color:#fff;mix-blend-mode:difference;text-shadow:none}.design-story .slider-button{color:inherit;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent}.design-story .slider-button:disabled{color:inherit;opacity:.35}.design-story .slider-button:not([disabled]):hover{color:inherit}.design-story .slider-button svg,.design-story .slider-button[disabled] .icon{width:12px;height:12px;color:inherit;filter:none}.design-story .slider-counter{min-width:44px;color:inherit;font-size:13px;text-shadow:none}}.design-story-section:not(:has(.design-story__item)):not(:has(.pdp-editor-note)){display:none}.design-story:not(:has(.design-story__item:nth-child(2))) .slider-buttons{display:none}
/*# sourceMappingURL=/cdn/shop/t/65/assets/product-design-story.css.map */