.cinoton-design-installation{box-sizing:border-box;overflow:clip;padding:var(--design-section-space, 80px) 0;background:var(--design-background, #000);color:var(--design-text, #fff)}.cinoton-design-installation *,.cinoton-design-installation *:before,.cinoton-design-installation *:after{box-sizing:border-box}.cinoton-design-installation__inner{width:min(calc(100% - 64px),var(--design-width, 1600px));margin-inline:auto}.cinoton-design-installation__features{display:grid;gap:var(--design-row-gap, 72px)}.cinoton-design-installation__feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--design-feature-gap, 48px)}.cinoton-design-installation__feature--text-first .cinoton-design-installation__feature-media{order:2}.cinoton-design-installation__feature-media,.cinoton-design-installation__step-media{min-width:0;overflow:hidden;border-radius:var(--design-radius, 12px);background:#17181c}.cinoton-design-installation__feature-media{height:var(--design-feature-height, 500px)}.cinoton-design-installation__feature-media picture,.cinoton-design-installation__feature-media img,.cinoton-design-installation__feature-media svg,.cinoton-design-installation__step-media picture,.cinoton-design-installation__step-media img,.cinoton-design-installation__step-media svg{display:block;width:100%;height:100%}.cinoton-design-installation__feature-media img,.cinoton-design-installation__feature-media svg{object-fit:var(--design-feature-fit, cover)}.cinoton-design-installation__feature-copy{max-width:620px;padding:clamp(8px,2vw,28px)}.cinoton-design-installation__feature-copy h2{max-width:18ch;margin:0;color:inherit;font-size:clamp(30px,3vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.cinoton-design-installation__feature-copy .rte{margin-top:18px;color:var(--design-muted, #d6d6d8);font-size:clamp(15px,1.15vw,18px);line-height:1.5}.cinoton-design-installation__feature-copy .rte>*{margin-top:0;margin-bottom:0}.cinoton-design-installation__installation{margin-top:var(--design-installation-space, 100px)}.cinoton-design-installation__installation-heading{margin:0 0 clamp(28px,3.5vw,48px);color:inherit;font-size:clamp(30px,3vw,46px);font-weight:600;line-height:1.12;text-align:center;text-wrap:balance}.cinoton-design-installation__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--design-step-gap, 14px)}.cinoton-design-installation__step{min-width:0}.cinoton-design-installation__step-media{aspect-ratio:1}.cinoton-design-installation__step-media img,.cinoton-design-installation__step-media svg{object-fit:var(--design-step-fit, cover)}.cinoton-design-installation__step-copy{padding:16px 4px 0}.cinoton-design-installation__step-copy h3{margin:0;color:inherit;font-size:clamp(16px,1.3vw,20px);font-weight:500;line-height:1.35}.cinoton-design-installation__step-copy .rte{margin-top:7px;color:var(--design-muted, #d6d6d8);font-size:clamp(14px,1vw,16px);line-height:1.45}.cinoton-design-installation__step-copy .rte>*{margin-top:0;margin-bottom:0}.cinoton-design-installation__empty{margin:0;padding:64px 24px;border:1px dashed rgb(255 255 255 / 25%);text-align:center}@media(max-width:989px){.cinoton-design-installation__inner{width:min(calc(100% - 40px),var(--design-width, 1600px))}.cinoton-design-installation__feature{grid-template-columns:minmax(0,1fr);gap:24px}.cinoton-design-installation__feature--text-first .cinoton-design-installation__feature-media{order:0}.cinoton-design-installation__feature-copy{order:1;max-width:700px;padding:0 4px}.cinoton-design-installation__feature-media{height:var(--design-mobile-feature-height, 300px)}.cinoton-design-installation__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:549px){.cinoton-design-installation{padding-block:max(40px,calc(var(--design-section-space, 80px) * .65))}.cinoton-design-installation__inner{width:min(calc(100% - 24px),var(--design-width, 1600px))}.cinoton-design-installation__feature-copy h2,.cinoton-design-installation__installation-heading{font-size:clamp(27px,8vw,34px)}.cinoton-design-installation__installation{margin-top:max(56px,calc(var(--design-installation-space, 100px) * .7))}.cinoton-design-installation__steps{grid-template-columns:minmax(0,1fr);gap:30px}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-design-installation.css.map */