:root{--navy:#123457;--ink:#172e42;--red:#ea0a2a;--muted:#54616b;--paper:#f3f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ea0a2a;outline-offset:6px}.wrap{width:min(1200px,90%);margin:auto}.skip{position:absolute;left:0;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:0}header{background:#fff}.nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex-direction:column;align-items:center}.brand img{width:220px;height:auto;display:block}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}.button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;background:var(--red);color:white;font-size:14px;font-weight:700;padding:18px 24px}.button:hover{background:#bf0922}.button.small{padding:13px 18px;font-size:12px}.hero{position:relative;background:linear-gradient(90deg,rgba(6,24,43,.88),rgba(6,24,43,.55) 46%,rgba(6,24,43,.04)),url('assets/commercial-roof.jpg') center 54%/cover;color:#fff}.hero-inner{padding:90px 0 95px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--red);margin:0 0 24px}.eyebrow.light{color:#fff;opacity:.85}h1{font-size:clamp(44px,5.7vw,78px);line-height:1.04;letter-spacing:-3px;max-width:780px;margin:0 0 26px}h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 26px}h3{font-size:23px;line-height:1.25;margin:20px 0 15px}.lede{font-size:18px;line-height:1.7;margin-bottom:30px;color:#e5eaf0}.hero-link{display:inline-flex;gap:25px;margin-left:25px;font-size:13px}.image-note{position:absolute;bottom:10px;right:20px;font-size:9px;color:#fff;background:#12345799;padding:2px 7px}.intro-band{background:var(--navy);color:white}.intro-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px}.intro-band span{font-size:11px;letter-spacing:1px;font-weight:800}.intro-band p{margin:0;color:#dbe4ec;font-size:15px}.intro-band a{font-weight:700}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;margin-bottom:48px}.section-heading>p{font-size:16px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dfe3}.services article{padding:35px 30px 0 0}.services article+article{border-left:1px solid #d8dfe3;padding-left:30px}.number{font-size:12px;color:var(--red);font-weight:700}.services p{font-size:14px;color:var(--muted);max-width:310px}.services a,.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:24px;border-bottom:2px solid var(--red);padding:10px 0}.approach{background:var(--paper);padding:85px 0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.approach-grid>div>p:not(.eyebrow){color:var(--muted);max-width:400px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:30px;padding:23px 0;border-top:1px solid #d4dde2}li>span{color:var(--red);font-size:12px;font-weight:700;padding-top:4px}li h3{margin:0 0 9px;font-size:20px}li p{margin:0;color:var(--muted);font-size:14px}.faq{max-width:900px}.faq h2{margin-bottom:35px}details{border-top:1px solid #d8dfe3;padding:20px 0}details:last-child{border-bottom:1px solid #d8dfe3}summary{cursor:pointer;font-weight:700;font-size:17px}details p{color:var(--muted);max-width:740px}details a{text-decoration:underline}.contact{background:var(--navy);color:white;padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact h2{font-size:55px}.contact p{color:#dbe4ec}.contact-links>a{display:block;border-bottom:1px solid #ffffff40;padding:20px 0;font-size:clamp(22px,2.6vw,34px);font-weight:700}.contact-links small{display:block;font-size:10px;letter-spacing:1.5px;color:#bbcbd8;margin-bottom:7px}.contact-links span{float:right;font-size:22px}.contact-links p{font-size:12px;max-width:350px}footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px;font-size:11px;color:var(--muted)}@media(max-width:760px){html{scroll-padding-top:15px}.nav{min-height:90px;gap:15px}.brand img{width:165px;height:auto}nav{gap:0}nav>a:not(.button){display:none}.button.small{font-size:10px;padding:11px;max-width:155px;gap:8px}.hero-inner{padding:65px 0 75px}h1{letter-spacing:-1.8px}.lede{font-size:16px}.hero-link{display:flex;margin:22px 0 0}.hero{background-position:62% center}.intro-band .wrap{flex-wrap:wrap;gap:8px}.intro-band p{width:100%;order:3;font-size:13px}.section{padding-top:60px;padding-bottom:60px}.section-heading,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:22px}.section-heading{margin-bottom:25px}.services{grid-template-columns:1fr}.services article,.services article+article{border-left:0;padding:25px 0;border-bottom:1px solid #d8dfe3}.services p{max-width:none}.approach,.contact{padding:60px 0}.approach-grid{gap:40px}.contact h2{font-size:44px}footer{flex-direction:column;gap:8px}summary{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.contact-logo{display:block;width:210px;height:auto;margin-bottom:30px}