:root{--ink:#142b25;--paper:#f8f6ef;--line:#cdd5cf;--navy:#062d50;--blue:#00a9e8;--lime:#dcff59;--coal:#2c2a29;--copper:#bf6847}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.demo-bar{background:#17251f;color:#fff;text-align:center;padding:8px 15px;font-size:11px}.demo-bar strong{margin-right:11px}.demo-bar a{color:#dfff58;text-decoration:underline;margin-left:11px}.shell{width:min(1170px,calc(100% - 44px));margin:auto}.head{min-height:80px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:28px;font-weight:900;letter-spacing:-.07em;line-height:.8}.brand small{display:block;margin-top:9px;font-size:8px;letter-spacing:.22em}.nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800}.nav a:hover{text-decoration:underline}.menu{display:none;border:0;background:transparent;font:inherit;font-weight:900}.btn{display:inline-block;padding:13px 18px;border:1px solid currentColor;font-size:13px;font-weight:900}.btn:hover{transform:translateY(-2px)}.btn.arrow:after{content:' ↗';font-size:16px}.kicker{font-size:10px;letter-spacing:.16em;font-weight:900;margin:0 0 13px}.title{font-size:clamp(39px,5.7vw,76px);letter-spacing:-.075em;line-height:.94;margin:0}.title em{font-family:'DM Serif Display',serif;font-weight:400}.copy{font-size:17px;max-width:580px}.section{padding:88px 0}.section h2{font-size:clamp(31px,4vw,51px);line-height:1;letter-spacing:-.06em;margin:0 0 15px}.intro{max-width:590px;color:#566760;margin:0 0 34px}.grid{display:grid;gap:18px}.card{background:#fff;border:1px solid var(--line);padding:27px}.card b{font-size:11px;color:#b95738;letter-spacing:.12em}.card h3{font-size:21px;letter-spacing:-.05em;margin:37px 0 8px}.card p{margin:0;color:#586660}.form{padding:28px;background:#fff;border:1px solid var(--line)}.form h2{font-size:28px}.form label{font-size:12px;font-weight:900;display:block;margin:15px 0 6px}.form select,.form textarea{display:block;width:100%;padding:11px;border:1px solid #adbdb4;background:#fff;font:inherit}.form textarea{height:100px;resize:vertical}.form button{margin-top:16px;background:#19352a;color:#fff;cursor:pointer}.status{font-size:12px;font-weight:800}.footer{background:#11261f;color:white;padding:31px 0;font-size:11px}.footer .shell{display:flex;justify-content:space-between;gap:20px}.footer a{text-decoration:underline}.sticky{display:none}
/* plumbing */.plumb-head,.plumb-hero{background:var(--navy);color:#fff}.plumb-head .btn{background:var(--lime);color:#062d50;border-color:var(--lime)}.urgent{background:var(--blue);color:#002b50;font-weight:900;font-size:12px}.urgent .shell{padding:10px 0;display:flex;justify-content:space-between}.plumb-hero{padding:69px 0 84px}.plumb-hero .title em{color:var(--lime)}.plumb-hero .copy{color:#d4e7ef}.plumb-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.plumb-hero img{height:390px;clip-path:polygon(7% 0,100% 0,93% 91%,0 100%)}.plumb-actions{display:flex;gap:10px;flex-wrap:wrap}.plumb-actions .main{background:var(--lime);color:#062d50;border-color:var(--lime)}.plumb-services{grid-template-columns:repeat(4,1fr)}.plumb-services .card{border-top:5px solid var(--blue);background:#fafeff}.plumb-band{background:var(--blue);color:#002b50}.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.plumb-process{grid-template-columns:repeat(3,1fr)}.plumb-process article{border-top:1px solid #0b3150;padding-top:17px}.plumb-process span{color:#007fb7;font-weight:900}.plumb-contact{background:#dceef4}.plumb-image{height:250px}
/* roofing */.roof-head{border-bottom:1px solid #c9c1b6}.roof .brand{font-family:'DM Serif Display',serif;letter-spacing:.02em}.roof .nav .btn{background:var(--coal);color:#fff;border-color:var(--coal)}.roof-hero{padding:20px 0 82px}.roof-frame{height:550px;position:relative;color:#fff;overflow:hidden}.roof-frame>img{height:100%;filter:saturate(.65)}.roof-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,33,31,.84),transparent 70%)}.roof-copy{position:absolute;z-index:2;left:7%;bottom:56px;max-width:600px}.roof-copy .copy{color:#f4eee7}.roof-copy .btn{background:#d9a07c;color:#2c2a29;border-color:#d9a07c}.roof-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:55px}.roof-projects{background:var(--coal);color:#fff}.roof-projects .intro{color:#d7d1ca}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:19px}.project{height:365px;position:relative;overflow:hidden}.project.small{height:173px}.project+.project{margin-top:19px}.project img{height:100%;filter:saturate(.65)}.caption{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:12px}.caption b{font-size:21px;display:block;letter-spacing:-.05em}.roof-services{grid-template-columns:repeat(4,1fr)}.roof-services .card{background:transparent;border-top:5px solid var(--copper)}.roof-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa095}.roof-steps article{padding:18px 18px 0 0;margin-right:18px;border-right:1px solid #aaa095}.roof-steps article:last-child{border:0}.roof-steps span{font:28px 'DM Serif Display',serif;color:var(--copper)}.roof-steps h3{font-size:17px}.roof-contact{background:#ded3c3}.roof-contact .btn{background:var(--coal);border-color:var(--coal)}
@media(max-width:760px){.shell{width:min(100% - 30px,620px)}.demo-bar{font-size:10px}.demo-bar span,.demo-bar a{display:none}.head{min-height:65px}.brand{font-size:22px}.menu{display:block}.nav{display:none;position:absolute;z-index:9;right:15px;top:64px;width:260px;padding:15px;background:inherit;border:1px solid currentColor;flex-direction:column;align-items:stretch}.nav.open{display:flex}.section{padding:57px 0}.title{font-size:45px}.copy{font-size:15px}.plumb-hero{padding:43px 0 55px}.plumb-hero-grid,.two,.roof-intro{grid-template-columns:1fr;gap:28px}.plumb-hero img{height:280px}.urgent .shell{display:block}.urgent span+span{display:none}.plumb-services,.roof-services{grid-template-columns:1fr 1fr;gap:10px}.card{padding:18px}.card h3{font-size:18px;margin-top:27px}.plumb-process,.roof-steps{grid-template-columns:1fr 1fr;gap:15px}.roof-steps article{border-right:0;border-bottom:1px solid #aaa095;margin:0;padding:12px 0}.roof-hero{padding:0 0 55px}.roof-frame{height:500px;margin:0 -15px}.roof-copy{left:24px;right:24px;bottom:36px}.project-grid{grid-template-columns:1fr}.project{height:275px}.project.small{height:205px}.project+.project{margin-top:0}.footer{padding-bottom:80px}.footer .shell{display:block}.sticky{display:block;position:fixed;z-index:10;bottom:11px;left:15px;right:15px;background:var(--lime);color:#062d50;text-align:center;font-weight:900;padding:14px;box-shadow:0 7px 25px #0004}.roof .sticky{background:#d9a07c;color:#292827}}