. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&family=Caveat:wght@600&display=swap'); :root{ --pe-amber:#F8BD15; --pe-amber-dk:#e3a900; --pe-ink:#0E0E0E; --pe-ink-2:#1b1b1b; --pe-gray:#F4F4F3; --pe-gray-2:#ececea; --pe-line:#e4e4e1; --pe-body:#6c6c6a; --pe-body-d:#a4a4a1; --pe-white:#ffffff; --pe-notch:34px; --pe-wrap:1200px; --pe-dots:url('https://www.pipeelectric.com/wp-content/uploads/2025/08/dots-website-background.webp'); } /* ---------- reset / base (scoped where possible) ---------- */ .pe-root,.pe-root *{box-sizing:border-box;} .pe-root{ font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--pe-ink);background:var(--pe-white); -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; line-height:1.5;font-size:16px; } .pe-root img{display:block;max-width:100%;} .pe-root a{color:inherit;} .pe-wrap{max-width:var(--pe-wrap);margin:0 auto;padding:0 40px;} .pe-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} /* ---------- type helpers ---------- */ .pe-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:700; letter-spacing:.06em;text-transform:uppercase;margin:0;line-height:1.2;} .pe-eyebrow::before{content:"";width:12px;height:12px;background:var(--pe-amber);flex:none;} .pe-eyebrow.is-ink::before{background:var(--pe-ink);} .pe-eyebrow.on-dark{color:#fff;} .pe-hook{font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.012em; margin:.32em 0 .46em;font-size:clamp(40px,5vw,62px);} .pe-h2{font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.01em; font-size:clamp(30px,3.6vw,46px);margin:.2em 0 .5em;} .pe-sub{color:var(--pe-body);font-size:17px;line-height:1.6;font-weight:500;margin:0;} .on-dark .pe-sub,.pe-sub.on-dark{color:var(--pe-body-d);} /* ---------- buttons ---------- */ .pe-btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:14.5px;font-weight:700; letter-spacing:.02em;text-transform:uppercase;text-decoration:none;padding:15px 30px;cursor:pointer; border:0;line-height:1;transition:transform .15s ease,background .15s ease;white-space:nowrap;} .pe-btn:hover{transform:translateY(-2px);} .pe-btn .ar{font-weight:800;} .pe-root .pe-btn--dark{background:var(--pe-ink);color:#fff; clip-path:polygon(0 0,100% 0,100% 100%,13px 100%,0 calc(100% - 13px));} .pe-root .pe-btn--dark:hover{background:var(--pe-ink-2);color:#fff;} .pe-root .pe-btn--amber{background:var(--pe-amber);color:var(--pe-ink); clip-path:polygon(0 0,100% 0,100% 100%,13px 100%,0 calc(100% - 13px));} .pe-root .pe-btn--amber:hover{background:var(--pe-amber-dk);color:var(--pe-ink);} .pe-root .pe-btn--ghost{background:transparent;border:1.6px solid var(--pe-ink);color:var(--pe-ink);} .pe-root .pe-btn--ghost:hover{background:var(--pe-ink);color:#fff;} .pe-root .pe-btn--ghost.light{border-color:rgba(255,255,255,.45);color:#fff;} .pe-root .pe-btn--ghost.light:hover{background:#fff;color:var(--pe-ink);} .pe-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;} /* ---------- header ---------- */ .pe-header{position:sticky;top:0;z-index:50;background:var(--pe-white);border-bottom:1px solid var(--pe-line);} .pe-header__in{display:flex;align-items:center;justify-content:space-between;gap:20px; max-width:var(--pe-wrap);margin:0 auto;padding:16px 40px;} .pe-logo{height:30px;width:auto;} .pe-nav{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;} .pe-nav a{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase; text-decoration:none;color:var(--pe-ink);padding:6px 0;border-bottom:2px solid transparent;} .pe-nav a:hover,.pe-nav a[aria-current="page"]{border-bottom-color:var(--pe-amber);} .pe-root .pe-call{display:inline-flex;align-items:center;gap:8px;background:var(--pe-amber);color:var(--pe-ink); font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none; padding:13px 18px;clip-path:polygon(0 0,100% 0,100% 100%,13px 100%,0 calc(100% - 13px));} .pe-call:hover{background:var(--pe-amber-dk);} .pe-menu{display:none;} .pe-menu summary{list-style:none;cursor:pointer;display:inline-flex;flex-direction:column;gap:5px;padding:8px;} .pe-menu summary::-webkit-details-marker{display:none;} .pe-menu summary span{width:26px;height:2.5px;background:var(--pe-ink);display:block;} /* ---------- HERO (overlay, Home) ---------- */ .pe-hero{position:relative;min-height:600px;overflow:hidden;background:var(--pe-gray);} .pe-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 28%;} .pe-hero__card{position:absolute;left:max(40px,calc((100% - var(--pe-wrap))/2 + 40px));bottom:46px; width:min(560px,47%);background:var(--pe-amber);color:var(--pe-ink);padding:44px 46px; clip-path:polygon(0 0,calc(100% - var(--pe-notch)) 0,100% var(--pe-notch),100% 100%,0 100%);} .pe-hero__card .pe-eyebrow{color:var(--pe-ink);} .pe-hero__card .pe-eyebrow::before{background:var(--pe-ink);} .pe-hero__card .pe-hook{font-size:clamp(28px,3.2vw,46px);} .pe-hero__card .pe-sub{color:rgba(14,14,14,.78);max-width:440px;} /* ---------- interior page hero ---------- */ .pe-phero{background:var(--pe-gray);padding:64px 0 58px;} .pe-phero .pe-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;} .pe-phero__lead .pe-hook{margin-bottom:0;} .pe-phero__aside{padding-bottom:8px;} .pe-phero--center .pe-wrap{display:block;text-align:center;max-width:840px;} .pe-phero--center .pe-eyebrow{justify-content:center;} /* ---------- generic section ---------- */ .pe-sec{padding:84px 0;} .pe-sec--gray{background:var(--pe-gray);} .pe-sec--ink{background:var(--pe-ink);color:#fff;} .pe-sec--tight{padding:60px 0;} .pe-sec__head{max-width:680px;} .pe-sec__head.center{margin:0 auto;text-align:center;} .pe-sec__head.center .pe-eyebrow{justify-content:center;} /* ---------- trust strip ---------- */ .pe-trust{display:flex;align-items:center;justify-content:center;gap:14px 28px;flex-wrap:wrap; padding:24px 40px;border-bottom:1px solid var(--pe-line);font-size:14px;font-weight:600;} .pe-trust .it{display:flex;align-items:center;gap:8px;} .pe-trust .dot{width:4px;height:4px;border-radius:50%;background:var(--pe-amber);} .pe-trust .star{color:var(--pe-amber);letter-spacing:1px;} /* ---------- services grid ---------- */ .pe-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} .pe-svc{position:relative;display:flex;flex-direction:column;background:var(--pe-gray);padding:38px 34px; text-decoration:none;color:var(--pe-ink);min-height:300px; clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%); transition:transform .18s ease,background .18s ease;} .pe-svc:hover{transform:translateY(-4px);} .pe-svc--amber{background:var(--pe-amber);} .pe-svc__ico{width:42px;height:42px;margin-bottom:22px;} .pe-svc__ico svg{width:100%;height:100%;stroke:var(--pe-ink);} .pe-svc h3{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 12px;} .pe-svc p{font-size:15px;color:var(--pe-body);line-height:1.55;margin:0;flex:1;} .pe-svc--amber p{color:rgba(14,14,14,.72);} .pe-svc__more{margin-top:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em; display:inline-flex;align-items:center;gap:7px;} /* ---------- value / split ---------- */ .pe-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;} .pe-split__media{position:relative;} .pe-split__media img{width:100%;height:100%;object-fit:cover; clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);} .pe-feat-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--pe-line);} .pe-feat-list li{display:flex;align-items:center;justify-content:space-between;gap:16px; padding:18px 2px;border-bottom:1px solid var(--pe-line);font-size:18px;font-weight:700;} .pe-feat-list .ar{color:var(--pe-amber);font-weight:800;} /* ---------- brands strip ---------- */ .pe-brands{background:var(--pe-white);background-image:var(--pe-dots);background-size:26px;padding:64px 0;} .pe-brands__cap{text-align:center;margin-bottom:40px;} .pe-brands__vp{overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);} .pe-brands__track{display:flex;align-items:center;gap:0;width:max-content; animation:pe-marquee 38s linear infinite;} .pe-brands:hover .pe-brands__track{animation-play-state:paused;} .pe-brands__track img{flex:0 0 20vw;width:20vw;height:100px;object-fit:contain;opacity:.92;padding:0 2vw;} @keyframes pe-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){.pe-brands__track{animation:none;}} /* ---------- steps ---------- */ .pe-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;} .pe-step{padding:30px 28px;border-left:3px solid var(--pe-line);} .pe-step:first-child{border-left-color:var(--pe-amber);} .pe-step__n{font-size:34px;font-weight:800;color:var(--pe-ink);opacity:.25;} .pe-step h3{font-size:18px;font-weight:800;text-transform:uppercase;margin:6px 0 8px;} .pe-step p{font-size:14px;color:var(--pe-body);line-height:1.55;margin:0;} /* ---------- testimonials ---------- */ .pe-quote{display:grid;grid-template-columns:.85fr 1.15fr;align-items:stretch;} .pe-quote__img{position:relative;overflow:hidden;min-height:340px;background:var(--pe-gray);} .pe-quote__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .pe-quote__body{background:var(--pe-ink);color:#fff;padding:52px 56px;position:relative; clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);} .pe-quote__body p{font-size:23px;line-height:1.45;font-weight:500;margin:0 0 26px;letter-spacing:-.01em;} .pe-quote__who{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;} .pe-quote__loc{font-size:13px;color:var(--pe-body-d);font-weight:600;} .pe-quote__mark{position:absolute;right:48px;bottom:44px;font-size:80px;line-height:0;color:var(--pe-amber); font-weight:900;font-family:Georgia,serif;} .pe-quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;} .pe-qcard{background:var(--pe-gray);padding:34px 32px; clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);} .pe-qcard__stars{color:var(--pe-amber);font-size:15px;letter-spacing:2px;margin-bottom:14px;} .pe-qcard p{font-size:16px;line-height:1.55;margin:0 0 18px;color:var(--pe-ink);} .pe-qcard__who{font-size:14px;font-weight:800;text-transform:uppercase;} /* ---------- CTA band ---------- */ .pe-cta{background:var(--pe-ink);color:#fff;text-align:center;padding:78px 0; background-image:var(--pe-dots);background-blend-mode:soft-light;background-size:26px;} .pe-cta .pe-hook{color:#fff;} .pe-root .pe-cta__phone{display:inline-flex;align-items:center;gap:12px;margin-top:8px;font-size:clamp(30px,4vw,46px); font-weight:900;color:var(--pe-amber);text-decoration:none;letter-spacing:-.01em;} .pe-cta .pe-sub{max-width:560px;margin:0 auto 6px;color:var(--pe-body-d);} /* ---------- trade page bits ---------- */ .pe-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px;} .pe-list li{position:relative;padding:16px 0 16px 30px;border-bottom:1px solid var(--pe-line);font-size:16px;} .pe-list li::before{content:"";position:absolute;left:0;top:22px;width:11px;height:11px;background:var(--pe-amber);} .pe-list li b{display:block;font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:-.005em;} .pe-list li span{color:var(--pe-body);font-size:14.5px;} .pe-local{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;} /* ---------- service areas ---------- */ .pe-area{padding:46px 0;border-top:1px solid var(--pe-line);} .pe-area:first-of-type{border-top:0;} .pe-area__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start;} .pe-area h2{font-size:clamp(26px,3vw,38px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:0;} .pe-area__meta{margin-top:14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--pe-body);} .pe-area__meta .zip{display:inline-block;background:var(--pe-gray);padding:5px 10px;margin:4px 6px 0 0; font-size:12.5px;letter-spacing:.02em;} .pe-area p{font-size:16px;line-height:1.65;color:#333;margin:0 0 14px;} .pe-area__tags{margin-top:10px;font-size:14px;color:var(--pe-body);} .pe-land{background:var(--pe-gray);padding:38px 36px; clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);} .pe-land ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;} .pe-land li{font-size:15px;padding-left:26px;position:relative;line-height:1.4;} .pe-land li::before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;background:var(--pe-amber); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);} .pe-land li b{display:block;font-weight:800;} /* ---------- contact ---------- */ .pe-callbox{background:var(--pe-ink);color:#fff;text-align:center;padding:66px 40px;margin:0 auto; max-width:780px;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);} .pe-callbox a.num{display:block;font-size:clamp(40px,6vw,68px);font-weight:900;color:var(--pe-amber); text-decoration:none;letter-spacing:-.02em;margin:14px 0 22px;line-height:1;} .pe-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px;} .pe-info{background:var(--pe-gray);padding:30px 30px; clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);} .pe-info h3{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;} .pe-hours{list-style:none;margin:0;padding:0;font-size:15px;} .pe-hours li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--pe-line);} .pe-hours li:last-child{border-bottom:0;} .pe-hours .closed{color:#b00020;font-weight:700;} /* ---------- map ---------- */ .pe-map{display:block;width:100%;} .pe-map iframe{display:block;width:100%;height:440px;border:0;filter:grayscale(.5) contrast(1.05);} /* ---------- footer ---------- */ .pe-footer{background:var(--pe-white);border-top:1px solid var(--pe-line);padding:64px 0 30px;} .pe-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;} .pe-footer__brand img{height:30px;margin-bottom:18px;} .pe-footer__brand p{font-size:14.5px;color:var(--pe-body);line-height:1.6;max-width:300px;margin:0 0 18px;} .pe-footer__sig{height:54px!important;width:auto;opacity:.9;} .pe-fcol h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--pe-ink);margin:0 0 16px;} .pe-fcol ul{list-style:none;margin:0;padding:0;} .pe-fcol li{margin-bottom:11px;} .pe-fcol a{font-size:14.5px;color:var(--pe-body);text-decoration:none;} .pe-fcol a:hover{color:var(--pe-ink);} .pe-fcol .ph{font-size:21px;font-weight:900;color:var(--pe-ink);text-decoration:none;letter-spacing:-.01em; display:inline-block;margin-bottom:10px;} .pe-fhours{font-size:13.5px;color:var(--pe-body);line-height:1.7;} .pe-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; margin-top:48px;padding-top:24px;border-top:1px solid var(--pe-line);font-size:13px;color:var(--pe-body);} .pe-root .pe-greview{display:inline-flex;align-items:center;gap:9px;font-weight:700;text-transform:uppercase; font-size:12.5px;letter-spacing:.03em;text-decoration:none;color:var(--pe-ink); border:1.5px solid var(--pe-ink);padding:11px 16px;} .pe-greview:hover{background:var(--pe-amber);border-color:var(--pe-amber);} /* ============================================================ RESPONSIVE ============================================================ */ @media(max-width:1024px){ .pe-nav,.pe-call{display:none;} .pe-menu{display:block;} .pe-phero .pe-wrap,.pe-split,.pe-local,.pe-area__grid{grid-template-columns:1fr;gap:30px;} .pe-svc-grid{grid-template-columns:repeat(2,1fr);} .pe-info-grid{grid-template-columns:1fr;} .pe-footer__grid{grid-template-columns:1fr 1fr;gap:34px;} .pe-quote{grid-template-columns:1fr;} .pe-quote__img{min-height:240px;} } @media(max-width:760px){ .pe-wrap{padding:0 22px;} .pe-header__in{padding:14px 22px;} .pe-sec{padding:60px 0;} /* hero -> stacked, card full width below photo (faces never covered) */ .pe-hero{min-height:0;display:flex;flex-direction:column;} .pe-hero>img{position:relative;height:300px;} .pe-hero__card{position:relative;left:0;bottom:0;width:100%;padding:36px 26px; clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);} .pe-hero__card .pe-sub{max-width:none;} .pe-svc-grid,.pe-steps,.pe-quote-grid,.pe-list,.pe-land ul,.pe-footer__grid{grid-template-columns:1fr;} .pe-step{border-left:0;border-top:3px solid var(--pe-line);} .pe-step:first-child{border-top-color:var(--pe-amber);} .pe-ctas .pe-btn{flex:1;justify-content:center;} .pe-quote__body{padding:38px 30px;} .pe-footer__bottom{flex-direction:column;align-items:flex-start;} } /* details mobile menu panel */ .pe-menu[open] .pe-menu__panel{display:flex;} .pe-menu__panel{display:none;position:absolute;left:0;right:0;top:100%;background:var(--pe-white); border-bottom:1px solid var(--pe-line);flex-direction:column;padding:14px 22px 22px;gap:4px;z-index:60;} .pe-menu__panel a{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.03em; text-decoration:none;color:var(--pe-ink);padding:12px 0;border-bottom:1px solid var(--pe-line);} .pe-menu__panel .pe-call{display:inline-flex;margin-top:14px;justify-content:center;}
Contact

Are smart thermostats worth it?

Everywhere you look, there’s a newer, better, and more expensive thermostat. Are they worth it?

Latest Articles

Subscribe

Great Service. Zero Salespeople.