.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}feature-rail{display:block}feature-panel{display:block;height:100%}.design-story__figure{position:relative;margin:0;overflow:hidden}.design-story__caption{box-sizing:border-box;position:absolute;bottom:0;left:0;width:100%;padding:52px 18px 22px;background:linear-gradient(transparent,#000000b8);color:#fff;text-shadow:0 1px 4px rgb(0 0 0/.16)}body.rulnx-store .design-story__caption h3{margin:0;color:inherit;font:400 19px/1.25 var(--font-body-family);text-transform:none;letter-spacing:0}.design-story__caption p{margin:8px 0 0;font:400 13px/1.5 var(--font-body-family);color:inherit;letter-spacing:0}feature-panel[data-enhanced] .design-story__reveal{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .25s ease,opacity .25s ease,visibility .25s}.design-story__reveal>div{min-height:0;min-width:0;overflow:hidden}feature-panel[data-open] .design-story__reveal{grid-template-rows:1fr;opacity:1;visibility:visible}.design-story__info{position:absolute;top:10px;right:8px;width:44px;height:44px;padding:0;display:grid;place-items:center;color:#171717;background:none;border:0;border-radius:0;cursor:pointer}.design-story__info[hidden]{display:none}.design-story__info>span{display:grid;place-items:center;width:28px;height:28px;background:#f2f1efe0;border:1px solid rgb(23 23 23/.6);border-radius:50%;font:500 16px/1 var(--font-body-family);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.design-story__info{-webkit-tap-highlight-color:transparent}.design-story__info:focus-visible{outline:2px solid #fff;outline-offset:-3px}@media(prefers-reduced-motion:reduce){feature-panel[data-enhanced] .design-story__reveal{transition:none}}@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:var(--feature-controls-top, calc(103.75cqw - 52px) );bottom:auto;left:var(--feature-controls-left, calc(83% - 100px) );transform:none;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:32px;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:24px;color:inherit;font-size:11px;text-shadow:none}.design-story__caption{padding:48px 14px 16px}.design-story:has(.design-story__item:nth-child(2)) .design-story__caption{padding-right:104px}.design-story .slider-buttons{gap:0;mix-blend-mode:normal}.design-story .slider-button{-webkit-tap-highlight-color:transparent}body.rulnx-store .design-story__caption h3{font-size:17px}}.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/79/assets/product-design-story.css.map */