﻿@font-face{font-family:Jakarta;src:url('/assets/jakarta.woff2') format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:#1e293b;background:#f7f9fb;font-family:Jakarta,'Segoe UI',sans-serif;font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b86413;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17;letter-spacing:-.045em}p{color:#617080}h1{font-size:clamp(40px,4.6vw,68px);font-weight:800}h2{font-size:34px}h3{font-size:26px}.container{width:90%;max-width:1296px;margin:auto}.site-header{background:#eeeef0;border-bottom:1px solid #e2e5e9;position:relative;z-index:20}.header-inner{width:90%;max-width:1500px;margin:auto;min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:200px;height:125px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:29px;color:#171d24;font-size:16px}.site-header nav>a:not(.button){padding:4px 0}.site-header nav>a[aria-current=page]{border-bottom:1px solid}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#1e293b;color:#fff;border:1px solid #1e293b;border-radius:3px;padding:15px 24px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#314b65;transform:translateY(-2px)}.button span{color:#ff9b39;font-size:21px;line-height:1}.header-cta{background:#345170;border-color:#345170;border-radius:0;padding:16px 22px;font-size:16px}.header-cta span{color:white}.dropdown{position:relative}.dropdown-toggle{background:none;border:0;padding:12px 0;color:inherit;font:inherit}.chevron{margin-left:4px;font-size:18px}#service-menu{position:absolute;right:0;top:100%;width:300px;background:white;padding:12px;box-shadow:0 12px 35px #14253b1a;border:1px solid #e0e5eb;border-radius:4px}#service-menu a{display:block;padding:11px 13px;font-size:14px}#service-menu a:hover{background:#f1f4f7}.mobile-toggle{display:none}.eyebrow{display:flex;align-items:center;gap:11px;text-transform:uppercase;font-family:Consolas,monospace;font-size:11px;letter-spacing:1.7px;font-weight:500;color:#6c7885}.eyebrow:before{content:'';display:block;width:7px;height:7px;background:#dd852d;flex-shrink:0}.hero{background:white;position:relative;overflow:hidden;padding:61px 0 53px}.hero:after{content:'';position:absolute;right:3%;top:0;bottom:0;width:35%;background-image:radial-gradient(#d8e0e8 1px,transparent 1px);background-size:22px 22px;opacity:.55;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}.hero .container{position:relative;z-index:1}.hero .eyebrow{margin-bottom:22px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hero h1{margin:0;max-width:850px}.hero h1 span{color:#d67c25}.hero-side{width:265px;flex-shrink:0;padding-bottom:6px}.hero-side p{margin-bottom:21px;line-height:1.8;font-size:14px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:700;border-bottom:1px solid #bac4cf;padding-bottom:6px}.text-link span{color:#c87828;font-size:20px}.services{padding:48px 0 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.section-heading h2{font-size:30px;margin:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{max-width:350px;font-size:13px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{background:#fff;border:1px solid #e3e8ee;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #16273b0b}.card-body{padding:27px 27px 21px;display:flex;flex-direction:column;flex:1}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.trade-icon{width:42px;height:42px;background:#f0f3f6;border-radius:3px;display:grid;place-items:center}.trade-icon svg{width:25px;height:25px;fill:none;stroke:#344b62;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card-number{font:12px Consolas,monospace;color:#8996a4;letter-spacing:1.5px}.service-card h3{min-height:63px;margin-bottom:15px;font-size:27px}.service-card .description{font-size:13px;line-height:1.8;min-height:70px;margin-bottom:22px}.card-image{overflow:hidden;display:block;border-radius:3px;background:#e1e6eb}.card-image img{width:100%;height:210px;object-fit:cover;transition:transform .5s}.card-image:hover img{transform:scale(1.04)}.card-image.roof img{object-position:50% 75%}.feature-list{padding:0;margin:22px 0 10px;list-style:none;font-size:12px;line-height:1.75;color:#627082}.feature-list li{margin:6px 0;display:flex;gap:9px;align-items:baseline}.feature-list li:before{content:'✓';color:#be792f;font-size:12px}.card-bottom{padding:18px 27px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.card-bottom a:first-child{font-weight:700}.card-bottom a span{padding-left:10px;color:#b76c20}.card-bottom a:last-child{color:#687588}.contact-section{background:#eef2f5;border-top:1px solid #e1e7ed;padding:72px 0 76px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.contact-copy{padding-top:10px}.contact-copy h2{font-size:44px;max-width:400px;margin:24px 0}.contact-copy>p{max-width:365px;font-size:14px}.contact-card{display:flex;align-items:center;gap:17px;margin:29px 0;padding:23px;background:white;border-left:3px solid #d7842f;max-width:385px}.contact-card .phone-icon{width:42px;height:42px;display:grid;place-items:center;color:#bf7221;background:#fff4e7;font-size:24px}.contact-card small{display:block;letter-spacing:1.2px;font:10px Consolas,monospace;color:#8c6745;margin-bottom:7px}.contact-card a{font-size:22px;font-weight:700;letter-spacing:-.7px}.contact-details{display:grid;gap:16px;font-size:14px}.contact-details a:hover{text-decoration:underline}.contact-details p{margin:0}.contact-details span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#7a8794;margin-bottom:3px}.contact-form{background:white;padding:32px;border:1px solid #e1e6eb;border-radius:5px;box-shadow:0 4px 12px #14273b03}.contact-form h3{font-size:25px;margin:0 0 10px}.contact-form>p{font-size:12px;margin-bottom:25px}.contact-form fieldset{border:0;margin:0 0 22px;padding:0}.contact-form legend,.field>span{display:block;font:10px Consolas,monospace;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:#536273}.trade-options{display:flex;gap:7px}.trade-options label{flex:1;position:relative;cursor:pointer}.trade-options input{position:absolute;opacity:0}.trade-options span{display:flex;justify-content:center;align-items:center;min-height:43px;border:1px solid #e2e7ec;background:#f5f7f9;font-size:11px;border-radius:2px;padding:6px}.trade-options input:checked+span{color:white;background:#283b50;border-color:#283b50}.trade-options input:focus-visible+span{outline:2px solid #b86413;outline-offset:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:block}.field.wide{grid-column:1/-1}.field input,.field textarea{width:100%;padding:11px 12px;background:#f4f6f8;border:1px solid #e4e8ed;border-radius:2px;color:#233446;font-size:13px}.field input::placeholder,.field textarea::placeholder{color:#85919f}.field textarea{resize:vertical;min-height:100px}.consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#697687;margin:18px 0}.consent input{margin:4px 0 0;accent-color:#2a435c}.consent a{text-decoration:underline}.form-submit{width:100%}.form-note{font-size:11px!important;margin:12px 0 0!important;line-height:1.65}#form-status{padding-top:10px;color:#34563e;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:60px;padding:54px 0 43px}footer{background:#1e293b;color:#f4f7fa}footer p{color:#aebdcd;font-size:12px}footer h2{font-size:13px;letter-spacing:0;font-weight:600;margin:4px 0 19px}.footer-brand{font-size:39px;font-weight:800;letter-spacing:7px;line-height:1}.footer-brand span{display:block;font-size:11px;letter-spacing:.3px;font-weight:400;margin:16px 0 22px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:12px;color:#b5c3d2;margin:8px 0}.footer-bottom{border-top:1px solid #374458;display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#9dacbe;font-size:10px}.footer-bottom div{display:flex;gap:25px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.subhero{background:white;padding:45px 0 55px;border-bottom:1px solid #e1e7ed}.breadcrumb{font-size:12px;color:#788595;margin-bottom:30px}.breadcrumb a{text-decoration:underline}.subhero h1{font-size:clamp(36px,4vw,57px);max-width:900px;margin-bottom:22px}.subhero .lead{max-width:720px;font-size:19px}.subhero .eyebrow{margin-bottom:18px}.detail-section{padding:55px 0}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.detail-layout p{font-size:15px}.detail-layout img{width:100%;max-height:470px;object-fit:cover;border-radius:4px}.detail-layout .button{margin-top:16px}.subservices{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.subservice{background:white;border:1px solid #e2e7ee;padding:25px;border-radius:4px}.subservice img{width:100%;height:250px;object-fit:cover;margin-bottom:22px;border-radius:3px}.subservice h3{font-size:24px}.subservice p{font-size:14px}.gallery-section{padding:55px 0 70px;background:#eff3f6}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{padding:0;border:0;background:white;text-align:left;color:#1e293b;border-radius:4px;overflow:hidden}.gallery-item img{width:100%;height:270px;object-fit:cover;transition:filter .2s}.gallery-item:hover img{filter:brightness(.88)}.gallery-item span{display:flex;justify-content:space-between;padding:14px 17px;font-size:12px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.filters button{border:1px solid #d6dee7;background:white;padding:10px 18px;border-radius:3px;font-size:12px;color:#546477}.filters button[aria-pressed=true]{background:#263c52;color:white;border-color:#263c52}.gallery-empty{padding:35px}dialog{border:0;padding:50px 70px 25px;border-radius:5px;max-width:94vw;width:1100px;background:#152234;color:white}dialog::backdrop{background:#0b1424df}dialog figure{margin:0}dialog img{width:100%;height:75vh;object-fit:contain}dialog figcaption{text-align:center;margin-top:12px;font-size:12px;color:#c0cad6}dialog button{position:absolute;background:#2d4159;border:0;color:white;width:38px;height:38px;border-radius:3px;font-size:25px}.lightbox-close{top:10px;right:12px}.lightbox-prev{top:48%;left:12px}.lightbox-next{top:48%;right:12px}body:has(dialog[open]){overflow:hidden}.error{padding:80px 0}.gallery-count{font:11px Consolas,monospace;color:#798697}
@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:60px}.card-image img{height:235px}}
@media(max-width:1100px){.header-inner{min-height:140px}.brand img{width:165px;height:103px}.site-header nav{gap:20px;font-size:14px}.header-cta{font-size:14px}.hero-side{width:230px}.card-body{padding:22px 20px 16px}.service-card h3{font-size:23px;min-height:55px}.card-image img{height:190px}.card-bottom{padding:17px 20px;font-size:11px}.contact-grid{gap:45px}.contact-copy h2{font-size:38px}.contact-form{padding:25px}.gallery-item img{height:220px}}
@media(max-width:760px){.header-inner{min-height:108px}.brand img{width:140px;height:88px}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;background:none;border:1px solid #bbc5cf;border-radius:3px;padding:10px}.mobile-toggle span{height:2px;background:#1e293b;width:22px}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:24px 5%;background:#eeeef0;border-top:1px solid #d4dce4;box-shadow:0 15px 25px #15263815;align-items:stretch;gap:14px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav>a[aria-current=page]{border:0;text-decoration:underline;text-underline-offset:6px}.dropdown-toggle{width:100%;text-align:left}#service-menu{position:static;width:100%;box-shadow:none;background:#f8f9fa}.hero{padding:38px 0}.hero-row{display:block}.hero h1{font-size:44px}.hero-side{width:auto;max-width:400px;padding:23px 0 0}.hero-side p{margin-bottom:15px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.services{padding:34px 0 42px}.section-heading{display:block}.section-heading h2{font-size:28px}.section-heading>p{margin-top:16px}.service-grid{grid-template-columns:1fr;gap:23px}.card-body{padding:25px}.service-card h3{min-height:0;font-size:28px;max-width:330px}.service-card .description{min-height:0;max-width:460px;font-size:14px}.card-top{margin-bottom:19px}.card-image img{height:250px}.feature-list{font-size:13px}.card-bottom{padding:18px 25px;font-size:13px}.contact-section{padding:40px 0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:37px;margin-top:18px}.contact-copy>p{max-width:460px}.contact-card{max-width:none}.contact-details{grid-template-columns:1fr 1fr;font-size:12px}.contact-form{padding:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-top:40px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:13px}.detail-layout{grid-template-columns:1fr;gap:25px}.subservices{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-item img{height:210px}.gallery-item span{padding:12px;font-size:11px}.subhero{padding:30px 0}.subhero .lead{font-size:17px}.detail-section,.gallery-section{padding:35px 0}dialog{padding:50px 45px 20px}dialog img{height:65vh}.lightbox-prev{left:4px}.lightbox-next{right:4px}}
@media(max-width:400px){.hero h1{font-size:38px}.form-grid{grid-template-columns:1fr}.contact-form{padding:19px}.trade-options{gap:4px}.trade-options span{font-size:10px}.contact-details{grid-template-columns:1fr}.gallery-item img{height:170px}.gallery-item span{font-size:10px}.card-image img{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.header-cta:hover{background:#29425d;border-color:#29425d}.upload-field{border:1px dashed #bac8d6;padding:18px;background:#f7f9fb;border-radius:3px}.upload-field label{display:block;cursor:pointer}.upload-field strong{display:block;font-size:13px;font-weight:600;margin-bottom:12px}.upload-action{display:inline-block;padding:8px 12px;border:1px solid #bdcbd8;background:white;border-radius:3px;color:#345170;font-size:12px}.upload-field input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-field:focus-within{outline:2px solid #345170;outline-offset:3px}.upload-field p{font-size:11px;margin:10px 0 0}.upload-field ul{list-style:none;padding:0;margin:10px 0 0}.upload-field li{display:flex;align-items:center;gap:10px;font-size:12px;border-top:1px solid #e0e6ec;padding:8px 0}.upload-field li span{flex:1;overflow-wrap:anywhere;min-width:0}.upload-field li button{border:0;background:none;color:#345170;font-size:18px;padding:3px 8px}.upload-field #upload-error{color:#a52d25}.form-submit:disabled{opacity:.6}#form-status a{text-decoration:underline;font-weight:600}
/* Project details shown for the selected trade. */
.contact-form .project-details{min-width:0;margin:4px 0 28px;padding:20px;border:1px solid #e0e6ec;border-radius:4px;background:#f8fafb}
.contact-form .project-details>legend{padding:0 7px;font:600 15px Jakarta,'Segoe UI',sans-serif;text-transform:none;letter-spacing:0;color:#283b50;margin:0}
.project-hint{font-size:12px;line-height:1.6;margin:0 0 20px}
.project-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:20px 16px;align-items:start}
.project-fields .field,.contact-form .project-choice{min-width:0;margin:0}
.project-fields .field>span,.contact-form .project-choice legend{font:500 12px/1.5 Jakarta,'Segoe UI',sans-serif;text-transform:none;letter-spacing:0;color:#435366;margin-bottom:8px}
.field select{width:100%;min-height:44px;padding:11px 10px;background:#f4f6f8;border:1px solid #e4e8ed;border-radius:2px;color:#233446;font-size:13px}
.project-fields .field input{min-height:44px;background:white}
.project-fields .field select{background:white}
.project-options{display:flex;gap:8px}
.project-options label{position:relative;flex:1;min-width:0;cursor:pointer}
.project-options input{position:absolute;opacity:0;width:1px;height:1px}
.project-options span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #d6dfe7;border-radius:3px;background:white;color:#435366;font-size:13px;line-height:1.5}
.project-options input:checked+span{background:#283b50;border-color:#283b50;color:white;font-weight:600}
.project-options input:focus-visible+span{outline:2px solid #b86413;outline-offset:3px}
.project-details[hidden],[data-project-question][hidden]{display:none}
@media(max-width:760px){.contact-form .project-details{padding:16px}.project-fields .field input,.project-fields .field select{font-size:16px}}

/* Legal pages share the site's typography, colors and navigation. */
.legal-hero h1{font-size:clamp(30px,4.6vw,68px);overflow-wrap:anywhere;margin-bottom:0}
.legal-section{padding:48px 0 80px}
.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.legal-nav{position:sticky;top:25px;max-height:calc(100vh - 50px);overflow:auto;padding:24px;background:#eef2f5;border:1px solid #e1e7ed;border-radius:5px}
.legal-nav h2{font-size:18px;margin-bottom:18px}
.legal-nav a{display:block;font-size:11px;line-height:1.6;letter-spacing:.03em;padding:8px 0;color:#536273}
.legal-nav a:hover{color:#b86413;text-decoration:underline}
.legal-copy{min-width:0;background:#fff;border:1px solid #e3e8ee;border-radius:5px;padding:clamp(24px,4vw,52px);overflow-wrap:anywhere}
.legal-copy h2{font-size:22px;line-height:1.4;letter-spacing:-.02em;margin:42px 0 20px;padding-top:24px;border-top:1px solid #e3e8ee;scroll-margin-top:30px}
.legal-copy h2:first-child{margin-top:0;padding-top:0;border:0}
.legal-copy h3{font-size:17px;line-height:1.5;letter-spacing:0;margin:28px 0 16px}
.legal-copy p,.legal-copy li{font-size:14px;line-height:1.85;color:#536273}
.legal-copy a{color:#345170;text-decoration:underline;text-underline-offset:3px}
.legal-copy strong{color:#1e293b}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr;gap:24px}.legal-nav{position:static;max-height:none}.legal-nav a{font-size:12px}.legal-section{padding:28px 0 48px}.legal-copy h2{font-size:19px}}
