.cd-quality-materials{--cd-qm-progress: 0;--cd-qm-progress-eased: 0;--cd-qm-scale: 1;--cd-qm-copy-opacity: 1;--cd-qm-copy-shift: 0px;--cd-qm-media-radius: 0px;position:relative;background:var(--cd-qm-body-bg, #111111);color:#fff;overflow:clip}.cd-quality-materials__track{position:relative;min-height:260svh}.cd-quality-materials__sticky{position:sticky;top:0;height:100svh}.cd-quality-materials__scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,2.4vw,36px);width:100%;height:100%;padding:clamp(96px,8.2vw,120px) clamp(16px,1.5vw,20px) clamp(52px,6vw,84px);background:var(--cd-qm-body-bg, #111111)}.cd-quality-materials__copy{position:relative;z-index:1;width:100%;margin:0;text-align:center;line-height:.88;font-weight:500;letter-spacing:-.06em;opacity:var(--cd-qm-copy-opacity);will-change:opacity,transform;transition:opacity .12s linear}.cd-quality-materials__copy--top{transform:translate3d(0,calc(var(--cd-qm-copy-shift) * -1),0)}.cd-quality-materials__copy--bottom{transform:translate3d(0,var(--cd-qm-copy-shift),0)}.cd-quality-materials__copy-desktop,.cd-quality-materials__copy-mobile{display:block}.cd-quality-materials__copy-mobile{display:none}.cd-quality-materials__copy-desktop{font-size:clamp(86px,8.4vw,128px)}.cd-quality-materials__media{position:relative;z-index:2;width:min(50vw,690px);aspect-ratio:16 / 9;max-width:100%;overflow:hidden;background:var(--cd-qm-media-bg, #f5f5f3);transform:translateZ(0) scale(var(--cd-qm-scale));transform-origin:center center;will-change:transform,border-radius}.cd-quality-materials__image,.cd-quality-materials__media .placeholder-svg{display:block;width:100%;height:100%;background:var(--cd-qm-media-bg, #f5f5f3);object-fit:contain;object-position:center center}.cd-quality-materials__image--placeholder{color:#0000002e}@media screen and (max-width:1024px){.cd-quality-materials{background:var(--cd-qm-body-bg, #111111);color:#fff;--cd-qm-mobile-media-width: min(82vw, 330px);--cd-qm-mobile-media-height: min(54vw, 230px);--cd-qm-mobile-media-top: 50svh;--cd-qm-mobile-media-radius: 18px}.cd-quality-materials__track{min-height:220svh}.cd-quality-materials__sticky{position:sticky;top:0;height:100svh}.cd-quality-materials__scene{display:block;padding:0;background:var(--cd-qm-body-bg, #111111)}.cd-quality-materials__copy{position:absolute;left:50%;z-index:3;display:block;width:min(84vw,340px);transform:translate(-50%);text-align:center}.cd-quality-materials__copy-desktop{display:none!important}.cd-quality-materials__copy-mobile{display:block;font-size:clamp(56px,16vw,90px);line-height:.9}.cd-quality-materials__copy--top{top:27svh}.cd-quality-materials__copy--bottom{bottom:27svh}.cd-quality-materials__media{position:absolute;left:50%;top:calc(((1 - var(--cd-qm-progress-eased, 0)) * var(--cd-qm-mobile-media-top)) + (var(--cd-qm-progress-eased, 0) * 50svh));width:calc(((1 - var(--cd-qm-progress-eased, 0)) * var(--cd-qm-mobile-media-width)) + (var(--cd-qm-progress-eased, 0) * 100vw));height:calc(((1 - var(--cd-qm-progress-eased, 0)) * var(--cd-qm-mobile-media-height)) + (var(--cd-qm-progress-eased, 0) * 100svh));aspect-ratio:auto;transform:translate(-50%,-50%);box-shadow:none}.cd-quality-materials__image,.cd-quality-materials__media .placeholder-svg{object-fit:cover;object-position:center center}}@media(prefers-reduced-motion:reduce){.cd-quality-materials__track{min-height:100svh}.cd-quality-materials__sticky{position:relative}.cd-quality-materials__copy{opacity:0}.cd-quality-materials__media{width:100%;height:100%;aspect-ratio:auto;transform:none}}.cd-quality-materials__lineflow{display:block;overflow:hidden;padding-bottom:.08em}.cd-quality-materials__lineflow-text{display:block;opacity:var(--cd-qm-line-opacity, 0);transform:translate3d(0,var(--cd-qm-line-y, 1.05em),0);transition:opacity var(--cd-home-motion-duration, .8s) var(--cd-home-motion-ease, cubic-bezier(.22, 1, .36, 1)),transform var(--cd-home-motion-duration, .8s) var(--cd-home-motion-ease, cubic-bezier(.22, 1, .36, 1));transition-delay:var(--cd-qm-line-delay, 0ms);will-change:opacity,transform}.cd-quality-materials.cd-quality-materials--text-visible .cd-quality-materials__lineflow-text{opacity:1;transform:translateZ(0)}.cd-quality-materials__image,.cd-quality-materials__media .placeholder-svg{opacity:var(--cd-qm-media-opacity, 1);transform:translate3d(0,var(--cd-qm-media-y, 0px),0) scale(var(--cd-qm-image-scale, 1));will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.cd-quality-materials__lineflow-text,.cd-quality-materials__image,.cd-quality-materials__media .placeholder-svg{opacity:1!important;transform:none!important;transition:none!important}}.cd-quality-materials__copy{transition:opacity var(--cd-home-motion-duration, .8s) var(--cd-home-motion-ease, cubic-bezier(.22, 1, .36, 1)),transform var(--cd-home-motion-duration, .8s) var(--cd-home-motion-ease, cubic-bezier(.22, 1, .36, 1))}@media screen and (min-width:1025px){.cd-quality-materials__copy-desktop.cd-quality-materials__lineflow{display:block!important}.cd-quality-materials__copy-mobile.cd-quality-materials__lineflow{display:none!important}}@media screen and (max-width:1024px){.cd-quality-materials__copy-desktop.cd-quality-materials__lineflow{display:none!important}.cd-quality-materials__copy-mobile.cd-quality-materials__lineflow{display:block!important}}@media screen and (max-width:1024px){.cd-quality-materials__copy{left:50%!important;right:auto!important;width:min(90vw,390px);max-width:calc(100vw - 32px);margin-inline:0;text-align:center!important}.cd-quality-materials__copy--top{transform:translate3d(-50%,calc(var(--cd-qm-copy-shift, 0px) * -1),0)!important}.cd-quality-materials__copy--bottom{transform:translate3d(-50%,var(--cd-qm-copy-shift, 0px),0)!important}.cd-quality-materials__copy-mobile,.cd-quality-materials__lineflow,.cd-quality-materials__lineflow-text{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/cleerdent-home-quality-materials.css.map */