*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:#20241f;background:#f8f7f2;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}svg{width:24px;height:24px;flex-shrink:0}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #f46c27;outline-offset:5px}.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}[hidden]{display:none!important}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:100;background:#fff;color:#20241f;padding:12px 24px}.skip-link:focus{transform:none}.scroll-progress{height:3px;background:#f46c27;position:fixed;top:0;left:0;right:0;transform-origin:left;transform:scaleX(0);z-index:80}.section{padding:100px max(6vw,24px)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;background:#f46c27;border-radius:50%;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;background:#f46c27;color:#20241f;border:1px solid #f46c27;padding:18px 26px;font-size:14px;font-weight:700;min-height:52px;transition:background .2s,transform .2s;line-height:1.4}.button:hover{background:#ff8545;transform:translateY(-2px)}.button svg{width:19px;height:19px}.button.small{font-size:12px;padding:12px 19px;min-height:44px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:700;border:0;border-bottom:1px solid currentColor;padding:9px 0;background:none;min-height:44px;line-height:1.4}.text-link:hover svg,.round-link:hover svg{transform:translate(3px,-3px)}.text-link svg,.round-link svg{width:19px;height:19px;transition:transform .2s}.round-link{display:grid;place-items:center;width:46px;height:46px;border:1px solid #c4c7bf;border-radius:50%;flex-shrink:0}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid currentColor;background:transparent;width:44px;height:44px}.menu-toggle span{height:2px;width:19px;background:currentColor}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:19px}.section-heading h2,.agency h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(42px,4.4vw,68px);font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:-.7px}.agency h2 span{color:#6b7066}.section-heading>p{font-size:14px;max-width:370px;color:#696e65;line-height:1.65}.main-header{height:92px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(248,247,242,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dedfd6;z-index:50}.brand{display:inline-flex;align-items:center;gap:10px;line-height:1;font-weight:800;font-family:'Manrope',sans-serif;font-size:27px;letter-spacing:-1.5px}.brand-it{color:#e25b17}.brand small{display:block;letter-spacing:3.4px;font-size:8px;margin-top:7px;font-weight:800}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1.5px solid #20241f;transform:rotate(-5deg);border-radius:6px;background:#f46c27}.brand-mark svg{width:30px;height:30px}.main-header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.main-header nav>a:not(.button){padding:10px 0}.main-header nav>a.current{color:#a93d09}.agency-hero{padding:58px 6vw 64px;display:grid;grid-template-columns:1.12fr 1fr;gap:5vw;align-items:center;min-height:calc(100vh - 92px);overflow:hidden}.hero-copy .eyebrow{margin-bottom:24px;font-size:10px}.agency h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:.94;font-size:clamp(60px,7.1vw,112px);letter-spacing:-1.7px}.agency h1 span{color:#e96321}.hero-description{font-size:15px;color:#5b6058;line-height:1.7;margin-top:26px;max-width:440px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:28px}.hero-footnote{display:flex;flex-wrap:wrap;gap:25px;font-size:10px;letter-spacing:.25px;margin-top:37px}.hero-footnote span{display:flex;align-items:center;gap:6px}.hero-footnote svg{width:15px;height:15px;color:#df5b1c}.hero-showcase{position:relative;will-change:transform;padding:14px 0 10px;transform:translateY(calc(var(--hero-shift,0px)*-1))}.showcase-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;font-weight:700;margin-bottom:14px;color:#656b61}.browser-frame{border:1px solid #292e25;border-radius:8px;overflow:hidden;box-shadow:15px 19px 0 #e8e7dd;background:#fff}.browser-bar{height:30px;background:#e8e7dd;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#686e60;font-size:8px}.browser-bar svg{width:12px;height:12px}.primary-preview{transform:rotate(-2deg)}.secondary-previews{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px;transform:rotate(2deg);padding:0 7px}.secondary-previews>div{border:1px solid #b7beb3;box-shadow:5px 7px 0 #e8e7dd;border-radius:4px;overflow:hidden}.showcase-sticker{background:#f46c27;border:1px solid #20241f;position:absolute;right:-21px;top:51%;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;line-height:1.05;letter-spacing:1px;padding:18px 14px;transform:rotate(8deg);box-shadow:3px 4px 0 #20241f}.mini-brand{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px;line-height:1}.mini-brand small{font-size:5px;letter-spacing:1px;font-weight:500}.mini-button{display:inline-block;background:#e4ef84;color:#183d31;padding:9px 13px;font-size:7px;font-weight:700;margin-top:17px;line-height:1}.mini-roof{background:#143e33;color:#fff;position:relative;isolation:isolate;height:290px;padding:21px;overflow:hidden}.mini-roof>.mini-brand{font-size:12px;position:relative;z-index:2;justify-content:flex-start}.mini-roof>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.mini-roof:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,40,28,.88),rgba(10,40,28,.07));z-index:-1}.mini-roof>div{margin-top:47px}.mini-roof>div>small{font-size:6px;letter-spacing:1.2px;display:block;margin-bottom:9px}.mini-roof b{font-family:'Barlow Condensed',sans-serif;font-size:41px;line-height:1;display:block;text-transform:uppercase}.mini-hvac{background:#e9f3f3;padding:20px;position:relative;height:220px;color:#214f5b;overflow:hidden}.mini-hvac>.mini-brand{font-size:21px}.mini-hvac>.mini-brand>span{color:#df8056}.mini-hvac>div{margin-top:26px;position:relative}.mini-hvac b{font-family:'Manrope',sans-serif;font-size:24px;letter-spacing:-1.3px;font-weight:700;line-height:1.2;position:relative;display:block;z-index:1}.mini-fan{position:absolute;right:0;top:5px;font-size:62px;line-height:1;color:#568792}.mini-hvac .mini-button{background:#235865;color:#fff;margin-top:12px}.mini-hvac>small{font-size:5px;letter-spacing:1px;position:absolute;bottom:17px}.mini-plumbing{background:#f1eadd;color:#7a292d;padding:20px;height:220px;overflow:hidden}.mini-plumbing>.mini-brand{font-family:'Manrope',sans-serif;font-size:16px;letter-spacing:-1px;gap:0}.mini-plumbing>.mini-brand span{font-size:8px;margin-left:4px;color:#d77e64}.mini-plumbing>div{position:relative;margin-top:26px;display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.mini-plumbing b{font-family:'Playfair Display',serif;font-size:27px;line-height:1.03;letter-spacing:-1px;font-weight:500;display:block}.mini-plumbing img{height:110px;width:100%;border-radius:70px 70px 0 0}.mini-plumbing>small{font-size:5px;letter-spacing:1px;display:block;margin-top:20px}.mini-contractor{height:290px;position:relative;color:#fff;isolation:isolate;padding:25px;overflow:hidden}.mini-contractor>img{position:absolute;inset:0;z-index:-2;height:100%;width:100%}.mini-contractor:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,30,22,.8),rgba(27,30,22,.1));z-index:-1}.mini-contractor>.mini-brand{font-size:10px;letter-spacing:2px}.mini-contractor b{font-family:'Playfair Display',serif;display:block;font-weight:500;font-size:34px;line-height:1.1;margin-top:50px}.mini-contractor .mini-button{color:#2d3729;background:#eee9df}.trade-strip{padding:23px 6vw;background:#20241f;color:#eeefe7;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:1.6px;white-space:nowrap;overflow:hidden}.trade-strip>span:nth-child(even){color:#f46c27;font-size:29px;line-height:1}.work-section{background:#f0efe7}.filter-bar{display:flex;align-items:center;gap:9px;margin-bottom:29px;flex-wrap:wrap}.filter{padding:10px 19px;min-height:44px;border:1px solid #ced0c5;background:transparent;border-radius:3px;font-size:11px;font-weight:600;transition:background .2s}.filter:hover{background:#e4e5da}.filter.active{background:#20241f;color:#fff;border-color:#20241f}.filter-bar>span{margin-left:auto;font-size:10px;color:#6b7066}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project-preview{position:relative;display:block;overflow:hidden;border-radius:5px;border:1px solid #c3c6b9;transition:transform .3s}.project-preview:hover{transform:translateY(-5px)}.project-preview>[class^="mini"]{height:345px;padding:30px}.project-preview .mini-roof b{font-size:57px}.project-preview .mini-roof>div{margin-top:70px}.project-preview .mini-hvac b{font-size:43px;letter-spacing:-2px}.project-preview .mini-hvac>div{margin-top:54px}.project-preview .mini-hvac .mini-fan{font-size:132px;top:-5px;right:16px}.project-preview .mini-plumbing>div{margin-top:35px}.project-preview .mini-plumbing b{font-size:51px}.project-preview .mini-plumbing img{height:216px}.project-preview .mini-contractor b{font-size:48px;margin-top:81px}.project-preview .mini-brand{font-size:16px}.project-preview .mini-brand small{font-size:7px}.project-preview .mini-hvac .mini-brand{font-size:28px}.project-preview .mini-plumbing .mini-brand{font-size:26px}.project-preview .mini-button{font-size:10px}.project-preview .mini-hvac>small,.project-preview .mini-plumbing>small{font-size:8px}.preview-launch{position:absolute;bottom:20px;right:20px;width:40px;height:40px;display:grid;place-items:center;background:#fff;color:#20241f;border-radius:50%;box-shadow:0 4px 20px #0002}.project-caption{display:flex;justify-content:space-between;align-items:center;padding-top:23px;gap:20px}.project-caption .eyebrow{font-size:9px;color:#606654;margin-bottom:8px}.project-caption h3{font-family:'Manrope',sans-serif;font-size:20px;letter-spacing:-.7px}.project-caption p:last-child{font-size:12px;margin-top:10px;color:#676c61}.demo-disclosure{font-size:11px;color:#6b7064;margin-top:31px}.approach-section{display:grid;grid-template-columns:1fr 1.15fr;gap:9vw}.approach-intro{position:sticky;top:150px;align-self:start}.approach-intro .eyebrow{margin-bottom:24px}.approach-intro>p:not(.eyebrow){font-size:14px;color:#62675d;max-width:330px;margin:26px 0}.benefit{display:flex;border-top:1px solid #d3d5c9;gap:25px;padding:28px 0}.benefit:last-child{border-bottom:1px solid #d3d5c9}.benefit-number{font-size:11px;color:#858a7e;font-weight:600;margin-top:4px}.benefit h3{font-family:'Manrope',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.6px;line-height:1.2}.benefit p{font-size:13px;line-height:1.7;color:#686e60;margin-top:12px}.benefit>svg{width:27px;height:27px;margin-left:auto;color:#dc601f}.process-section{background:#20241f;color:#f4f3eb}.process-section h2 span{color:#f46c27}.process-section .section-heading>p{color:#bac1b3}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:60px}.process-grid article{border-top:1px solid #727766;padding-top:26px}.process-grid article>span{font-size:10px;letter-spacing:1px;color:#f46c27}.process-grid h3{font-family:'Manrope',sans-serif;font-size:22px;letter-spacing:-.8px;line-height:1.2;margin:22px 0 15px}.process-grid p{font-size:13px;color:#b7bdae;line-height:1.8}.owner-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding-top:110px;padding-bottom:110px}.owner-image{position:relative;background:#e9e9df;border:1px solid #d4d5c9;padding:13px 13px 0;overflow:hidden;transform:rotate(-2deg)}.owner-image>img{width:100%;height:540px;object-position:center 32%;object-fit:cover}.owner-caption{display:flex;justify-content:space-between;align-items:center;position:relative;background:#f46c27;padding:19px 20px;font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1.6}.owner-caption svg{width:21px;height:21px}.owner-copy .eyebrow{margin-bottom:25px}.owner-copy h2{font-size:clamp(45px,5.2vw,78px)}.owner-copy p:not(.eyebrow):not(.signature){font-size:14px;line-height:1.8;color:#656a5f;margin-top:19px;max-width:440px}.owner-copy p.owner-lead{font-weight:600;color:#20241f!important;font-size:17px!important;margin-top:26px!important}.owner-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.owner-tags span{font-size:9px;font-weight:600;padding:7px 12px;border:1px solid #c8cebd;border-radius:2px}.signature{font-family:'Playfair Display',serif;font-style:italic;font-size:24px;margin:28px 0 15px}.signature span{display:block;font-family:'DM Sans',sans-serif;font-style:normal;font-size:8px;letter-spacing:1.5px;margin-top:8px;color:#6b7162}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;border-top:1px solid #d7d8cc}.faq-section .eyebrow{margin-bottom:25px}.faq-list details{border-bottom:1px solid #c8cdbf}.faq-list details:first-child{border-top:1px solid #c8cdbf}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:24px 0;font-size:14px;font-weight:600;list-style:none;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:400;transition:transform .25s;color:#c5541d}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{padding:0 32px 24px 0;font-size:13px;color:#5d6455;line-height:1.8}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#ebece0}.contact-copy .eyebrow{margin-bottom:22px}.contact-copy h2 span{color:#da5f1c}.contact-copy>p:not(.eyebrow){margin-top:23px;font-size:14px;color:#656a5b}.contact-email{margin-top:27px;display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:600;word-break:break-word}.contact-email svg{width:18px;height:18px}.contact-owner{display:block;color:#59624c;font-size:11px;margin-top:10px}.brief-form label,.demo-form label{display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:8px;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}input:not([type="range"]),select,textarea{background:#fff9;border:1px solid #b9beac;border-radius:2px;padding:13px 14px;font-size:13px;color:#20241f;width:100%;min-height:47px}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#73796a}select{appearance:auto}.brief-form>.button{width:100%;margin-top:2px;justify-content:space-between}.form-note{font-size:10px;color:#56624b;line-height:1.7;margin-top:14px}.brief-result{margin-top:25px;border:1px solid #a7b19b;padding:21px;background:#f8f9f0}.brief-result h3{font-size:21px;font-family:'Manrope',sans-serif;letter-spacing:-.6px}.brief-result>p{font-size:12px;color:#5d6856;margin:8px 0 16px}.brief-result textarea{font-size:12px}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px}.result-actions .text-link{font-size:10px;gap:8px}.main-footer{padding:55px 6vw;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;background:#20241f;color:#eef1e6}.main-footer .brand-mark{border-color:#eef1e6}.main-footer .brand-it{color:#f46c27}.main-footer p{font-size:10px;color:#b9c1ad;margin-top:17px;line-height:1.8}.main-footer>div:nth-child(2)>a{font-size:12px}.back-top{display:flex;align-items:center;gap:15px;font-size:10px;padding-top:10px}.back-top svg{width:18px;height:18px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .owner-image.is-visible{transform:rotate(-2deg)}
/* All concept sites share navigation mechanics, but have their own art direction. */
.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4vw;background:#20241f;color:#fff;font-size:10px;min-height:44px}.demo-bar>a{display:flex;align-items:center;gap:8px;min-height:28px}.demo-bar>a:first-child>svg{transform:rotate(180deg);width:14px;height:14px}.demo-bar>a:last-child>svg{width:14px;height:14px}.demo-bar>span{font-size:8px;letter-spacing:1.7px;color:#c6cdbe}.demo-bar-note{color:#adb5a5}.demo-header{height:90px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;background:var(--paper,#f6f5ec);border-bottom:1px solid var(--border,#d6d9ca)}.demo-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;letter-spacing:-.8px;line-height:1.1}.demo-brand>svg{width:32px;height:32px}.demo-brand small{display:block;letter-spacing:3px;font-size:7px;font-weight:500;margin-top:7px}.demo-header nav{display:flex;align-items:center;gap:29px;font-size:11px;font-weight:600}.demo .button{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}.demo .button:hover{filter:brightness(1.09)}.demo .scroll-progress{background:var(--accent)}.demo h2{font-size:clamp(38px,4vw,62px);letter-spacing:-1.8px;line-height:1.08;font-family:var(--heading,'Manrope')}.demo .section-heading>p{color:var(--muted)}.demo .eyebrow{font-size:10px;letter-spacing:1.6px}.demo .demo-faq{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.demo-faq h2{margin-top:22px}.demo .faq-list details{border-color:var(--border)}.demo .faq-list summary>span{color:var(--ink)}.demo .faq-list details>p{color:var(--muted)}.demo-request{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--request)}.demo-request h2{margin:23px 0}.demo-request>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:370px}.demo-request p.demo-note{font-size:11px;margin-top:25px;padding:15px 18px;border-left:2px solid var(--ink)}.demo-form .button{width:100%;justify-content:space-between;margin-top:7px}.demo-result{background:#fff9;border:1px solid var(--border);padding:22px;font-size:13px;margin-top:25px;overflow-wrap:anywhere}.demo-result h3{font-size:19px;margin-bottom:13px}.demo-result p{margin-top:8px;white-space:pre-line}.demo-result .local-note{font-size:11px;font-weight:600;margin-top:18px}.demo-footer{padding:50px 6vw;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-footer strong{font-family:var(--heading);font-size:19px}.demo-footer p{font-size:10px;opacity:.8;margin-top:9px}.demo-footer>a{display:flex;align-items:center;gap:14px;font-size:11px}.demo-footer>a>svg{width:17px;height:17px}
/* Ridgeline: deep evergreen, acid-yellow accents, sturdy condensed type. */
.roofing{--ink:#163d31;--paper:#f5f5e9;--accent:#e2ed8a;--button-ink:#163d31;--muted:#536348;--border:#c8d0bc;--request:#e5e9d9;--heading:'Barlow Condensed';color:var(--ink);background:var(--paper)}.roofing .demo-brand{font-family:'Barlow Condensed',sans-serif;font-size:28px;letter-spacing:1px}.roofing .demo-brand small{font-family:'DM Sans',sans-serif;font-size:7px}.roofing h2{font-weight:700;text-transform:uppercase;letter-spacing:-.4px;font-size:clamp(43px,4.5vw,70px)}.roof-hero{height:650px;min-height:600px;position:relative;isolation:isolate;color:#fff;overflow:hidden;padding:55px 6vw;display:flex;align-items:center}.roof-hero>img{width:100%;height:100%;position:absolute;inset:0;z-index:-2;object-position:center 50%}.roof-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,30,21,.88),rgba(7,30,21,.34) 55%,rgba(7,30,21,.04));z-index:-1}.roof-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(68px,8.5vw,125px);font-weight:700;line-height:.94;letter-spacing:-1px;margin:27px 0}.roof-hero h1 em{color:#e2ed8a;font-style:normal}.roof-hero-content>p:not(.eyebrow){font-size:14px;color:#e0e7d9;max-width:430px;line-height:1.8}.roof-hero .button{margin-top:27px}.roof-hero-bottom{display:block;font-size:9px;letter-spacing:1.8px;margin-top:29px}.roof-side-label{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.roof-strip{display:flex;justify-content:space-around;gap:25px;background:#e4e8d8;padding:28px 6vw;align-items:center}.roof-strip span{display:flex;align-items:center;gap:10px;font-size:11px}.roof-strip svg{width:19px;height:19px}.roof-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.roof-service-grid article{border:1px solid #c8d0bc;padding:30px;position:relative}.roof-service-grid article>span{font-size:10px;color:#7b8a70}.roof-service-grid article>svg{position:absolute;right:26px;top:28px;width:30px;height:30px}.roof-service-grid h3{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.1;margin:45px 0 17px;text-transform:uppercase}.roof-service-grid p{font-size:13px;color:#526449;line-height:1.8;min-height:94px}.roof-service-grid .text-link{font-size:11px;margin-top:18px}.roof-guide{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#163d31;color:#f0f3e6}.roof-guide h2{margin-top:20px}.roof-guide>div>p:not(.eyebrow){font-size:14px;color:#becdb5;margin-top:20px}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.choice{padding:11px 17px;min-height:44px;border:1px solid #698369;background:transparent;font-size:11px;color:#fff;border-radius:2px}.choice.active{background:#e2ed8a;color:#163d31;border-color:#e2ed8a}.guide-answer{border-top:1px solid #647e60;margin-top:24px;padding-top:26px}.guide-answer>span{font-size:9px;letter-spacing:1.7px;color:#dce784}.guide-answer h3{font-size:24px;line-height:1.2;font-family:'Manrope',sans-serif;letter-spacing:-.7px;margin:17px 0}.guide-answer p{font-size:13px;color:#c6d3bc;line-height:1.8}.guide-answer .text-link{margin-top:16px;color:#e2ed8a}
/* Breeze: pale blue, tactile equipment artwork, a live comfort dial. */
.hvac{--ink:#235562;--paper:#f4f8f5;--accent:#235d6b;--button-ink:#fff;--muted:#496567;--border:#c1d3cd;--request:#e6f0ec;--heading:'Manrope';color:var(--ink);background:var(--paper);font-family:'Manrope',sans-serif}.hvac .demo-brand{font-weight:800;font-size:29px;letter-spacing:-2px}.hvac .demo-brand>svg{color:#d9784f}.hvac .demo-brand small{letter-spacing:2.5px;font-size:7px}.hvac-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7vw;background:#e5f0ee;padding-top:50px;padding-bottom:55px;min-height:640px}.hvac-hero h1{font-family:'Manrope',sans-serif;font-size:clamp(44px,5.8vw,88px);font-weight:700;letter-spacing:-4.3px;line-height:1.08;margin:24px 0}.hvac-hero h1 span{color:#56818a}.hvac-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#47615e}.hvac-hero .button{margin-top:30px}.hvac-services-line{font-size:9px;letter-spacing:1.4px;margin-top:39px;display:flex;gap:12px}.hvac-services-line>span{color:#d27b51}.comfort-console{position:relative;border:1px solid #b6cfcb;border-radius:150px 150px 16px 16px;background:#d4e7e4;padding:33px 30px 25px;min-height:505px;display:flex;flex-direction:column;align-items:center;box-shadow:13px 13px 0 #d7e4dc;transition:background .3s}.console-label{font-size:8px;letter-spacing:1.6px;position:relative;margin-top:12px}.console-label .status-dot{background:#317381;width:6px;height:6px}.fan-art{width:90%;height:290px;margin-top:10px;filter:drop-shadow(0 10px 6px #38656918)}.fan-blades{transform-origin:200px 185px;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thermostat{background:#f7f9f2;border:1px solid #bed0c4;border-radius:10px;width:220px;padding:20px 25px;box-shadow:0 7px 19px #143d3020;margin-top:-39px;z-index:1;text-align:center}.thermostat>span{font-size:7px;letter-spacing:1.5px}.thermostat>div:not(.thermostat-scale){display:flex;justify-content:center;align-items:baseline;margin:3px 0 4px}.thermostat output{font-size:49px;font-weight:600;letter-spacing:-3px;line-height:1.3}.thermostat>div>span{font-size:20px;letter-spacing:-1px}.thermostat input{width:100%;accent-color:#235d6b;cursor:pointer;height:20px}.thermostat-scale{display:flex;justify-content:space-between;line-height:1}.thermostat-scale>span{font-size:6px;letter-spacing:1px}.thermostat>p{font-size:8px;line-height:1.4;margin-top:14px;min-height:24px}.console-footnote{font-size:7px;margin-top:17px;color:#5d7977}.service-tabs{display:flex;border-bottom:1px solid #bbd0c9}.service-tabs button{display:flex;justify-content:space-between;align-items:center;flex:1;padding:22px 25px;border:0;border-bottom:3px solid transparent;background:#e6efea;color:#466467;font-size:14px;font-weight:600;gap:15px}.service-tabs button[aria-selected="true"]{background:#235d6b;color:#fff;border-bottom-color:#d98054}.service-tabs button svg{width:21px;height:21px}.hvac-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:#e9f1ed;padding:49px}.hvac-panel h3{font-size:39px;letter-spacing:-1.9px;line-height:1.15;margin:20px 0}.hvac-panel p:not(.eyebrow){font-size:13px;color:#45625e;line-height:1.9}.hvac-panel .button{margin-top:24px;font-size:12px}.weather-graphic{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:50%;height:280px;width:280px;background:#d6e6e1;margin:auto}.weather-graphic>svg{width:130px;height:130px;stroke-width:.8;color:#447783}.weather-graphic>span{font-size:8px;letter-spacing:1.5px;margin-top:14px}.weather-graphic.heating{background:#f0decc}.weather-graphic.heating>svg{color:#b3673e}.weather-graphic.air{border-radius:28px;background:#d3e1d1}.hvac-about{display:grid;grid-template-columns:1.35fr 1fr;gap:26px 10vw;background:#235562;color:#f3f8ee}.hvac-about>.eyebrow{grid-column:1/-1;color:#c4dad1}.hvac-about h2{font-size:clamp(39px,4vw,58px);letter-spacing:-2.4px;line-height:1.25}.hvac-about h2>span{color:#b9d8c9}.hvac-about>div{align-self:center}.hvac-about>div p{font-size:13px;line-height:1.9;color:#c3d9d0;margin-bottom:20px}
/* GoodFlow: ink-red serif headlines, warm paper, a friendly problem picker. */
.plumbing{--ink:#752c32;--paper:#f7f1e6;--accent:#752c32;--button-ink:#fff6e9;--muted:#685a50;--border:#d7cbbd;--request:#f0e4d3;--heading:'Playfair Display';color:var(--ink);background:var(--paper)}.plumbing .demo-brand{font-family:'Manrope',sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.2px}.plumbing .demo-brand>svg{color:#bd7564}.plumbing .demo-brand small{letter-spacing:2.8px;font-size:6px}.plumbing-hero{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding-top:55px;padding-bottom:60px;min-height:640px}.plumbing-hero h1{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(68px,7.2vw,107px);letter-spacing:-4px;line-height:.99;margin:23px 0}.plumbing-hero h1 span{color:#996353}.plumbing-hero>div>p:not(.eyebrow){font-size:14px;color:#68594b;line-height:1.8;max-width:330px}.plumbing-hero .button{margin-top:25px}.plumb-hero-note{font-size:8px;letter-spacing:1.5px;margin-top:35px}.plumbing-hero-image{position:relative;border-radius:240px 240px 0 0;overflow:hidden;align-self:stretch;margin-top:8px;border:1px solid #d4c4b1;min-height:520px}.plumbing-hero-image>img{height:100%;width:100%;object-position:61% center}.plumb-image-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 25px;background:#ead7bd;color:#762b30;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px}.plumb-image-caption svg{width:18px;height:18px}.flow-stamp{position:absolute;right:22px;top:160px;background:#752c32;color:#fff7e9;border-radius:50%;width:116px;height:116px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;letter-spacing:1.6px;font-weight:700;line-height:1.6;transform:rotate(10deg);border:1px solid #f0dfc7;box-shadow:0 0 0 5px #752c32}.plumbing-service-section{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;border-top:1px solid #d7cbbd}.plumbing-service-section h2{margin-top:24px;font-size:clamp(36px,4vw,58px)}.plumbing-service-list article{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid #d7cbbd;align-items:center}.plumbing-service-list article:first-child{border-top:1px solid #d7cbbd}.plumbing-service-list article>span{align-self:flex-start;font-size:10px;color:#b07d68}.plumbing-service-list h3{font-family:'Manrope',sans-serif;font-size:18px;letter-spacing:-.5px;line-height:1.35}.plumbing-service-list p{font-size:12px;line-height:1.8;color:#685d4e;margin-top:10px}.plumbing-service-list .round-link{border-color:#cebaa7;margin-left:auto}.problem-section{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;background:#ead8bf}.problem-section h2{font-size:65px;margin-top:24px;letter-spacing:-2.6px}.problem-section h2>span{font-style:italic;color:#9a634e}.problem-section>div>p:not(.eyebrow){font-size:13px;color:#6b5344;margin-top:22px}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.problem{background:#f6ecda;border:1px solid #ccb69b;padding:20px 19px;display:flex;align-items:center;gap:15px;font-size:12px;border-radius:4px;min-height:74px}.problem>svg{width:25px;height:25px}.problem.active{color:#fff5e8;background:#752c32;border-color:#752c32}.problem-answer{padding-top:28px}.problem-answer h3{font-family:'Manrope',sans-serif;font-size:21px;letter-spacing:-.6px;line-height:1.3}.problem-answer p{font-size:13px;line-height:1.8;color:#674b3d;margin-top:13px}.problem-answer .text-link{margin-top:17px}.plumbing-pledge{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8vw}.giant-drop{display:flex;justify-content:center}.giant-drop svg{width:260px;height:320px;stroke-width:.65;color:#ba8168}.plumbing-pledge h2{margin:25px 0;font-size:clamp(42px,4.5vw,65px);letter-spacing:-2.6px;line-height:1.1}.plumbing-pledge h2 span{color:#996653;font-style:italic}.plumbing-pledge p:not(.eyebrow){font-size:14px;color:#695c4d;max-width:410px;line-height:1.85}
/* Fieldwork: warm olive, architectural photography, material-led exploration. */
.contractor{--ink:#374336;--paper:#f4f1e9;--accent:#eae6da;--button-ink:#374336;--muted:#5e654f;--border:#c9cdbe;--request:#e5e7db;--heading:'Playfair Display';color:var(--ink);background:var(--paper)}.contractor .demo-brand{font-family:'Manrope',sans-serif;font-size:19px;letter-spacing:2px}.contractor .demo-brand>svg{width:27px;height:27px}.contractor .demo-brand small{letter-spacing:2.2px;font-size:6px}.contractor .demo-header .button{background:#374336;border-color:#374336;color:#f4f1e9}.contractor-hero{height:650px;position:relative;isolation:isolate;display:flex;align-items:center;padding:50px 6vw;color:#f4f1e9;overflow:hidden}.contractor-hero>img{position:absolute;inset:0;width:100%;height:100%;object-position:center 50%;z-index:-2}.contractor-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,33,23,.86),rgba(25,33,23,.25) 65%,rgba(25,33,23,.1));z-index:-1}.contractor-hero h1{font-family:'Playfair Display',serif;font-size:clamp(60px,7.5vw,113px);line-height:1.05;font-weight:500;letter-spacing:-3.8px;margin:30px 0}.contractor-hero h1 em{font-weight:500;color:#d7dec4}.contractor-hero p:not(.eyebrow){font-size:14px;line-height:1.9;color:#d8ddcc}.contractor-hero .button{margin-top:30px}.contractor-hero-caption{display:block;font-size:9px;letter-spacing:2.7px;margin-top:36px}.contractor .section-heading h2{font-size:clamp(44px,4.5vw,67px);letter-spacing:-2.2px;font-weight:500}.contractor h2 em{color:#68765c;font-weight:500}.contractor .filter{border-color:#c9cdbe}.contractor .filter.active{background:#374336;border-color:#374336}.contractor-projects{gap:35px}.space-photo{height:350px;position:relative;overflow:hidden}.space-photo img{width:100%;height:100%;transition:transform .6s}.space-photo:hover img{transform:scale(1.025)}.space-photo>span{position:absolute;left:20px;bottom:20px;padding:8px 12px;background:#f4f1e9;color:#374336;font-size:8px;letter-spacing:1.6px}.contractor-projects h3{font-family:'Playfair Display',serif;font-size:26px;font-weight:500;margin-top:25px;letter-spacing:-.5px;line-height:1.2}.contractor-projects p{font-size:13px;color:#5e654f;margin-top:10px}.contractor-projects .text-link{font-size:11px;margin-top:11px}.materials-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:#e2e6d8}.materials-section h2{font-size:clamp(42px,4.5vw,65px);font-weight:500;margin:25px 0;letter-spacing:-2px}.materials-section p:not(.eyebrow){font-size:14px;color:#535f43;max-width:340px;line-height:1.85}.material-options{display:flex;flex-direction:column;gap:12px;margin-top:31px;max-width:300px}.material{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:1px solid #b6bfa7;padding:12px 16px;font-size:12px;min-height:49px}.material.active{background:#374336;color:#f4f1e9;border-color:#374336}.material>span{width:21px;height:21px;border:1px solid #ffffff5e;border-radius:50%;background:#b59a71}.material[data-material="sage"]>span{background:#939d7f}.material[data-material="dark"]>span{background:#414641}.material-board{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:145px 145px auto;gap:12px;transform:rotate(2deg);padding:18px;background:#eff0e5;box-shadow:12px 15px 0 #c6ceb8;border:1px solid #bac3ac}.material-tile{position:relative;transition:background .35s}.material-tile span{position:absolute;bottom:10px;left:12px;font-size:8px;background:#f6f3e9e8;color:#374336;padding:5px 8px;letter-spacing:.4px}.timber{grid-row:span 2;background:repeating-linear-gradient(93deg,#ba9465,#c4a47a 3px,#b79568 7px,#d0b185 14px,#c4a47a 23px)}.stone{background:repeating-linear-gradient(33deg,#cfccba,#dbd8c5 31px,#bdbdae 33px,#d4d3c0 39px)}.color{background:#e7e1d3}.material-board[data-palette="sage"] .timber{background:repeating-linear-gradient(93deg,#888877,#a4a18c 4px,#8e917a 10px,#aaa78e 22px)}.material-board[data-palette="sage"] .stone{background:repeating-linear-gradient(25deg,#bec4ac,#cbd0b9 31px,#a4ad98 33px,#bdc4ad 39px)}.material-board[data-palette="sage"] .color{background:#939d7f}.material-board[data-palette="dark"] .timber{background:repeating-linear-gradient(93deg,#514738,#665a47 4px,#4c4235 9px,#73624c 22px)}.material-board[data-palette="dark"] .stone{background:repeating-linear-gradient(33deg,#87877e,#9c9c91 31px,#777d72 33px,#999d90 39px)}.material-board[data-palette="dark"] .color{background:#414641}.material-label{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.material-label p{font-family:'Playfair Display',serif;font-size:20px!important;color:#374336!important;line-height:1.2!important}.material-label>span{font-size:6px;letter-spacing:1px}.contractor-process{background:#374336;color:#f4f1e9}.contractor-process h2{font-size:clamp(43px,4.5vw,64px);font-weight:500;margin-top:25px;letter-spacing:-2px}.contractor-process h2 em{color:#b6c2a7}.contractor-process .process-grid span{color:#bbc8ad}.contractor-process .process-grid p{color:#c4ccb8}.contractor .demo-request h2{font-weight:500}.contractor .demo-form .button{background:#374336;border-color:#374336;color:#f4f1e9}
@media(min-width:1600px){.section{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}.agency-hero{gap:6vw}.hero-description{font-size:17px}.agency-hero{min-height:790px}.main-header,.demo-header{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.main-header nav{gap:22px}.agency-hero{gap:35px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:11px}.hero-showcase .mini-plumbing b{font-size:24px}.showcase-sticker{right:-10px;font-size:15px}.section{padding-top:80px;padding-bottom:80px}.demo-header nav{gap:18px}.project-preview>[class^="mini"]{height:300px}.project-preview .mini-plumbing b{font-size:40px}.project-preview .mini-hvac b{font-size:34px}.project-preview .mini-hvac .mini-fan{font-size:90px;right:0;top:13px}.project-preview .mini-roof b{font-size:49px}.project-preview .mini-contractor b{font-size:40px}.project-caption h3{font-size:17px}.roof-service-grid article{padding:25px}.roof-service-grid p{min-height:115px}.hvac-hero{gap:5vw}.hvac-hero h1{letter-spacing:-3px}.hvac-panel{padding:36px;gap:35px}.weather-graphic{height:210px;width:210px}.plumbing-hero{gap:45px}.plumbing-hero-image{min-height:465px}.plumbing-hero h1{font-size:82px}.material-board{grid-template-rows:125px 125px auto}.material-label{flex-direction:column;align-items:flex-start}.contact-email{font-size:13px}.owner-image>img{height:490px}}
@media(max-width:800px){html{scroll-padding-top:85px}.main-header,.demo-header{height:76px;padding:0 24px}.brand{font-size:23px}.brand-mark{width:36px;height:36px}.brand-mark svg{width:25px;height:25px}.brand small{font-size:7px;letter-spacing:3px}.menu-toggle{display:flex}.main-header nav,.demo-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper,#f8f7f2);padding:20px 24px 24px;border-bottom:1px solid #c9cdbe;flex-direction:column;align-items:stretch;gap:7px;font-size:14px;box-shadow:0 9px 15px #0000000a}.main-header nav.open,.demo-header nav.open{display:flex}.main-header nav>a,.demo-header nav>a{min-height:44px;display:flex;align-items:center;justify-content:space-between}.agency-hero{grid-template-columns:1fr 1fr;padding:45px 24px 55px;gap:30px;min-height:unset}.agency h1{font-size:65px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px}.hero-actions .button{padding:14px 18px;font-size:12px}.hero-actions .text-link{font-size:10px}.hero-footnote{margin-top:25px;gap:10px;font-size:8px}.hero-showcase .mini-roof{height:240px;padding:16px}.hero-showcase .mini-roof>div{margin-top:35px}.hero-showcase .mini-roof b{font-size:34px}.showcase-label{font-size:6px;letter-spacing:1px}.hero-showcase .mini-hvac,.hero-showcase .mini-plumbing{padding:15px;height:170px}.hero-showcase .mini-hvac b{font-size:17px;letter-spacing:-.5px}.hero-showcase .mini-hvac .mini-fan{font-size:32px;top:20px}.hero-showcase .mini-plumbing b{font-size:19px}.hero-showcase .mini-plumbing img{height:76px}.hero-showcase .mini-plumbing>div,.hero-showcase .mini-hvac>div{margin-top:22px}.hero-showcase .mini-plumbing>small{font-size:4px;margin-top:10px}.secondary-previews{gap:10px;padding:0}.showcase-sticker{font-size:12px;padding:13px 10px;top:50%}.trade-strip{padding:17px 24px;justify-content:flex-start;font-size:16px;gap:19px;overflow:auto;scrollbar-width:none}.trade-strip>span:nth-child(even){font-size:21px}.section{padding:65px 24px}.section-heading{align-items:flex-start;gap:30px}.section-heading>p{font-size:12px;max-width:235px}.section-heading h2,.agency h2{font-size:47px}.project-grid{gap:30px 20px}.project-preview>[class^="mini"]{height:250px;padding:22px}.project-preview .mini-roof>div{margin-top:45px}.project-preview .mini-roof b{font-size:37px}.project-preview .mini-hvac b{font-size:27px;letter-spacing:-1px}.project-preview .mini-hvac>div{margin-top:35px}.project-preview .mini-hvac .mini-fan{font-size:66px;right:-10px;top:40px}.project-preview .mini-plumbing b{font-size:32px}.project-preview .mini-plumbing>div{gap:6px;margin-top:26px}.project-preview .mini-plumbing img{height:145px}.project-preview .mini-plumbing>small{margin-top:12px;font-size:6px}.project-preview .mini-contractor b{font-size:32px;margin-top:52px}.project-preview .mini-button{font-size:8px}.project-caption{gap:9px;align-items:flex-start}.project-caption h3{font-size:16px;line-height:1.2}.project-caption p:last-child{font-size:11px}.project-caption .round-link{width:38px;height:38px}.approach-section{gap:40px;grid-template-columns:.85fr 1.1fr}.benefit{gap:16px}.benefit h3{font-size:18px}.benefit>svg{width:23px;height:23px}.benefit p{font-size:12px}.process-grid{gap:25px}.process-grid h3{font-size:19px}.process-grid p{font-size:12px}.owner-section{gap:45px}.owner-copy h2{font-size:52px}.owner-image>img{height:470px;object-position:52% center}.owner-copy p:not(.eyebrow):not(.signature){font-size:12px}.owner-caption{font-size:8px;padding:17px 14px;letter-spacing:1px}.owner-caption svg{width:18px;height:18px}.faq-section{gap:40px}.faq-list summary{font-size:13px}.contact-section{gap:40px}.contact-email{font-size:12px;gap:9px}.form-row{grid-template-columns:1fr;gap:0}.main-footer{padding:40px 24px}.main-footer>div:nth-child(2)>a{font-size:10px}.demo-bar{padding:8px 24px;font-size:9px}.demo-bar>span{font-size:6px;letter-spacing:1px}.demo h2{font-size:44px}.demo .demo-faq{gap:45px}.demo-request{gap:55px}.demo-footer{padding:35px 24px}.demo-footer>a{font-size:10px}.roof-hero{padding:45px 24px;height:600px}.roof-hero h1{font-size:95px}.roof-strip{padding:23px 24px;gap:18px}.roof-strip span{font-size:9px}.roof-service-grid{gap:17px}.roof-service-grid article{padding:22px}.roof-service-grid h3{font-size:29px}.roof-service-grid p{font-size:12px;min-height:125px}.roof-service-grid .text-link{font-size:10px;gap:6px}.roof-guide{gap:45px}.choice{padding:11px 13px;font-size:10px}.guide-answer h3{font-size:22px}.hvac-hero{padding-top:40px;padding-bottom:45px;gap:30px;min-height:unset}.hvac-hero h1{font-size:49px;letter-spacing:-2.5px}.hvac-hero-copy>p:not(.eyebrow){font-size:12px}.hvac-services-line{font-size:7px;letter-spacing:.5px;gap:8px}.comfort-console{padding:24px 16px 20px;min-height:450px;border-radius:120px 120px 12px 12px}.console-label{font-size:6px;letter-spacing:1px}.fan-art{height:250px;width:100%}.thermostat{width:190px;padding:16px 22px;margin-top:-20px}.console-footnote{font-size:6px;text-align:center}.service-tabs button{padding:18px;font-size:12px}.hvac-panel{padding:30px;gap:25px}.hvac-panel h3{font-size:33px}.weather-graphic{height:180px;width:180px}.weather-graphic>svg{width:90px;height:90px}.weather-graphic>span{font-size:6px;letter-spacing:1px}.hvac-about{gap:25px 45px}.hvac-about h2{font-size:39px;letter-spacing:-1.8px}.plumbing-hero{gap:35px;min-height:unset}.plumbing-hero h1{font-size:68px;letter-spacing:-3px}.plumbing-hero-image{min-height:440px}.flow-stamp{width:90px;height:90px;font-size:8px;right:17px}.plumbing-service-section{gap:40px}.plumbing-service-section h2{font-size:41px}.plumbing-service-list article{gap:16px}.plumbing-service-list h3{font-size:16px}.plumbing-service-list .round-link{width:37px;height:37px}.problem-section{gap:45px}.problem-section h2{font-size:53px}.problem{padding:17px 13px;font-size:10px;gap:10px}.problem>svg{width:21px;height:21px}.giant-drop svg{width:190px;height:230px}.plumbing-pledge h2{font-size:43px}.plumbing-pledge p:not(.eyebrow){font-size:12px}.contractor-hero{height:580px;padding:40px 24px}.contractor-hero h1{font-size:76px;letter-spacing:-2px}.contractor .section-heading h2{font-size:49px}.space-photo{height:280px}.contractor-projects h3{font-size:23px}.materials-section{gap:45px}.materials-section h2{font-size:43px}.material-board{padding:13px;gap:9px;grid-template-rows:105px 105px auto}.material-tile span{font-size:7px;left:8px;bottom:8px;padding:4px 6px}.material-label p{font-size:18px!important}.material-label>span{font-size:5px}.contractor-process h2{font-size:50px}}
@media(max-width:600px){.agency-hero{display:flex;flex-direction:column;align-items:stretch;padding:37px 22px 50px;gap:40px}.agency h1{font-size:clamp(59px,14.7vw,82px);letter-spacing:-.8px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}.hero-description{font-size:14px;max-width:350px;margin-top:22px}.hero-actions{gap:18px;margin-top:22px}.hero-actions .button{font-size:12px;padding:16px 22px}.hero-actions .text-link{font-size:11px}.hero-footnote{font-size:9px;gap:20px;margin-top:28px}.hero-showcase{width:100%;max-width:440px;align-self:center;padding-right:6px;padding-left:6px}.hero-showcase .mini-roof{height:250px}.hero-showcase .mini-roof b{font-size:38px}.hero-showcase .mini-roof>div{margin-top:35px}.hero-showcase .mini-hvac,.hero-showcase .mini-plumbing{height:185px;padding:17px}.hero-showcase .mini-hvac b{font-size:21px}.hero-showcase .mini-plumbing b{font-size:22px}.hero-showcase .mini-plumbing img{height:85px}.hero-showcase .mini-hvac .mini-fan{font-size:46px;top:25px}.showcase-sticker{font-size:14px;padding:14px 12px;top:50%;right:0}.showcase-label{font-size:7px}.section{padding:57px 22px}.section-heading{flex-direction:column;gap:22px;margin-bottom:30px}.section-heading h2,.agency h2{font-size:46px}.section-heading>p{max-width:340px;font-size:13px}.section-heading .eyebrow{font-size:9px;margin-bottom:19px}.filter-bar{gap:7px;margin-bottom:25px}.filter{padding:10px 14px;font-size:10px}.filter-bar>span{width:100%;margin:3px 0 0;font-size:9px}.project-grid{grid-template-columns:1fr;gap:35px}.project-preview>[class^="mini"]{height:290px;padding:27px}.project-preview .mini-roof b{font-size:49px}.project-preview .mini-roof>div{margin-top:49px}.project-preview .mini-hvac b{font-size:35px}.project-preview .mini-hvac .mini-fan{font-size:85px;right:5px;top:30px}.project-preview .mini-hvac .mini-brand{font-size:26px}.project-preview .mini-hvac>small{font-size:7px}.project-preview .mini-plumbing b{font-size:42px}.project-preview .mini-plumbing img{height:177px}.project-preview .mini-contractor b{font-size:40px;margin-top:64px}.project-preview .mini-button{font-size:9px}.project-caption{padding-top:20px}.project-caption h3{font-size:18px}.project-caption p:last-child{font-size:12px}.project-caption .round-link{width:43px;height:43px}.demo-disclosure{font-size:10px;margin-top:26px}.approach-section{grid-template-columns:1fr;gap:38px}.approach-intro{position:static}.approach-intro>p:not(.eyebrow){max-width:360px;font-size:14px}.benefit{padding:25px 0;gap:20px}.benefit h3{font-size:20px}.benefit p{font-size:13px}.process-grid{grid-template-columns:1fr;gap:31px;margin-top:35px}.process-grid article{padding-top:23px}.process-grid h3{font-size:22px;margin:17px 0 13px}.process-grid p{font-size:13px;max-width:400px}.owner-section{grid-template-columns:1fr;gap:40px;padding-top:65px}.owner-image{max-width:440px;width:100%;justify-self:center}.owner-image>img{height:430px;object-position:center 37%}.owner-caption{font-size:9px;padding:18px 16px}.owner-copy h2{font-size:59px}.owner-copy p:not(.eyebrow):not(.signature){font-size:14px;max-width:390px}.owner-copy .eyebrow{font-size:10px}.owner-tags span{font-size:9px}.faq-section{grid-template-columns:1fr;gap:31px}.faq-list summary{font-size:14px;padding:22px 0}.faq-list details>p{font-size:13px}.contact-section{grid-template-columns:1fr;gap:37px}.contact-copy h2{font-size:52px}.contact-email{font-size:15px}.contact-owner{font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:13px}.brief-form label{font-size:10px}.brief-form input,.brief-form select,.brief-form textarea{font-size:12px;padding:12px 11px}.main-footer{flex-direction:column;padding:38px 22px;gap:29px}.main-footer>div:nth-child(2)>a{font-size:13px}.main-footer p{font-size:11px;margin-top:14px}.back-top{font-size:12px}.demo-bar{padding:8px 18px;font-size:9px;gap:8px}.demo-bar-note{display:none}.demo-bar>span{font-size:6px;letter-spacing:.8px}.demo-header{padding:0 22px}.demo-brand{font-size:20px}.demo-header nav{padding-left:22px;padding-right:22px}.demo .demo-faq{grid-template-columns:1fr;gap:30px}.demo .demo-faq h2{font-size:45px}.demo-request{grid-template-columns:1fr;gap:30px}.demo-request h2{font-size:47px}.demo-request>div>p:not(.eyebrow){font-size:13px}.demo-request p.demo-note{font-size:11px;margin-top:20px}.demo-form label{font-size:11px}.demo-footer{flex-direction:column;align-items:flex-start;padding:35px 22px;gap:27px}.demo-footer strong{font-size:23px}.demo-footer p{font-size:11px}.demo-footer>a{font-size:12px}.roof-hero{height:620px;min-height:unset;padding:35px 22px}.roof-hero>img{object-position:60% center}.roof-hero:after{background:linear-gradient(90deg,rgba(6,27,18,.92),rgba(6,27,18,.45))}.roof-hero .eyebrow{font-size:9px;letter-spacing:1.2px}.roof-hero h1{font-size:clamp(73px,18vw,100px);letter-spacing:-.5px}.roof-hero-content>p:not(.eyebrow){font-size:13px;max-width:305px}.roof-hero-content>p:not(.eyebrow) br{display:none}.roof-hero-bottom{font-size:7px;letter-spacing:1.4px}.roof-side-label{right:9px;font-size:6px}.roof-strip{flex-direction:column;align-items:flex-start;gap:17px;padding:23px 22px}.roof-strip span{font-size:11px}.roofing h2{font-size:51px}.roof-service-grid{grid-template-columns:1fr;gap:17px}.roof-service-grid article{padding:27px}.roof-service-grid h3{margin-top:25px;font-size:33px}.roof-service-grid p{min-height:unset;font-size:13px}.roof-service-grid .text-link{font-size:12px}.roof-guide{grid-template-columns:1fr;gap:30px}.choice{font-size:11px;padding:12px 17px}.guide-answer h3{font-size:25px}.guide-answer p{font-size:13px}.hvac-hero{grid-template-columns:1fr;gap:34px;padding-top:38px;padding-bottom:48px}.hvac-hero h1{font-size:clamp(45px,11.8vw,62px);letter-spacing:-2.7px;margin-top:22px}.hvac-hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hvac-hero-copy>p:not(.eyebrow){font-size:14px}.hvac-services-line{font-size:8px;letter-spacing:1px;margin-top:29px}.comfort-console{max-width:410px;width:100%;justify-self:center;padding:24px 23px 24px;border-radius:140px 140px 14px 14px;min-height:470px}.console-label{font-size:7px;letter-spacing:1.3px}.fan-art{height:280px;width:100%}.thermostat{width:210px;padding:19px 23px;margin-top:-36px}.console-footnote{font-size:7px}.hvac .section-heading h2{font-size:38px;letter-spacing:-1.8px}.service-tabs button{padding:16px 12px;font-size:10px;gap:9px}.service-tabs button svg{width:17px;height:17px}.hvac-panel{grid-template-columns:1fr;padding:30px 25px;gap:30px}.hvac-panel h3{font-size:35px}.hvac-panel .button{padding:15px 19px}.weather-graphic{height:225px;width:225px}.weather-graphic>svg{width:110px;height:110px}.weather-graphic>span{font-size:7px}.hvac-about{grid-template-columns:1fr;gap:24px}.hvac-about h2{font-size:40px;line-height:1.23}.hvac-about>div p{font-size:13px}.hvac .demo-request h2{font-size:42px;letter-spacing:-2px}.plumbing-hero{grid-template-columns:1fr;gap:35px;padding-top:37px;min-height:unset}.plumbing-hero h1{font-size:91px;letter-spacing:-3.9px;margin:24px 0}.plumbing-hero>div>p:not(.eyebrow){font-size:14px;max-width:330px}.plumbing-hero-image{height:440px;min-height:unset;width:100%;max-width:410px;justify-self:center}.plumbing-hero-image>img{object-position:55% center}.flow-stamp{width:104px;height:104px;font-size:9px;top:145px;right:21px}.plumb-hero-note{font-size:8px;margin-top:29px}.plumbing-service-section{grid-template-columns:1fr;gap:31px}.plumbing-service-section h2{font-size:43px}.plumbing-service-list article{gap:18px;padding:24px 0}.plumbing-service-list h3{font-size:18px}.plumbing-service-list p{font-size:13px}.plumbing-service-list .round-link{width:43px;height:43px}.problem-section{grid-template-columns:1fr;gap:31px}.problem-section h2{font-size:61px}.problem{font-size:12px;min-height:79px;padding:20px 17px;gap:13px}.problem>svg{width:23px;height:23px}.problem-answer h3{font-size:23px}.plumbing-pledge{grid-template-columns:1fr;gap:30px}.giant-drop{display:none}.plumbing-pledge h2{font-size:48px}.plumbing-pledge p:not(.eyebrow){font-size:14px}.contractor-hero{height:610px;padding:35px 22px}.contractor-hero>img{object-position:64% center}.contractor-hero:after{background:linear-gradient(90deg,rgba(24,32,21,.9),rgba(24,32,21,.33))}.contractor-hero h1{font-size:72px;letter-spacing:-2.5px}.contractor-hero .eyebrow{font-size:8px;letter-spacing:1.3px;max-width:250px}.contractor-hero p:not(.eyebrow){font-size:13px}.contractor-hero-caption{font-size:8px;letter-spacing:2px}.contractor .section-heading h2{font-size:48px}.contractor-projects{gap:40px}.space-photo{height:300px}.contractor-projects h3{font-size:27px}.contractor-projects .text-link{font-size:12px}.materials-section{grid-template-columns:1fr;gap:39px}.materials-section h2{font-size:47px}.materials-section p:not(.eyebrow){font-size:14px}.material-options{max-width:none}.material{font-size:12px}.material-board{max-width:400px;justify-self:center;width:100%;padding:17px;grid-template-rows:130px 130px auto;gap:12px}.material-label{flex-direction:row;align-items:center}.material-label p{font-size:20px!important}.material-label>span{font-size:5px}.material-tile span{font-size:8px}.contractor-process h2{font-size:50px}.contractor .demo-request h2{font-size:49px}}
@media(max-width:360px){.agency h1{font-size:55px}.hero-copy .eyebrow{font-size:7px}.hero-footnote{gap:10px;font-size:8px}.hero-actions{gap:13px}.hero-actions .text-link{font-size:10px}.section-heading h2,.agency h2{font-size:41px}.hero-showcase .mini-plumbing b{font-size:19px}.hero-showcase .mini-hvac b{font-size:18px}.project-preview .mini-plumbing b{font-size:36px}.contact-email{font-size:13px}.form-row{grid-template-columns:1fr;gap:0}.hvac-hero h1{font-size:42px}.plumbing-hero h1{font-size:78px}.contractor-hero h1{font-size:62px}.problem{font-size:10px;padding:17px 12px}.demo-bar>span{font-size:5px}.demo-bar{padding-left:14px;padding-right:14px}.demo-request h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-showcase{transform:none!important}.motion-ready .owner-image.is-visible{transform:rotate(-2deg)}}

/* Keep the comfort headline within narrow tablet columns. */
@media(min-width:601px) and (max-width:800px){.hvac-hero{grid-template-columns:1fr 1fr;gap:22px}.hvac-hero h1{font-size:clamp(34px,5.8vw,47px);letter-spacing:-2px}.hvac-services-line{flex-wrap:wrap;line-height:1.7}}
.filter-bar>span,.demo-disclosure,.benefit-number{color:#606654}.roof-service-grid article>span{color:#536348}.console-footnote{color:#496567}
.thermostat .thermostat-scale>span{font-size:6px;letter-spacing:1px}