:root{--navy:#101f62;--orange:#f5720a;--ink:#101f62;--muted:#657083;--pale:#f3f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.draft{font-size:10px;text-align:center;padding:7px;letter-spacing:1.5px;background:#edf0f8;color:var(--navy)}.top{background:var(--navy);color:white;padding:11px 6%;display:flex;justify-content:space-between;font-size:10px;font-weight:bold;letter-spacing:1.4px}.top a{font-size:13px}header{display:flex;align-items:center;justify-content:space-between;padding:14px 6%;gap:30px}.logo{display:block;width:142px;height:96px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:bold}.btn{display:inline-block;padding:19px 25px;background:var(--orange);color:#101f62;font-weight:800;font-size:14px;border:0}.btn:hover{background:#ff8a2b}.small{padding:15px 20px;font-size:12px}.hero{position:relative;min-height:600px;color:#fff;display:flex;align-items:center;padding:65px 6%}.heroimage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,44,.92),rgba(6,16,44,.68) 40%,rgba(6,16,44,.08))}.herotext{position:relative;max-width:740px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;line-height:1.6}.hero .eyebrow{color:#ff9b4f}h1{font-size:clamp(48px,6.1vw,84px);letter-spacing:-3px;line-height:1.04;margin:24px 0;font-weight:800}p{font-size:16px;line-height:1.8;margin:0 0 18px}.hero p{color:#e6e9f0;font-size:17px;max-width:570px}.quiet{display:block;font-size:12px;margin-top:19px;color:#d7dce8}.caption{position:absolute;bottom:24px;right:6%;font-size:9px;letter-spacing:2px}.credentials{padding:29px 6%;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe3eb;gap:30px}.credentials div+div{border-left:1px solid #dce1ea;padding-left:35px}.credentials span{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:9px}.credentials strong{font-size:19px;color:var(--navy)}.credentials b{font-weight:400}.wrap{padding:80px 6%}.intro,.areas{display:grid;grid-template-columns:1fr 1fr;gap:80px}h2{font-size:clamp(32px,3.5vw,47px);letter-spacing:-1.6px;line-height:1.13;color:var(--navy);margin:17px 0 28px}h3{font-size:21px;color:var(--navy);line-height:1.3}.textlink{display:inline-block;font-size:13px;color:var(--navy);font-weight:bold;border-bottom:2px solid var(--orange);padding:8px 0}.services{background:var(--pale)}.sectionhead{display:flex;justify-content:space-between;gap:50px;align-items:center}.sectionhead p{max-width:370px;color:var(--muted)}.servicegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:25px}.servicegrid a{border-top:3px solid var(--navy);padding-top:22px;display:flex;flex-direction:column}.servicegrid a:hover{border-color:var(--orange)}.servicegrid span{color:var(--orange);font-size:12px;font-weight:bold}.servicegrid p{font-size:14px;color:var(--muted)}.servicegrid b{font-size:12px;margin-top:auto;padding-top:16px}.work{display:grid;grid-template-columns:1.1fr 1fr;background:var(--navy);color:#e7eafa}.work img{width:100%;height:100%;min-height:450px;object-fit:cover}.work>div{padding:70px 12%}.work h2{color:white}.work .eyebrow{color:#ff9b4f}.brands{font-size:10px;letter-spacing:1.8px;border-top:1px solid #515f93;padding-top:25px;margin-top:30px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.process span{font-size:26px;color:var(--orange)}.process p{font-size:14px;color:var(--muted)}.pledge{text-align:center;background:var(--pale);padding:65px 6%;border-top:1px solid #dfe3eb}.pledge .eyebrow{color:var(--orange)}blockquote{font-size:clamp(24px,3vw,38px);line-height:1.45;letter-spacing:-.7px;color:var(--navy);margin:25px 0}.pledge p{font-size:12px;color:var(--muted)}.areas>div+div{align-self:center}.areas p{font-size:20px}.areas .muted{font-size:14px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--navy);color:#fff}.contact h2{color:#fff}.contact .eyebrow{color:#ff9b4f}.contact p{color:#d1d8ef}.contactlinks{align-self:center;display:flex;align-items:flex-start;flex-direction:column;gap:24px}.contactlinks>a:not(.btn){font-size:16px;text-decoration:underline;text-underline-offset:5px}.contactlinks small{color:#c7cfe7;font-size:12px;max-width:330px;line-height:1.7}footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 6%;font-size:12px;line-height:1.9;color:var(--muted)}footer img{width:125px;height:90px;object-fit:contain}@media(max-width:800px){nav{gap:16px}nav>a:not(.btn){display:none}.hero{min-height:560px}.credentials{gap:16px}.credentials div+div{padding-left:15px}.credentials strong{font-size:15px}.intro,.areas,.contact{grid-template-columns:1fr;gap:20px}.servicegrid{grid-template-columns:repeat(2,1fr);row-gap:40px}.work{grid-template-columns:1fr}.work img{min-height:280px;max-height:360px}.work>div{padding:45px 6%}.sectionhead{display:block}.wrap{padding:55px 6%}.process{gap:22px}.desktop{display:none}footer{flex-wrap:wrap}}@media(max-width:480px){.top span{font-size:8px;letter-spacing:.7px}.top a{font-size:11px}.logo{width:104px;height:80px}header{gap:10px}.small{padding:13px 12px;font-size:11px}.hero{min-height:560px}.hero p{font-size:16px}.credentials{grid-template-columns:1fr;padding:25px 6%}.credentials div+div{border-left:0;border-top:1px solid #e1e5ed;padding:16px 0 0}.credentials strong{font-size:18px}.credentials span{margin-bottom:5px}.process{grid-template-columns:1fr;gap:18px}.servicegrid{gap:24px 18px}h3{font-size:19px}.servicegrid p{font-size:13px}.caption{display:none}footer>div{font-size:11px}}

/* Homepage coverage mirrors the service-area hub. */
.home-service-areas{display:block}.home-areas-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.home-areas-heading>p{font-size:16px;color:#657083;max-width:520px}.home-area-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;margin-top:20px}.home-area-group{border-top:3px solid #f5720a;padding-top:16px}.home-area-group h3{margin:0 0 16px;color:#101f62;font-size:20px}.home-area-group ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:9px}.home-area-group:nth-child(2) ul{grid-template-columns:1fr 1fr;gap:9px 22px}.home-area-group li{font-size:15px;line-height:1.8;color:#101f62}.home-area-group a{display:inline-block;padding:3px 0}.home-area-group a span{font-size:12px;color:#657083}.home-area-group a:hover{text-decoration:underline;text-decoration-color:#f5720a;text-underline-offset:5px}.home-areas-link{margin-top:30px}@media(max-width:800px){.home-areas-heading{grid-template-columns:1fr;gap:0}.home-area-grid{grid-template-columns:1fr 1fr;gap:30px}.home-area-group:nth-child(2) ul{grid-template-columns:1fr}}@media(max-width:480px){.home-area-grid{grid-template-columns:1fr;gap:28px}.home-area-group ul,.home-area-group:nth-child(2) ul{grid-template-columns:1fr 1fr;gap:5px 14px}.home-area-group a{padding:6px 0}.home-area-group h3{font-size:19px}}

/* Frame the owner-supplied Oak Harbor project photo around the roof. */
.heroimage.project-metal-photo{object-position:center 38%}.work img.project-metal-photo{object-position:center 42%}