:root{--forest:#1d2421;--sage:#c3cab4;--pale:#e7ece4;--gold:#c5a247;--contact-bg:#39423f}
*{box-sizing:border-box}html,body{margin:0;background:#fff;font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}.design-page{position:relative;width:100%;max-width:1440px;margin:0 auto;background:#fff;container-type:inline-size}.design-page .frame{display:block;width:100%;height:auto}.hotspot{position:absolute;z-index:4;display:block;border:0;background:transparent;color:transparent;font-size:0;cursor:pointer}.hotspot:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:7px}.mobile-menu-panel{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-field{position:absolute;z-index:5;background:transparent;border:0;border-radius:8px;color:#1d2421;padding:8px 12px;font:14px Inter,Arial,sans-serif;outline:none}.live-field:focus{box-shadow:0 0 0 3px rgba(197,162,71,.55)}.live-submit{position:absolute;z-index:5;border:0;background:transparent;color:transparent;cursor:pointer}.form-note{position:absolute;z-index:6;color:#fff;font-size:12px;font-weight:700;background:#2d4938;padding:7px 10px;border-radius:5px;display:none}.contact-heading{position:absolute;z-index:3;margin:0;background:var(--contact-bg);color:#fff;text-transform:uppercase;font-weight:800;letter-spacing:-.02em;line-height:1.08}
@media(min-width:901px){.mobile-frame{display:none!important}.desktop-frame{display:block!important}.menu-trigger{display:none}.nav-home{left:9.2%;top:6.7cqw;width:7%;height:3.4cqw}.nav-about{left:18.3%;top:6.7cqw;width:10%;height:3.4cqw}.nav-services{left:30.1%;top:6.7cqw;width:10%;height:3.4cqw}.nav-projects{left:62.4%;top:6.7cqw;width:10%;height:3.4cqw}.nav-contact{left:74%;top:6.7cqw;width:11%;height:3.4cqw}.nav-logo{left:43%;top:1.3cqw;width:14%;height:12.8cqw}.top-phone{left:23.2%;top:1.3cqw;width:10.3%;height:3.4cqw}.header-quote{left:87%;top:5.35cqw;width:10%;height:4.75cqw}.social-facebook{left:2.3%;top:1.3cqw;width:10%;height:3.4cqw}.social-instagram{left:12.2%;top:1.3cqw;width:10%;height:3.4cqw}.footer-phone{left:55.7%;bottom:5.15cqw;width:9.7%;height:3.35cqw}.footer-warranty{left:42.55%;bottom:9.75cqw;width:14.9%;height:5.15cqw}.contact-heading{left:4.45%;top:25.65%;width:37.5%;height:7.2%;padding:.35cqw 0;font-size:3.35cqw}.contact-call{left:67.8%;top:71%;width:12.5%;height:4.05%}.contact-quote{left:81.25%;top:71%;width:13.2%;height:4.05%}.contact-d .live-field.name{left:59.2%;top:28.15%;width:34.4%;height:4.05%}.contact-d .live-field.phone{left:59.2%;top:34.05%;width:34.4%;height:4.05%}.contact-d .live-field.postcode{left:59.2%;top:40.05%;width:34.4%;height:4.05%}.contact-d .live-field.message{left:59.2%;top:46%;width:34.4%;height:4.3%}.contact-d .live-submit{left:59.2%;top:51.2%;width:34.4%;height:4.2%}.contact-d .form-note{left:59.2%;top:55.8%}}
@media(max-width:900px){.design-page{max-width:390px}.desktop-frame{display:none!important}.mobile-frame{display:block!important}.menu-trigger{left:74.8%;top:15.38cqw;width:23.5%;height:11.8cqw}.mobile-menu-panel{position:absolute;z-index:20;left:0;right:0;top:42.05cqw;padding:10px 15px 14px;background:#1d2421;flex-direction:column;gap:4px}.mobile-menu-panel.open{display:flex}.mobile-menu-panel a{height:42px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.12)}.mobile-menu-panel a:last-child{background:var(--gold);color:#1d2421;border-radius:7px;border:0;margin-top:6px}.mobile-call{left:3.8%;width:43.6%;height:2.3%}.mobile-quote{left:51.5%;width:44.1%;height:2.3%}.mobile-facebook{left:4%;width:43.5%;height:1.6%}.mobile-instagram{left:51.5%;width:44%;height:1.6%}.footer-phone,.footer-warranty,.contact-call,.contact-quote{display:none}.contact-heading{left:4.1%;top:20.35%;width:91.8%;height:6.25%;padding:.8cqw 0;font-size:7.6cqw}.contact-m .live-field{left:3.8%;width:91.8%;height:3.85%;font-size:13px}.contact-m .live-field.name{top:30.35%}.contact-m .live-field.phone{top:37.2%}.contact-m .live-field.postcode{top:44.05%}.contact-m .live-field.message{top:51.05%}.contact-m .live-submit{left:3.8%;top:57.5%;width:91.8%;height:5.05%}.contact-m .form-note{left:4%;top:63.2%}}
