.keypad-wrap{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}.keypad-hero__stage--fullbleed{width:100vw;max-width:none;position:relative;left:50%;transform:translate(-50%);display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.keypad-hero__stage--fullbleed>.keypad-hero__media{grid-column:1;grid-row:1}.keypad-hero__stage--fullbleed>.keypad-hero__overlay{grid-column:1;grid-row:1;align-self:end;z-index:1}.keypad-hero__media picture{display:block;width:100%}.keypad-hero__media img{width:100%;height:auto;display:block}.keypad-hero__overlay{text-align:center;padding:clamp(20px,4vw,48px) 20px clamp(28px,5vw,64px);box-sizing:border-box;pointer-events:none}.keypad-hero__overlay-inner{max-width:720px;margin:0 auto;pointer-events:auto}.keypad-hero__title{font-size:clamp(36px,5vw,56px);line-height:1.1;color:#111;margin:0 0 12px;letter-spacing:-.02em}.keypad-hero__sub{font-size:18px;line-height:1.5;color:#444;margin:0 auto;max-width:560px}.keypad-hero__overlay .keypad-hero__title{text-shadow:0 1px 0 rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.35)}.keypad-hero__overlay .keypad-hero__sub{font-size:clamp(15px,1.9vw,18px);color:#333;text-shadow:0 1px 0 rgba(255,255,255,.55),0 0 16px rgba(255,255,255,.3)}.keypad-proto{padding:40px 0 56px}.keypad-proto__strip-wrap{display:flex;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0 16px;box-sizing:border-box}.keypad-proto__strip{display:block;width:100%;max-width:min(100%,920px);height:auto;margin:0 auto;object-fit:contain}.keypad-proto__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:32px 48px;max-width:1100px;margin:0 auto}.keypad-proto__item{text-align:center;width:88px}.keypad-proto__item img{width:56px;height:56px;object-fit:contain;margin-bottom:10px}.keypad-proto__label{font-size:13px;line-height:1.3;color:#333}.keypad-conn--stacked{padding:64px 0}.keypad-conn__fullbleed{width:100vw;max-width:none;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box}.keypad-conn__intro{padding-bottom:48px}.keypad-conn__intro-inner{width:100%;max-width:960px;margin:0 auto;padding:0 16px;text-align:center;box-sizing:border-box}.keypad-conn__heading{font-size:clamp(28px,3.5vw,44px);line-height:1.15;margin:0 auto 20px;color:#111;text-align:center}.keypad-conn__body{font-size:16px;line-height:1.65;color:#444;text-align:center;margin:0 auto;max-width:840px}.keypad-conn__body p{margin:0 0 12px}.keypad-conn__body p:last-child{margin-bottom:0}.keypad-conn__body.rte>*{text-align:center}.keypad-conn__visual-inner{max-width:1400px;margin:0 auto;padding:0 16px;box-sizing:border-box}.keypad-conn__visual img{width:100%;height:auto;display:block;border-radius:12px}.keypad-brand{padding:56px 0 72px;text-align:center}.keypad-brand__headline{font-size:clamp(26px,3.2vw,40px);line-height:1.2;margin:0 0 16px;color:#111}.keypad-brand__shot{margin-top:32px}.keypad-brand__shot img{width:100%;height:auto;display:block}.keypad-brand__shot.keypad-conn__fullbleed img{border-radius:0}.keypad-split{padding:56px 0}.keypad-split__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.keypad-split__grid--flip .keypad-split__visual{order:-1}.keypad-split__heading{font-size:clamp(26px,3vw,38px);margin:0 0 16px;color:#111}.keypad-split__text{font-size:16px;line-height:1.65;color:#444}.keypad-split__visual img{width:100%;height:auto;border-radius:12px;display:block}.keypad-life--intro{padding:56px 0 28px;text-align:center}.keypad-life--intro-only{padding-bottom:56px}.keypad-life__heading{font-size:clamp(26px,3vw,38px);margin:0 auto 12px;color:#111;text-align:center}.keypad-life__text{font-size:16px;line-height:1.65;color:#444;margin:0 auto;max-width:840px;text-align:center}.keypad-life__text.rte>*{text-align:center}.keypad-life__media{padding-bottom:56px}.keypad-life__media img{width:100%;height:auto;display:block}.keypad-life__media.keypad-conn__fullbleed img{border-radius:0}.keypad-power{padding:56px 0 72px;background:#fafafa}.keypad-power__title{font-size:clamp(26px,3vw,38px);line-height:1.2;text-align:center;margin:0 auto 16px;max-width:1100px;color:#111;text-wrap:balance}.keypad-power__subtitle{font-size:16px;line-height:1.65;color:#444;text-align:center;max-width:840px;margin:0 auto 40px}.keypad-power__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.keypad-power__cell{text-align:center}.keypad-power__icon{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4px 24px #0000000f}.keypad-power__icon img{width:100%;height:100%;object-fit:cover}.keypad-power__cell h3{font-size:17px;margin:0 0 8px;color:#111}.keypad-power__cell p{font-size:15px;line-height:1.55;color:#444;margin:0}.keypad-power__cell h3+p{font-size:14px;line-height:1.5;color:#555}.keypad-setup{padding:72px 0 100px}.keypad-setup__title{font-size:clamp(28px,3.5vw,44px);text-align:center;margin:0 0 56px;color:#111}.keypad-setup__row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:24px;max-width:1100px;margin:0 auto}.keypad-setup__step{flex:1;min-width:200px;max-width:300px;text-align:center}.keypad-setup__step img{width:100%;max-width:240px;height:auto;margin:0 auto;display:block;object-fit:contain}.keypad-setup__step h3{font-size:17px;margin:0 0 8px;color:#111}.keypad-setup__step p{font-size:14px;line-height:1.5;color:#555;margin:0 0 20px}.keypad-setup__step h3+img{margin-top:12px}.keypad-setup__arrow{width:48px;align-self:center;opacity:.35}@media(max-width:960px){.keypad-split__grid{grid-template-columns:1fr;gap:32px}.keypad-split__grid--flip .keypad-split__visual{order:0}.keypad-power__grid{grid-template-columns:1fr;max-width:360px}.keypad-setup__arrow{transform:rotate(90deg);margin:8px 0}.keypad-setup__row{flex-direction:column;align-items:center}}.homatics-section-container-outer.keypad-spec-sheet .homatics-specification-content{margin-top:0}.shopify-section:has(>section.keypad-spec-dimensions)+.shopify-section.section-homatics-specs .homatics-specification-content{margin-top:0;padding-top:28px;padding-bottom:28px}.shopify-section:has(>section.keypad-spec-dimensions)+.shopify-section.section-homatics-specs .homatics-specification-content-box:first-of-type{margin-bottom:20px}.shopify-section:has(>section.keypad-spec-sheet)+.shopify-section.section-keypad-spec-figures{padding-top:0}.shopify-section:has(>section.keypad-spec-sheet)+.shopify-section.section-keypad-spec-figures .keypad-spec-figures{padding-top:12px}.keypad-dim{padding:32px 0 16px}.keypad-dim__title{font-size:28px;text-align:left;margin:0 0 20px;color:#111}.keypad-dim__row{display:grid;grid-template-columns:1fr;gap:24px;max-width:1200px;margin:0 auto}.keypad-spec-figures{padding:0 0 40px}.keypad-spec-figures__row{margin:0 0 20px}.keypad-spec-figures__row:last-child{margin-bottom:0}.keypad-spec-figures__img{width:100%;height:auto;display:block}.keypad-dim__cell img{width:100%;height:auto;display:block;border-radius:8px}.keypad-dim__caption{font-size:14px;text-align:center;margin-top:10px;color:#444}@media(max-width:767px){.keypad-dim__row{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/homatics-keypad.css.map */