/* Stage homepage: common content edges, independent of viewport width. */
#kc-design{--kc-home-gutter:18px;--kc-panel-inset:32px}
#kc-design .section,#kc-design #facade.facade-section,#kc-design .ready-projects,#kc-design .skatra-section{box-sizing:border-box;width:calc(100% - 2 * var(--kc-home-gutter));max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
#kc-design #catalog.catalog-section,#kc-design #facade.facade-section{padding-left:var(--kc-panel-inset);padding-right:var(--kc-panel-inset)}
#kc-design .contact-section,#kc-design footer{box-sizing:border-box;width:calc(100% - 2 * var(--kc-home-gutter));max-width:none;margin-left:auto;margin-right:auto;padding-left:var(--kc-panel-inset);padding-right:var(--kc-panel-inset)}
@media(max-width:800px){#kc-design{--kc-home-gutter:10px;--kc-panel-inset:20px}}

#kc-design #roofing.skatra-section{padding-left:var(--kc-panel-inset);padding-right:var(--kc-panel-inset)}

/* Keep the final navigation row inside a comfortably padded footer. */
#kc-design footer{height:auto;min-height:0;overflow:visible;padding-top:32px;padding-bottom:48px;margin-bottom:18px}
#kc-design footer>.brand{margin-left:0;padding-left:0;padding-right:0}
#kc-design .kc-footer-links{min-width:0}
#kc-design .kc-footer-links a{overflow-wrap:anywhere}
@media(max-width:800px){#kc-design footer{padding-top:24px;padding-bottom:32px;margin-bottom:10px}}
