{"id":134,"date":"2026-08-24T05:53:48","date_gmt":"2026-08-24T05:53:48","guid":{"rendered":"https:\/\/staging3.gmportal.net\/?page_id=134"},"modified":"2026-08-25T16:08:36","modified_gmt":"2026-08-25T21:08:36","slug":"remodel-electrical","status":"publish","type":"page","link":"https:\/\/electricalexpert520.com\/index.php\/remodel-electrical\/","title":{"rendered":"Remodel Electrical"},"content":{"rendered":"\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"0\" data-consonant-block=\"post-134-core-html-0\" data-consonant-page=\"134\" data-consonant-source=\"post-content\" class=\"eer-hero\" aria-labelledby=\"eer-hero-title\">\n  <div class=\"eer-hero__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"eer-hero__glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"eer-hero__shell\">\n    <div class=\"eer-hero__copy\">\n      <div class=\"eer-hero__eyebrow eer-hero__reveal\">\n        <span>REMODEL ELECTRICAL<\/span>\n        <i><\/i>\n        <span>TUCSON, AZ<\/span>\n      <\/div>\n\n      <h1 id=\"eer-hero-title\" class=\"eer-hero__reveal\">\n        Electrical Planning for the Space\n        <span>You Are Building Next.<\/span>\n      <\/h1>\n\n      <p class=\"eer-hero__lead eer-hero__reveal\">\n        A remodel changes more than finishes. It changes where people work,\n        cook, gather, plug in equipment, use lighting, and depend on the\n        electrical system.\n      <\/p>\n\n      <p class=\"eer-hero__support eer-hero__reveal\">\n        Electrical Expert LLC provides remodel electrical service in Tucson,\n        Marana, Oro Valley, and SaddleBrooke for homeowners, contractors,\n        builders, and remodelers.\n      <\/p>\n\n      <div class=\"eer-hero__actions eer-hero__reveal\">\n        <a class=\"eer-hero__primary\" href=\"\/index.php\/contact\/\">\n          Talk About Your Remodel\n          <span aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n\n        <a class=\"eer-hero__phone\" href=\"tel:+15204058755\">\n          (520) 405-8755\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"eer-hero__visual eer-hero__reveal\" aria-hidden=\"true\">\n      <div class=\"eer-hero__plan\">\n        <span class=\"eer-hero__plan-label\">FINISHED SPACE \/ ELECTRICAL PLAN<\/span>\n\n        <div class=\"eer-hero__room eer-hero__room--one\">\n          <span>KITCHEN<\/span>\n        <\/div>\n\n        <div class=\"eer-hero__room eer-hero__room--two\">\n          <span>LIVING<\/span>\n        <\/div>\n\n        <div class=\"eer-hero__room eer-hero__room--three\">\n          <span>ADDITION<\/span>\n        <\/div>\n\n        <span class=\"eer-hero__node eer-hero__node--a\"><\/span>\n        <span class=\"eer-hero__node eer-hero__node--b\"><\/span>\n        <span class=\"eer-hero__node eer-hero__node--c\"><\/span>\n        <span class=\"eer-hero__node eer-hero__node--d\"><\/span>\n        <span class=\"eer-hero__node eer-hero__node--e\"><\/span>\n\n        <span class=\"eer-hero__line eer-hero__line--a\"><\/span>\n        <span class=\"eer-hero__line eer-hero__line--b\"><\/span>\n        <span class=\"eer-hero__line eer-hero__line--c\"><\/span>\n\n        <div class=\"eer-hero__tag eer-hero__tag--one\">\n          <small>01 \/ CIRCUITS<\/small>\n          <strong>Plan the load<\/strong>\n        <\/div>\n\n        <div class=\"eer-hero__tag eer-hero__tag--two\">\n          <small>02 \/ LIGHTING<\/small>\n          <strong>Plan the use<\/strong>\n        <\/div>\n\n        <div class=\"eer-hero__tag eer-hero__tag--three\">\n          <small>03 \/ CAPACITY<\/small>\n          <strong>Plan ahead<\/strong>\n        <\/div>\n\n        <div class=\"eer-hero__mark\">\n          <b>01<\/b>\n          <span>REMODEL<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"eer-hero__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\">\n      <path class=\"eer-hero__handoff-field\" d=\"M0 72 L34 58 L56 17 L100 48 L100 100 L0 100 Z\"><\/path>\n      <path class=\"eer-hero__handoff-blue\" d=\"M0 35 L0 70 L59 50 Z\"><\/path>\n      <path class=\"eer-hero__handoff-blue-echo\" d=\"M0 26 L0 38 L43 43 Z\"><\/path>\n      <path class=\"eer-hero__handoff-yellow\" d=\"M100 31 L100 54 L61 47 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.eer-hero,\n.eer-hero * {\n  box-sizing: border-box;\n}\n\n.eer-hero {\n  position: relative;\n  isolation: isolate;\n  min-height: clamp(700px, 88svh, 900px);\n  overflow: hidden;\n  padding: clamp(76px, 8vw, 118px) 20px clamp(140px, 14vw, 210px);\n  background:\n    radial-gradient(circle at 82% 28%, rgba(20,148,255,.18), transparent 30rem),\n    linear-gradient(145deg, #020817 0%, #071426 62%, #05182c 100%);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.eer-hero__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  opacity: .2;\n  background-image:\n    linear-gradient(rgba(20,148,255,.14) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20,148,255,.1) 1px, transparent 1px);\n  background-size: 68px 68px;\n  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n}\n\n.eer-hero__glow {\n  position: absolute;\n  z-index: -1;\n  right: -8%;\n  top: 10%;\n  width: 48vw;\n  height: 48vw;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(20,148,255,.13), transparent 66%);\n  filter: blur(30px);\n}\n\n.eer-hero__shell {\n  display: grid;\n  grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr);\n  gap: clamp(48px, 7vw, 110px);\n  align-items: center;\n  width: min(1320px, 100%);\n  margin: 0 auto;\n}\n\n.eer-hero__copy { position: relative; z-index: 3; }\n.eer-hero__eyebrow { display:flex;align-items:center;gap:11px;margin-bottom:18px;color:#f9b000;font-size:9px;font-weight:900;letter-spacing:.15em; }\n.eer-hero__eyebrow i { width:34px;height:2px;background:#1494ff; }\n.eer-hero h1 { max-width:760px;margin:0;color:#fff;font-size:clamp(50px,6.1vw,92px);font-weight:900;line-height:.88;letter-spacing:-.06em;text-transform:uppercase; }\n.eer-hero h1 span { display:block;margin-top:.07em;color:#1494ff; }\n.eer-hero__lead { max-width:650px;margin:30px 0 0;color:rgba(255,255,255,.82);font-size:clamp(17px,1.35vw,21px);font-weight:650;line-height:1.62; }\n.eer-hero__support { max-width:610px;margin:18px 0 0;padding:15px 0 0 18px;border-top:1px solid rgba(20,148,255,.4);border-left:3px solid #1494ff;color:rgba(235,243,255,.61);font-size:14px;font-weight:600;line-height:1.65; }\n.eer-hero__actions { display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:32px; }\n.eer-hero__primary { display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 21px;background:#f9b000;color:#071426!important;font-size:12px;font-weight:900;text-decoration:none!important;clip-path:polygon(0 0,90% 0,100% 31%,100% 100%,7% 100%,0 72%);filter:drop-shadow(8px 8px 0 rgba(20,148,255,.5));transition:transform .22s ease,filter .22s ease; }\n.eer-hero__primary:hover { transform:translateY(-2px);filter:drop-shadow(11px 10px 0 rgba(20,148,255,.62)); }\n.eer-hero__phone { position:relative;color:#fff!important;font-size:16px;font-weight:900;text-decoration:none!important; }\n.eer-hero__phone::after { content:\"\";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#1494ff;transform-origin:left;transition:transform .2s ease; }\n.eer-hero__phone:hover::after { transform:scaleX(.6); }\n.eer-hero__visual { position:relative;min-height:570px; }\n.eer-hero__plan { position:absolute;inset:6% 0 0 4%;background:linear-gradient(rgba(255,255,255,.025),rgba(255,255,255,.025)),#06192e;border:1px solid rgba(255,255,255,.11);clip-path:polygon(7% 0,100% 0,100% 87%,91% 100%,0 100%,0 10%);filter:drop-shadow(-13px 14px 0 rgba(20,148,255,.5)) drop-shadow(10px -9px 0 rgba(249,176,0,.33)) drop-shadow(0 28px 46px rgba(0,0,0,.35)); }\n.eer-hero__plan::before,.eer-hero__plan::after { content:\"\";position:absolute;pointer-events:none; }\n.eer-hero__plan::before { inset:18px;border:1px solid rgba(255,255,255,.09);clip-path:inherit; }\n.eer-hero__plan::after { left:12%;right:7%;top:50%;height:1px;background:rgba(20,148,255,.32); }\n.eer-hero__plan-label { position:absolute;left:34px;top:27px;color:#f9b000;font-size:8px;font-weight:900;letter-spacing:.15em; }\n.eer-hero__room { position:absolute;border:1px solid rgba(20,148,255,.35);background:rgba(2,8,23,.35); }\n.eer-hero__room span { position:absolute;left:11px;top:9px;color:rgba(255,255,255,.28);font-size:7px;font-weight:900;letter-spacing:.14em; }\n.eer-hero__room--one { left:12%;top:17%;width:42%;height:31%; }\n.eer-hero__room--two { left:54%;top:17%;width:34%;height:31%; }\n.eer-hero__room--three { left:20%;top:50%;width:68%;height:33%; }\n.eer-hero__node { position:absolute;z-index:3;width:11px;height:11px;border:2px solid #020817;border-radius:50%;background:#1494ff;box-shadow:0 0 0 4px rgba(20,148,255,.15); }\n.eer-hero__node--a{left:24%;top:30%}.eer-hero__node--b{left:45%;top:39%;background:#f9b000}.eer-hero__node--c{left:70%;top:30%}.eer-hero__node--d{left:39%;top:64%}.eer-hero__node--e{left:73%;top:70%;background:#f9b000}\n.eer-hero__line { position:absolute;z-index:2;height:2px;background:linear-gradient(90deg,#1494ff,rgba(20,148,255,.12));transform-origin:left center; }\n.eer-hero__line--a{left:25%;top:31%;width:31%;transform:rotate(17deg)}.eer-hero__line--b{left:46%;top:40%;width:35%;transform:rotate(-18deg)}.eer-hero__line--c{left:40%;top:65%;width:36%;transform:rotate(8deg)}\n.eer-hero__tag { position:absolute;z-index:5;min-width:145px;padding:12px 15px;background:rgba(2,8,23,.94);color:#fff;clip-path:polygon(0 0,90% 0,100% 28%,100% 100%,7% 100%,0 72%); }\n.eer-hero__tag small,.eer-hero__tag strong{display:block}.eer-hero__tag small{margin-bottom:5px;color:#1494ff;font-size:7px;font-weight:900;letter-spacing:.12em}.eer-hero__tag strong{font-size:11px;font-weight:900}\n.eer-hero__tag--one{left:4%;bottom:12%;filter:drop-shadow(6px 6px 0 rgba(20,148,255,.48))}.eer-hero__tag--two{right:2%;top:34%;filter:drop-shadow(-6px 6px 0 rgba(249,176,0,.38))}.eer-hero__tag--three{right:9%;bottom:8%;filter:drop-shadow(6px -6px 0 rgba(20,148,255,.4))}\n.eer-hero__mark { position:absolute;right:20px;top:20px;display:grid;justify-items:end; }.eer-hero__mark b{color:#f9b000;font-size:40px;font-weight:900;line-height:.8}.eer-hero__mark span{margin-top:7px;color:rgba(255,255,255,.4);font-size:7px;font-weight:900;letter-spacing:.15em}\n.eer-hero__handoff { position:absolute;z-index:8;left:0;right:0;bottom:-1px;height:clamp(90px,10vw,150px);background:#f4f8fc;clip-path:polygon(0 76%,30% 55%,61% 15%,100% 43%,100% 100%,0 100%); }\n.eer-hero__handoff span,.eer-hero__handoff i{position:absolute;display:block}.eer-hero__handoff span{left:-7%;top:31%;width:74%;height:12px;background:#1494ff;transform:rotate(-5deg)}.eer-hero__handoff i{right:-8%;top:44%;width:55%;height:8px;background:#f9b000;transform:rotate(4deg)}\n.eer-hero.is-enhanced .eer-hero__reveal{opacity:0;transform:translateY(24px);filter:blur(5px)}.eer-hero.is-enhanced.is-ready .eer-hero__reveal{opacity:1;transform:none;filter:none;transition:opacity .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1),filter .7s ease}.eer-hero.is-ready .eer-hero__reveal:nth-child(2){transition-delay:.08s}.eer-hero.is-ready .eer-hero__reveal:nth-child(3){transition-delay:.16s}.eer-hero.is-ready .eer-hero__reveal:nth-child(4){transition-delay:.23s}.eer-hero.is-ready .eer-hero__reveal:nth-child(5){transition-delay:.3s}\n@media(max-width:980px){.eer-hero{min-height:0}.eer-hero__shell{grid-template-columns:1fr}.eer-hero__copy{max-width:760px}.eer-hero__visual{min-height:560px}}\n@media(max-width:620px){.eer-hero{padding:62px 14px 116px}.eer-hero h1{font-size:clamp(40px,12.5vw,58px)}.eer-hero__lead{font-size:16px}.eer-hero__actions{display:grid;justify-items:start}.eer-hero__primary{width:100%;justify-content:center}.eer-hero__visual{min-height:420px}.eer-hero__plan{inset:2% 3% 0}.eer-hero__tag{min-width:120px;padding:9px 11px}.eer-hero__tag--two{right:0}.eer-hero__handoff{height:70px}}\n@media(prefers-reduced-motion:reduce){.eer-hero.is-enhanced .eer-hero__reveal,.eer-hero.is-enhanced.is-ready .eer-hero__reveal{opacity:1;transform:none;filter:none;transition:none}}\n\n\/* Remodel divider 01 \u2014 demolition cut *\/\n.eer-hero {\n  padding-bottom: clamp(210px, 18vw, 270px);\n}\n.eer-hero__handoff {\n  position: absolute;\n  z-index: 8;\n  left: -3%;\n  right: -3%;\n  bottom: -1px;\n  height: clamp(170px, 15vw, 225px);\n  overflow: hidden;\n  background: transparent;\n  clip-path: none;\n  pointer-events: none;\n}\n.eer-hero__handoff::before,\n.eer-hero__handoff::after {\n  content: none;\n}\n.eer-hero__handoff svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.eer-hero__handoff-field { fill: #f4f8fc; }\n.eer-hero__handoff-blue { fill: #1494ff; }\n.eer-hero__handoff-blue-echo { fill: #67c3ff; opacity: .5; }\n.eer-hero__handoff-yellow { fill: #f9b000; }\n@media (max-width: 620px) {\n  .eer-hero { padding-bottom: 150px; }\n  .eer-hero__handoff { height: 108px; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const root = document.querySelector(\".eer-hero\");\n  if (!root) return;\n  root.classList.add(\"is-enhanced\");\n  requestAnimationFrame(() => requestAnimationFrame(() => root.classList.add(\"is-ready\")));\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"1\" data-consonant-block=\"post-134-core-html-1\" data-consonant-page=\"134\" data-consonant-source=\"post-content\" class=\"eer-plan\" aria-labelledby=\"eer-plan-title\">\n  <div class=\"eer-plan__shell\">\n    <header class=\"eer-plan__head\">\n      <div class=\"eer-plan__index\"><span>02<\/span><span>PLAN EARLY<\/span><\/div>\n      <div><span class=\"eer-plan__eyebrow\">BEFORE WALLS CLOSE<\/span><h2 id=\"eer-plan-title\">Put the Electrical Plan <span>Into the Remodel Early.<\/span><\/h2><\/div>\n      <div class=\"eer-plan__intro\"><p>Electrical work is easier to coordinate when it is part of the project from the beginning.<\/p><p>Before walls close and finishes go in, the electrical plan should account for the way the completed space will actually be used.<\/p><\/div>\n    <\/header>\n    <div class=\"eer-plan__layout\">\n      <div class=\"eer-plan__core\"><div class=\"eer-plan__core-grid\" aria-hidden=\"true\"><\/div><span class=\"eer-plan__core-label\">REMODEL SCOPE \/ 02<\/span><strong>PLAN FOR THE FINISHED SPACE<\/strong><p>Electrical decisions should follow how the room will work when the project is finished, not simply what is easiest during demolition.<\/p><div class=\"eer-plan__axis\" aria-hidden=\"true\"><span><\/span><i><\/i><span><\/span><\/div><\/div>\n      <ol class=\"eer-plan__ledger\"><li><b>01<\/b><span>Receptacle locations<\/span><\/li><li><b>02<\/b><span>Lighting and switching<\/span><\/li><li><b>03<\/b><span>Dedicated circuits<\/span><\/li><li><b>04<\/b><span>Appliance loads<\/span><\/li><li><b>05<\/b><span>Equipment connections<\/span><\/li><li><b>06<\/b><span>Panel capacity<\/span><\/li><li><b>07<\/b><span>Smart controls<\/span><\/li><li><b>08<\/b><span>EV charging<\/span><\/li><li><b>09<\/b><span>Future expansion<\/span><\/li><\/ol>\n    <\/div>\n  <\/div>\n  <div class=\"eer-plan__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\">\n      <path class=\"eer-plan__handoff-field\" d=\"M0 29 L100 75 L100 100 L0 100 Z\"><\/path>\n      <path class=\"eer-plan__handoff-cyan\" d=\"M0 19 L0 33 L67 51 Z\"><\/path>\n      <path class=\"eer-plan__handoff-blue\" d=\"M0 31 L0 64 L82 60 Z\"><\/path>\n      <path class=\"eer-plan__handoff-yellow\" d=\"M0 64 L0 82 L53 65 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.eer-plan,.eer-plan *{box-sizing:border-box}.eer-plan{position:relative;overflow:hidden;padding:clamp(80px,8vw,120px) 20px clamp(126px,13vw,190px);background:radial-gradient(circle at 88% 15%,rgba(20,148,255,.1),transparent 30rem),linear-gradient(#f4f8fc,#e4ecf3);color:#071426;font-family:Arial,Helvetica,sans-serif}.eer-plan__shell{width:min(1280px,100%);margin:0 auto}.eer-plan__head{display:grid;grid-template-columns:115px minmax(0,1.15fr) minmax(290px,.55fr);gap:clamp(25px,4vw,58px);align-items:end;margin-bottom:clamp(50px,7vw,86px)}.eer-plan__index{align-self:start;display:grid;gap:8px;padding-top:8px;border-top:3px solid #1494ff}.eer-plan__index span:first-child{color:#071426;font-size:30px;font-weight:900}.eer-plan__index span:last-child{color:#5a7187;font-size:8px;font-weight:900;letter-spacing:.15em}.eer-plan__eyebrow{display:block;margin-bottom:13px;color:#0b6fb7;font-size:9px;font-weight:900;letter-spacing:.15em}.eer-plan h2{max-width:800px;margin:0;color:#071426;font-size:clamp(43px,5.5vw,76px);font-weight:900;line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.eer-plan h2 span{display:block;color:#1494ff}.eer-plan__intro{padding:22px 24px 24px;background:#071426;color:#fff;clip-path:polygon(0 0,92% 0,100% 25%,100% 100%,8% 100%,0 74%);filter:drop-shadow(9px 9px 0 rgba(249,176,0,.42)) drop-shadow(-7px -6px 0 rgba(20,148,255,.42))}.eer-plan__intro p{margin:0;color:rgba(255,255,255,.76);font-size:14px;font-weight:600;line-height:1.62}.eer-plan__intro p+p{margin-top:13px}.eer-plan__layout{position:relative;display:grid;grid-template-columns:minmax(380px,.83fr) minmax(0,1.17fr);gap:clamp(40px,7vw,90px);align-items:center}.eer-plan__core{position:relative;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(20,148,255,.19),transparent 19rem),#071426;color:#fff;clip-path:polygon(0 10%,9% 0,100% 0,100% 87%,89% 100%,0 100%);filter:drop-shadow(-12px 13px 0 rgba(20,148,255,.58)) drop-shadow(10px -9px 0 rgba(249,176,0,.35))}.eer-plan__core-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(20,148,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(20,148,255,.13) 1px,transparent 1px);background-size:54px 54px}.eer-plan__core-label{position:absolute;left:30px;top:29px;color:#f9b000;font-size:8px;font-weight:900;letter-spacing:.15em}.eer-plan__core strong{position:relative;z-index:2;max-width:430px;color:#fff;font-size:clamp(30px,3.5vw,47px);font-weight:900;line-height:.98;letter-spacing:-.04em}.eer-plan__core p{position:relative;z-index:2;max-width:470px;margin:18px 0 0;color:rgba(255,255,255,.66);font-size:14px;font-weight:550;line-height:1.62}.eer-plan__axis{position:absolute;left:10%;right:10%;top:42%;display:grid;grid-template-columns:12px 1fr 12px;align-items:center}.eer-plan__axis span{width:12px;height:12px;border-radius:50%;background:#f9b000;box-shadow:0 0 0 6px rgba(249,176,0,.09)}.eer-plan__axis span:last-child{background:#1494ff}.eer-plan__axis i{height:2px;background:linear-gradient(90deg,#f9b000,#1494ff)}.eer-plan__ledger{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid rgba(7,20,38,.16)}.eer-plan__ledger li{display:grid;grid-template-columns:58px 1fr;gap:19px;align-items:center;min-height:63px;padding:11px 17px;border-bottom:1px solid rgba(7,20,38,.16);transition:padding-left .25s ease,background .25s ease,color .25s ease}.eer-plan__ledger li:nth-child(2),.eer-plan__ledger li:nth-child(5),.eer-plan__ledger li:nth-child(8){margin-left:34px}.eer-plan__ledger li:nth-child(4),.eer-plan__ledger li:nth-child(7){margin-right:45px}.eer-plan__ledger li:hover{padding-left:27px;background:#071426;color:#fff}.eer-plan__ledger b{color:#1494ff;font-size:10px;font-weight:900;letter-spacing:.12em}.eer-plan__ledger li:hover b{color:#f9b000}.eer-plan__ledger span{font-size:clamp(15px,1.25vw,18px);font-weight:850}.eer-plan__handoff{position:absolute;left:0;right:0;bottom:-1px;height:clamp(70px,8vw,116px)}.eer-plan__handoff svg{width:100%;height:100%;display:block}.eer-plan__handoff-blue{fill:#1494ff}.eer-plan__handoff-yellow{fill:#f9b000}@media(max-width:900px){.eer-plan{padding:70px 16px 120px}.eer-plan__head,.eer-plan__layout{grid-template-columns:1fr}.eer-plan__index{width:115px}.eer-plan__intro{max-width:650px}.eer-plan__core{min-height:430px}}@media(max-width:560px){.eer-plan{padding:58px 13px 92px}.eer-plan h2{font-size:clamp(38px,11.5vw,52px)}.eer-plan__core{min-height:380px;padding:30px 23px}.eer-plan__ledger li:nth-child(n){margin-left:0;margin-right:0}.eer-plan__ledger li{grid-template-columns:42px 1fr}.eer-plan__handoff{height:54px}}\n\n\/* Remodel divider 02 \u2014 framing rise *\/\n.eer-plan {\n  padding-bottom: clamp(180px, 16vw, 235px);\n}\n.eer-plan__handoff {\n  position: absolute;\n  z-index: 9;\n  left: -3%;\n  right: -3%;\n  bottom: -1px;\n  height: clamp(130px, 11vw, 172px);\n  overflow: hidden;\n  background: transparent;\n  clip-path: none;\n  pointer-events: none;\n}\n.eer-plan__handoff::before,\n.eer-plan__handoff::after { content: none; }\n.eer-plan__handoff svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.eer-plan__handoff-field { fill: #071426; }\n.eer-plan__handoff-cyan { fill: #67c3ff; opacity: .42; }\n.eer-plan__handoff-blue { fill: #1494ff; opacity: .92; }\n.eer-plan__handoff-yellow { fill: #f9b000; }\n@media (max-width: 560px) {\n  .eer-plan { padding-bottom: 125px; }\n  .eer-plan__handoff { height: 82px; }\n}\n\n\/* Service-page atmosphere: remodel-electrical\/1. Organic light, one diagonal datum, and view-linked copy motion. *\/\n.eer-plan{\n background:\n  linear-gradient(117deg,transparent 0 48.9%,rgba(7,20,38,.055) 49%,transparent 49.18% 100%),\n  radial-gradient(ellipse 68% 46% at 12% 18%,rgba(249,176,0,.105),transparent 72%),\n  radial-gradient(ellipse 58% 50% at 88% 76%,rgba(20,148,255,.085),transparent 74%),\n  linear-gradient(128deg,#f8fafc 0%,#eaf0f4 54%,#f8f3e8 118%);\n background-size:100% 100%,128% 128%,132% 132%,100% 100%;\n animation:eer-plan-ambient-drift 28s ease-in-out infinite alternate;\n box-shadow:inset 0 72px 110px -115px rgba(7,20,38,.28),inset 0 -82px 110px -118px rgba(7,20,38,.22);\n}\n@keyframes eer-plan-ambient-drift{\n 0%{background-position:0 0,0% 14%,100% 78%,0 0;}\n 100%{background-position:0 0,13% 27%,86% 59%,0 0;}\n}\n@supports(animation-timeline:view()){\n .eer-plan h2,.eer-plan h3,.eer-plan p{\n  animation:eer-plan-copy-arrive linear both;\n  animation-timeline:view();\n  animation-range:entry 5% cover 27%;\n }\n @keyframes eer-plan-copy-arrive{\n  from{opacity:.18;translate:0 22px;filter:blur(3px);}\n  to{opacity:1;translate:0 0;filter:blur(0);}\n }\n}\n\n@media(prefers-reduced-motion:reduce){\n .eer-plan{animation:none;}\n .eer-plan h2,.eer-plan h3,.eer-plan p{animation:none;translate:none;filter:none;}\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(()=>{const root=document.querySelector('.eer-plan');if(!root||!('IntersectionObserver'in window))return;root.style.opacity='.01';root.style.transform='translateY(24px)';const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(!entry.isIntersecting)return;root.style.transition='opacity .7s cubic-bezier(.2,.75,.25,1), transform .7s cubic-bezier(.2,.75,.25,1)';root.style.opacity='1';root.style.transform='none';observer.disconnect()})},{threshold:.12});observer.observe(root)})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"2\" data-consonant-block=\"post-134-core-html-2\" data-consonant-page=\"134\" data-consonant-source=\"post-content\" class=\"eer-spaces\" aria-label=\"Remodel electrical project types\">\n  <div class=\"eer-spaces__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"eer-spaces__shell\">\n    <div class=\"eer-spaces__index\"><span>03<\/span><span>THE SPACE CHANGES<\/span><\/div>\n    <article class=\"eer-spaces__panel eer-spaces__panel--kitchen\">\n      <div class=\"eer-spaces__graphic\" aria-hidden=\"true\"><span class=\"eer-spaces__graphic-label\">KITCHEN \/ LOAD MAP<\/span><div class=\"eer-spaces__appliance eer-spaces__appliance--one\">APPLIANCE<\/div><div class=\"eer-spaces__appliance eer-spaces__appliance--two\">LIGHTING<\/div><div class=\"eer-spaces__appliance eer-spaces__appliance--three\">POWER<\/div><i class=\"eer-spaces__graphic-line\"><\/i><b class=\"eer-spaces__graphic-node\"><\/b><\/div>\n      <div class=\"eer-spaces__copy\"><span class=\"eer-spaces__eyebrow\">HEAVY USE \/ MULTIPLE LOADS<\/span><h2>Kitchen Remodel Electrical<\/h2><p>Kitchens combine lighting, receptacles, appliances, and significant electrical demand in one of the most heavily used areas of the home.<\/p><p>A kitchen remodel may require new circuits, relocated power, appliance connections, lighting changes, controls, and a closer look at the panel supporting the finished space.<\/p><div class=\"eer-spaces__rail\"><span>LIGHTING<\/span><span>RECEPTACLES<\/span><span>APPLIANCES<\/span><span>CAPACITY<\/span><\/div><\/div>\n    <\/article>\n    <article class=\"eer-spaces__panel eer-spaces__panel--addition\">\n      <div class=\"eer-spaces__copy\"><span class=\"eer-spaces__eyebrow\">NEW SPACE \/ NEW DEMAND<\/span><h2>Additions &amp; Reconfigured Spaces<\/h2><p>When rooms are added or layouts change, the electrical system has to change with them.<\/p><p>Additions, workshops, home offices, converted garages, expanded living areas, and other remodel projects may introduce new circuits and new loads that were never part of the original electrical plan.<\/p><div class=\"eer-spaces__uses\"><span>ADDITIONS<\/span><span>WORKSHOPS<\/span><span>HOME OFFICES<\/span><span>GARAGE CONVERSIONS<\/span><span>EXPANDED LIVING AREAS<\/span><\/div><\/div>\n      <div class=\"eer-spaces__graphic eer-spaces__graphic--addition\" aria-hidden=\"true\"><span class=\"eer-spaces__graphic-label\">ORIGINAL \/ EXPANDED PLAN<\/span><div class=\"eer-spaces__old-field\"><span>EXISTING<\/span><\/div><div class=\"eer-spaces__new-field\"><span>NEW SPACE<\/span><\/div><div class=\"eer-spaces__connection\"><i><\/i><b><\/b><i><\/i><\/div><strong>+ LOAD<\/strong><\/div>\n    <\/article>\n  <\/div>\n  <div class=\"eer-spaces__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\">\n      <path class=\"eer-spaces__handoff-field\" d=\"M0 68 L52 51 L71 21 L100 65 L100 100 L0 100 Z\"><\/path>\n      <path class=\"eer-spaces__handoff-blue\" d=\"M100 27 L100 63 L24 50 Z\"><\/path>\n      <path class=\"eer-spaces__handoff-blue-echo\" d=\"M100 18 L100 30 L58 36 Z\"><\/path>\n      <path class=\"eer-spaces__handoff-yellow\" d=\"M100 65 L100 83 L49 64 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.eer-spaces,.eer-spaces *{box-sizing:border-box}.eer-spaces{position:relative;isolation:isolate;overflow:hidden;padding:clamp(90px,9vw,132px) 20px;background:radial-gradient(circle at 80% 10%,rgba(20,148,255,.18),transparent 28rem),linear-gradient(#071426,#020817);color:#fff;font-family:Arial,Helvetica,sans-serif}.eer-spaces__grid{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(20,148,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(20,148,255,.1) 1px,transparent 1px);background-size:72px 72px}.eer-spaces__shell{width:min(1280px,100%);margin:0 auto}.eer-spaces__index{width:120px;display:grid;gap:8px;margin-bottom:42px;padding-top:8px;border-top:3px solid #f9b000}.eer-spaces__index span:first-child{color:#1494ff;font-size:31px;font-weight:900}.eer-spaces__index span:last-child{color:rgba(255,255,255,.46);font-size:8px;font-weight:900;letter-spacing:.14em}.eer-spaces__panel{position:relative;display:grid;gap:clamp(42px,7vw,96px);align-items:center}.eer-spaces__panel--kitchen{grid-template-columns:minmax(420px,1.1fr) minmax(330px,.9fr)}.eer-spaces__panel--addition{grid-template-columns:minmax(330px,.86fr) minmax(420px,1.14fr);margin-top:clamp(92px,11vw,150px)}.eer-spaces__panel--addition::before{content:\"\";position:absolute;left:8%;right:-30%;top:-72px;height:2px;background:linear-gradient(90deg,transparent,#1494ff 20%,#f9b000 73%,transparent);transform:rotate(-3deg)}.eer-spaces__eyebrow{display:block;margin-bottom:14px;color:#f9b000;font-size:9px;font-weight:900;letter-spacing:.15em}.eer-spaces h2{margin:0;color:#fff;font-size:clamp(42px,5.1vw,72px);font-weight:900;line-height:.92;letter-spacing:-.05em;text-transform:uppercase}.eer-spaces__copy>p{max-width:650px;margin:20px 0 0;color:rgba(235,243,255,.7);font-size:clamp(15px,1.15vw,18px);font-weight:550;line-height:1.66}.eer-spaces__rail,.eer-spaces__uses{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.eer-spaces__rail span,.eer-spaces__uses span{padding:9px 12px;background:#020817;color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em;clip-path:polygon(0 0,90% 0,100% 32%,100% 100%,7% 100%,0 72%)}.eer-spaces__rail span:nth-child(2n),.eer-spaces__uses span:nth-child(2n){background:#f9b000;color:#071426}.eer-spaces__graphic{position:relative;min-height:480px;overflow:hidden;background:radial-gradient(circle at 65% 38%,rgba(20,148,255,.18),transparent 18rem),#e8eff5;color:#071426;clip-path:polygon(8% 0,100% 0,100% 86%,90% 100%,0 100%,0 10%);filter:drop-shadow(11px 12px 0 rgba(20,148,255,.58)) drop-shadow(-9px -8px 0 rgba(249,176,0,.4))}.eer-spaces__graphic::before{content:\"\";position:absolute;inset:16px;border:1px solid rgba(7,20,38,.13);clip-path:inherit}.eer-spaces__graphic-label{position:absolute;left:34px;top:28px;color:#0b6fb7;font-size:8px;font-weight:900;letter-spacing:.14em}.eer-spaces__appliance{position:absolute;display:grid;place-items:center;border:1px solid rgba(7,20,38,.18);background:rgba(255,255,255,.5);color:rgba(7,20,38,.5);font-size:8px;font-weight:900;letter-spacing:.1em}.eer-spaces__appliance--one{left:14%;top:22%;width:34%;height:52%}.eer-spaces__appliance--two{right:12%;top:22%;width:31%;height:22%}.eer-spaces__appliance--three{right:12%;bottom:15%;width:31%;height:31%}.eer-spaces__graphic-line{position:absolute;left:42%;top:55%;width:40%;height:2px;background:#1494ff;transform:rotate(-15deg)}.eer-spaces__graphic-node{position:absolute;left:69%;top:44%;width:14px;height:14px;border:3px solid #e8eff5;border-radius:50%;background:#f9b000;box-shadow:0 0 0 6px rgba(249,176,0,.12)}.eer-spaces__graphic--addition{background:radial-gradient(circle at 20% 76%,rgba(249,176,0,.11),transparent 20rem),#e8eff5}.eer-spaces__old-field,.eer-spaces__new-field{position:absolute;display:grid;place-items:center;color:rgba(7,20,38,.46);font-size:9px;font-weight:900;letter-spacing:.12em}.eer-spaces__old-field{left:10%;top:22%;width:45%;height:55%;border:1px solid rgba(7,20,38,.18)}.eer-spaces__new-field{right:8%;top:33%;width:34%;height:44%;border:2px solid #1494ff;background:rgba(20,148,255,.07);clip-path:polygon(0 0,88% 0,100% 18%,100% 100%,0 100%)}.eer-spaces__connection{position:absolute;z-index:4;left:48%;top:53%;display:flex;align-items:center}.eer-spaces__connection i{width:48px;height:2px;background:#1494ff}.eer-spaces__connection b{width:13px;height:13px;border-radius:50%;background:#f9b000}.eer-spaces__graphic--addition>strong{position:absolute;right:28px;top:28px;color:#1494ff;font-size:34px;font-weight:900}@media(max-width:900px){.eer-spaces{padding:72px 16px}.eer-spaces__panel--kitchen,.eer-spaces__panel--addition{grid-template-columns:1fr}.eer-spaces__panel--addition .eer-spaces__copy{order:2}.eer-spaces__panel--addition .eer-spaces__graphic{order:1}}@media(max-width:560px){.eer-spaces{padding:60px 13px}.eer-spaces h2{font-size:clamp(37px,11vw,50px)}.eer-spaces__graphic{min-height:360px}.eer-spaces__panel--addition{margin-top:100px}}\n\n\/* Remodel divider 03 \u2014 rough-in offset *\/\n.eer-spaces {\n  position: relative;\n  overflow: hidden;\n  padding-bottom: clamp(205px, 17vw, 250px);\n}\n.eer-spaces__handoff {\n  position: absolute;\n  z-index: 9;\n  left: -3%;\n  right: -3%;\n  bottom: -1px;\n  height: clamp(155px, 13vw, 205px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.eer-spaces__handoff svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.eer-spaces__handoff-field { fill: #020817; }\n.eer-spaces__handoff-blue { fill: #1494ff; }\n.eer-spaces__handoff-blue-echo { fill: #67c3ff; opacity: .38; }\n.eer-spaces__handoff-yellow { fill: #f9b000; opacity: .96; }\n@media (max-width: 560px) {\n  .eer-spaces { padding-bottom: 142px; }\n  .eer-spaces__handoff { height: 96px; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(()=>{const panels=document.querySelectorAll('.eer-spaces__panel');if(!panels.length||!('IntersectionObserver'in window))return;const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(!entry.isIntersecting)return;entry.target.animate([{opacity:0,transform:'translateY(28px)'},{opacity:1,transform:'translateY(0)'}],{duration:700,easing:'cubic-bezier(.2,.75,.25,1)',fill:'both'});observer.unobserve(entry.target)})},{threshold:.14});panels.forEach(panel=>observer.observe(panel))})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"3\" data-consonant-block=\"post-134-core-html-3\" data-consonant-page=\"134\" data-consonant-source=\"post-content\" class=\"eer-coordination\" aria-labelledby=\"eer-coordination-title\">\n  <div class=\"eer-coordination__shell\">\n    <header class=\"eer-coordination__head\">\n      <div class=\"eer-coordination__index\">\n        <span>04<\/span>\n        <span>PROJECT COORDINATION<\/span>\n      <\/div>\n\n      <div>\n        <span class=\"eer-coordination__eyebrow\">\n          HOMEOWNERS \u2022 CONTRACTORS \u2022 BUILDERS \u2022 REMODELERS\n        <\/span>\n\n        <h2 id=\"eer-coordination-title\">\n          Contractor &amp;\n          <span>Builder Coordination.<\/span>\n        <\/h2>\n      <\/div>\n    <\/header>\n\n    <div class=\"eer-coordination__stage\">\n      <div class=\"eer-coordination__copy\">\n        <span class=\"eer-coordination__label\">WORK AROUND THE FINISHED DESIGN<\/span>\n\n        <p>\n          Electrical Expert LLC works with professional partners who need an\n          electrical contractor that can understand the project, coordinate\n          around the finished design, and communicate clearly about scope.\n        <\/p>\n\n        <p class=\"eer-coordination__emphasis\">\n          The goal is not to create surprises at the end of the job.\n        <\/p>\n\n        <p>\n          It is to identify the electrical requirements while there is still\n          time to plan around them.\n        <\/p>\n      <\/div>\n\n      <div class=\"eer-coordination__sequence\" aria-label=\"Remodel coordination sequence\">\n        <article>\n          <b>01<\/b>\n          <span>PLAN<\/span>\n          <strong>Understand the Project<\/strong>\n          <p>\n            Start with the completed space and what the electrical system will\n            need to support.\n          <\/p>\n        <\/article>\n\n        <div class=\"eer-coordination__connector\" aria-hidden=\"true\">\n          <span><\/span>\n          <i><\/i>\n        <\/div>\n\n        <article>\n          <b>02<\/b>\n          <span>COORDINATE<\/span>\n          <strong>Work Around the Design<\/strong>\n          <p>\n            Bring electrical decisions into the project while there is still\n            room to plan around them.\n          <\/p>\n        <\/article>\n\n        <div class=\"eer-coordination__connector\" aria-hidden=\"true\">\n          <span><\/span>\n          <i><\/i>\n        <\/div>\n\n        <article>\n          <b>03<\/b>\n          <span>COMMUNICATE<\/span>\n          <strong>Keep Scope Clear<\/strong>\n          <p>\n            Keep project requirements understandable instead of discovering\n            them at the end.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"eer-coordination__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\">\n      <path class=\"eer-coordination__handoff-field\" d=\"M0 75 L60 52 L75 17 L100 33 L100 100 L0 100 Z\"><\/path>\n      <path class=\"eer-coordination__handoff-cyan\" d=\"M100 15 L100 29 L54 41 Z\"><\/path>\n      <path class=\"eer-coordination__handoff-blue\" d=\"M0 39 L0 73 L74 48 Z\"><\/path>\n      <path class=\"eer-coordination__handoff-yellow\" d=\"M100 46 L100 66 L63 54 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.eer-coordination,\n.eer-coordination * {\n  box-sizing: border-box;\n}\n\n.eer-coordination {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(86px, 9vw, 130px) 20px clamp(125px, 13vw, 190px);\n  background:\n    radial-gradient(circle at 15% 72%, rgba(20,148,255,.15), transparent 28rem),\n    #020817;\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.eer-coordination__shell {\n  width: min(1280px, 100%);\n  margin: 0 auto;\n}\n\n.eer-coordination__head {\n  display: grid;\n  grid-template-columns: 120px 1fr;\n  gap: clamp(28px, 5vw, 64px);\n  margin-bottom: clamp(54px, 7vw, 90px);\n}\n\n.eer-coordination__index {\n  align-self: start;\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid #1494ff;\n}\n\n.eer-coordination__index span:first-child {\n  color: #f9b000;\n  font-size: 31px;\n  font-weight: 900;\n}\n\n.eer-coordination__index span:last-child {\n  color: rgba(255,255,255,.44);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.eer-coordination__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: #f9b000;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.eer-coordination h2 {\n  max-width: 900px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(47px, 6vw, 86px);\n  font-weight: 900;\n  line-height: .9;\n  letter-spacing: -.055em;\n  text-transform: uppercase;\n}\n\n.eer-coordination h2 span {\n  display: block;\n  color: #1494ff;\n}\n\n.eer-coordination__stage {\n  display: grid;\n  grid-template-columns: minmax(310px, .58fr) minmax(0, 1.42fr);\n  gap: clamp(42px, 7vw, 90px);\n  align-items: stretch;\n}\n\n.eer-coordination__copy {\n  position: relative;\n  padding: 35px 34px;\n  background: linear-gradient(145deg, #071426, #0b3152);\n  clip-path: polygon(\n    0 0,\n    91% 0,\n    100% 18%,\n    100% 100%,\n    9% 100%,\n    0 82%\n  );\n  filter:\n    drop-shadow(-10px 11px 0 rgba(20,148,255,.52))\n    drop-shadow(9px -8px 0 rgba(249,176,0,.32));\n}\n\n.eer-coordination__label {\n  display: block;\n  margin-bottom: 18px;\n  color: #f9b000;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.eer-coordination__copy p {\n  margin: 0;\n  color: rgba(255,255,255,.7);\n  font-size: 15px;\n  font-weight: 550;\n  line-height: 1.68;\n}\n\n.eer-coordination__copy p + p {\n  margin-top: 18px;\n}\n\n.eer-coordination__copy .eer-coordination__emphasis {\n  padding: 16px 0 16px 17px;\n  border-left: 3px solid #1494ff;\n  color: #fff;\n  font-size: clamp(19px, 1.7vw, 25px);\n  font-weight: 900;\n  line-height: 1.3;\n}\n\n.eer-coordination__sequence {\n  display: grid;\n  grid-template-columns: 1fr 80px 1fr 80px 1fr;\n  align-items: center;\n}\n\n.eer-coordination__sequence article {\n  position: relative;\n  min-height: 350px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 28px 25px;\n  background: #e8eff5;\n  color: #071426;\n  clip-path: polygon(\n    0 8%,\n    9% 0,\n    100% 0,\n    100% 87%,\n    90% 100%,\n    0 100%\n  );\n}\n\n.eer-coordination__sequence article:nth-of-type(2) {\n  transform: translateY(26px);\n  background: #1494ff;\n  color: #fff;\n}\n\n.eer-coordination__sequence article:nth-of-type(3) {\n  transform: translateY(-14px);\n}\n\n.eer-coordination__sequence article b {\n  position: absolute;\n  right: 18px;\n  top: 18px;\n  color: rgba(7,20,38,.08);\n  font-size: 78px;\n  font-weight: 900;\n  line-height: .8;\n}\n\n.eer-coordination__sequence article:nth-of-type(2) b {\n  color: rgba(255,255,255,.1);\n}\n\n.eer-coordination__sequence article > span {\n  margin-bottom: 8px;\n  color: #0b6fb7;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.eer-coordination__sequence article:nth-of-type(2) > span {\n  color: #f9b000;\n}\n\n.eer-coordination__sequence strong {\n  font-size: clamp(22px, 2vw, 29px);\n  font-weight: 900;\n  line-height: 1.05;\n}\n\n.eer-coordination__sequence p {\n  margin: 13px 0 0;\n  color: #4d6479;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1.55;\n}\n\n.eer-coordination__sequence article:nth-of-type(2) p {\n  color: rgba(255,255,255,.75);\n}\n\n.eer-coordination__connector {\n  position: relative;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  margin: 0 -9px;\n}\n\n.eer-coordination__connector span {\n  width: 100%;\n  height: 2px;\n  background: linear-gradient(90deg, #1494ff, #f9b000);\n}\n\n.eer-coordination__connector i {\n  position: absolute;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #f9b000;\n}\n\n.eer-coordination__blade {\n  position: absolute;\n  left: -7%;\n  bottom: 17px;\n  width: 62%;\n  height: 10px;\n  background: #1494ff;\n  transform: rotate(-4deg);\n  transform-origin: left;\n  box-shadow: 310px 20px 0 #f9b000;\n}\n\n@media (max-width: 1050px) {\n  .eer-coordination__stage {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 800px) {\n  .eer-coordination__sequence {\n    grid-template-columns: 1fr;\n    gap: 17px;\n  }\n\n  .eer-coordination__sequence article:nth-of-type(n) {\n    transform: none;\n    min-height: 250px;\n  }\n\n  .eer-coordination__connector {\n    width: 2px;\n    height: 35px;\n    margin: -4px 0 -4px 26px;\n    background: linear-gradient(#1494ff, #f9b000);\n  }\n\n  .eer-coordination__connector span,\n  .eer-coordination__connector i {\n    display: none;\n  }\n}\n\n@media (max-width: 560px) {\n  .eer-coordination {\n    padding: 60px 13px 100px;\n  }\n\n  .eer-coordination__head {\n    grid-template-columns: 1fr;\n  }\n\n  .eer-coordination__index {\n    width: 120px;\n  }\n\n  .eer-coordination h2 {\n    font-size: clamp(39px, 12vw, 55px);\n  }\n\n  .eer-coordination__copy {\n    padding: 27px 22px;\n  }\n}\n\n\/* Remodel divider 04 \u2014 finish-plane alignment *\/\n.eer-coordination {\n  padding-bottom: clamp(190px, 16vw, 235px);\n}\n.eer-coordination__handoff {\n  position: absolute;\n  z-index: 9;\n  left: -3%;\n  right: -3%;\n  bottom: -1px;\n  height: clamp(145px, 12vw, 188px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.eer-coordination__handoff svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.eer-coordination__handoff-field { fill: #071426; }\n.eer-coordination__handoff-cyan { fill: #67c3ff; opacity: .46; }\n.eer-coordination__handoff-blue { fill: #1494ff; }\n.eer-coordination__handoff-yellow { fill: #f9b000; }\n@media (max-width: 560px) {\n  .eer-coordination { padding-bottom: 132px; }\n  .eer-coordination__handoff { height: 88px; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const items = document.querySelectorAll(\".eer-coordination__sequence article\");\n  if (!items.length || !(\"IntersectionObserver\" in window)) return;\n\n  const reduceMotion = matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n  if (reduceMotion.matches) return;\n\n  const observer = new IntersectionObserver(\n    entries => {\n      entries.forEach(entry => {\n        if (!entry.isIntersecting) return;\n\n        const index = [...items].indexOf(entry.target);\n\n        entry.target.animate(\n          [\n            {\n              opacity: 0,\n              transform: `translateY(${index % 2 ? 30 : -20}px)`\n            },\n            {\n              opacity: 1,\n              transform: getComputedStyle(entry.target).transform === \"none\"\n                ? \"translateY(0)\"\n                : getComputedStyle(entry.target).transform\n            }\n          ],\n          {\n            duration: 650,\n            delay: index * 90,\n            easing: \"cubic-bezier(.2,.75,.25,1)\",\n            fill: \"both\"\n          }\n        );\n\n        observer.unobserve(entry.target);\n      });\n    },\n    { threshold: 0.2 }\n  );\n\n  items.forEach(item => observer.observe(item));\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"4\" data-consonant-block=\"post-134-core-html-4\" data-consonant-page=\"134\" data-consonant-source=\"post-content\" class=\"eer-existing\" aria-labelledby=\"eer-existing-title\">\n  <div class=\"eer-existing__grid\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"eer-existing__shell\">\n    <header class=\"eer-existing__head\">\n      <div class=\"eer-existing__index\">\n        <span>05<\/span>\n        <span>EXISTING CONDITIONS<\/span>\n      <\/div>\n\n      <div>\n        <span class=\"eer-existing__eyebrow\">WHAT THE WALLS MAY REVEAL<\/span>\n\n        <h2 id=\"eer-existing-title\">\n          Remodels &amp;\n          <span>Existing Electrical Conditions.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        Opening walls and changing spaces can reveal electrical conditions that\n        were not obvious before the project began.\n      <\/p>\n    <\/header>\n\n    <div class=\"eer-existing__layout\">\n      <div class=\"eer-existing__tabs\" role=\"tablist\" aria-label=\"Existing condition process\">\n        <button\n          class=\"eer-existing__tab is-active\"\n          type=\"button\"\n          role=\"tab\"\n          aria-selected=\"true\"\n          aria-controls=\"eer-existing-panel-1\"\n          id=\"eer-existing-tab-1\"\n          data-index=\"0\"\n        >\n          <b>01<\/b>\n          <span>OPEN<\/span>\n          <strong>See What Is Actually There<\/strong>\n        <\/button>\n\n        <button\n          class=\"eer-existing__tab\"\n          type=\"button\"\n          role=\"tab\"\n          aria-selected=\"false\"\n          aria-controls=\"eer-existing-panel-2\"\n          id=\"eer-existing-tab-2\"\n          data-index=\"1\"\n          tabindex=\"-1\"\n        >\n          <b>02<\/b>\n          <span>EVALUATE<\/span>\n          <strong>Understand the Existing System<\/strong>\n        <\/button>\n\n        <button\n          class=\"eer-existing__tab\"\n          type=\"button\"\n          role=\"tab\"\n          aria-selected=\"false\"\n          aria-controls=\"eer-existing-panel-3\"\n          id=\"eer-existing-tab-3\"\n          data-index=\"2\"\n          tabindex=\"-1\"\n        >\n          <b>03<\/b>\n          <span>ADJUST<\/span>\n          <strong>Update the Electrical Scope<\/strong>\n        <\/button>\n      <\/div>\n\n      <div class=\"eer-existing__stage\">\n        <div class=\"eer-existing__stage-grid\" aria-hidden=\"true\"><\/div>\n\n        <article\n          class=\"eer-existing__panel is-active\"\n          role=\"tabpanel\"\n          id=\"eer-existing-panel-1\"\n          aria-labelledby=\"eer-existing-tab-1\"\n        >\n          <div class=\"eer-existing__visual\" aria-hidden=\"true\">\n            <span class=\"eer-existing__ghost\">01<\/span>\n            <div class=\"eer-existing__wall eer-existing__wall--one\"><\/div>\n            <div class=\"eer-existing__wall eer-existing__wall--two\"><\/div>\n            <i class=\"eer-existing__trace\"><\/i>\n          <\/div>\n\n          <div class=\"eer-existing__answer\">\n            <span>OPENING THE SPACE<\/span>\n            <h3>Conditions become visible.<\/h3>\n            <p>\n              Opening walls and changing spaces can reveal electrical\n              conditions that were not obvious before the project began.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article\n          class=\"eer-existing__panel\"\n          role=\"tabpanel\"\n          id=\"eer-existing-panel-2\"\n          aria-labelledby=\"eer-existing-tab-2\"\n          hidden\n        >\n          <div class=\"eer-existing__visual\" aria-hidden=\"true\">\n            <span class=\"eer-existing__ghost\">02<\/span>\n            <div class=\"eer-existing__scope-line\"><\/div>\n            <span class=\"eer-existing__scope-node eer-existing__scope-node--a\"><\/span>\n            <span class=\"eer-existing__scope-node eer-existing__scope-node--b\"><\/span>\n            <span class=\"eer-existing__scope-node eer-existing__scope-node--c\"><\/span>\n          <\/div>\n\n          <div class=\"eer-existing__answer\">\n            <span>EVALUATE WHAT IS THERE<\/span>\n            <h3>The existing system becomes part of the plan.<\/h3>\n            <p>\n              We evaluate what is actually there before deciding what the\n              finished project requires.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article\n          class=\"eer-existing__panel\"\n          role=\"tabpanel\"\n          id=\"eer-existing-panel-3\"\n          aria-labelledby=\"eer-existing-tab-3\"\n          hidden\n        >\n          <div class=\"eer-existing__visual\" aria-hidden=\"true\">\n            <span class=\"eer-existing__ghost\">03<\/span>\n\n            <div class=\"eer-existing__scope-before\">\n              ORIGINAL SCOPE\n            <\/div>\n\n            <span class=\"eer-existing__arrow\">\u2192<\/span>\n\n            <div class=\"eer-existing__scope-after\">\n              FINISHED REQUIREMENT\n            <\/div>\n          <\/div>\n\n          <div class=\"eer-existing__answer\">\n            <span>ADJUST THE SCOPE<\/span>\n            <h3>Build around what the project actually requires.<\/h3>\n            <p>\n              We adjust the electrical scope when the existing system changes\n              what the finished project requires.\n            <\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"eer-existing__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\">\n      <path class=\"eer-existing__handoff-field\" d=\"M0 63 L39 63 L54 22 L100 63 L100 100 L0 100 Z\"><\/path>\n      <path class=\"eer-existing__handoff-blue\" d=\"M0 42 L0 70 L55 44 Z\"><\/path>\n      <path class=\"eer-existing__handoff-blue-echo\" d=\"M0 31 L0 43 L36 47 Z\"><\/path>\n      <path class=\"eer-existing__handoff-yellow\" d=\"M100 43 L100 64 L58 49 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.eer-existing,\n.eer-existing * {\n  box-sizing: border-box;\n}\n\n.eer-existing {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(84px, 9vw, 126px) 20px;\n  background:\n    radial-gradient(circle at 82% 15%, rgba(20,148,255,.12), transparent 28rem),\n    #071426;\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.eer-existing__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  opacity: .13;\n  background-image:\n    linear-gradient(rgba(20,148,255,.16) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20,148,255,.11) 1px, transparent 1px);\n  background-size: 62px 62px;\n}\n\n.eer-existing__shell {\n  width: min(1240px, 100%);\n  margin: 0 auto;\n}\n\n.eer-existing__head {\n  display: grid;\n  grid-template-columns: 120px minmax(0, 1fr) minmax(280px, .5fr);\n  gap: clamp(25px, 4vw, 55px);\n  align-items: end;\n  margin-bottom: clamp(50px, 7vw, 82px);\n}\n\n.eer-existing__index {\n  align-self: start;\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid #f9b000;\n}\n\n.eer-existing__index span:first-child {\n  color: #1494ff;\n  font-size: 30px;\n  font-weight: 900;\n}\n\n.eer-existing__index span:last-child {\n  color: rgba(255,255,255,.45);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.eer-existing__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: #f9b000;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.eer-existing h2 {\n  max-width: 800px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(43px, 5.3vw, 74px);\n  font-weight: 900;\n  line-height: .92;\n  letter-spacing: -.05em;\n  text-transform: uppercase;\n}\n\n.eer-existing h2 span {\n  display: block;\n  color: #1494ff;\n}\n\n.eer-existing__head > p {\n  margin: 0;\n  padding: 18px 0 0 18px;\n  border-left: 3px solid #1494ff;\n  color: rgba(255,255,255,.68);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.65;\n}\n\n.eer-existing__layout {\n  display: grid;\n  grid-template-columns: minmax(300px, .64fr) minmax(0, 1.36fr);\n  gap: 22px;\n  min-height: 590px;\n}\n\n.eer-existing__tabs {\n  border-top: 1px solid rgba(255,255,255,.13);\n}\n\n.eer-existing__tab {\n  position: relative;\n  width: 100%;\n  min-height: 145px;\n  display: grid;\n  grid-template-columns: 42px 1fr;\n  gap: 8px 15px;\n  align-content: center;\n  padding: 21px 18px;\n  border: 0;\n  border-bottom: 1px solid rgba(255,255,255,.13);\n  background: transparent;\n  color: #fff;\n  text-align: left;\n  cursor: pointer;\n  transition: background .24s ease, padding-left .24s ease;\n}\n\n.eer-existing__tab::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 18%;\n  bottom: 18%;\n  width: 3px;\n  background: #1494ff;\n  transform: scaleY(0);\n  transition: transform .25s ease;\n}\n\n.eer-existing__tab b {\n  grid-row: 1 \/ 3;\n  color: rgba(255,255,255,.28);\n  font-size: 10px;\n  font-weight: 900;\n}\n\n.eer-existing__tab span {\n  color: #f9b000;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.eer-existing__tab strong {\n  font-size: 16px;\n  font-weight: 850;\n  line-height: 1.3;\n}\n\n.eer-existing__tab:hover,\n.eer-existing__tab.is-active {\n  padding-left: 25px;\n  background: linear-gradient(\n    90deg,\n    rgba(20,148,255,.12),\n    transparent 86%\n  );\n}\n\n.eer-existing__tab.is-active::before {\n  transform: scaleY(1);\n}\n\n.eer-existing__tab.is-active b {\n  color: #1494ff;\n}\n\n.eer-existing__stage {\n  position: relative;\n  min-height: 590px;\n  overflow: hidden;\n  background: #020817;\n  border: 1px solid rgba(255,255,255,.1);\n  clip-path: polygon(\n    4% 0,\n    100% 0,\n    100% 92%,\n    94% 100%,\n    0 100%,\n    0 7%\n  );\n}\n\n.eer-existing__stage-grid {\n  position: absolute;\n  inset: 0;\n  opacity: .18;\n  background-image:\n    linear-gradient(rgba(20,148,255,.15) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20,148,255,.11) 1px, transparent 1px);\n  background-size: 52px 52px;\n}\n\n.eer-existing__panel {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  grid-template-rows: 1fr auto;\n}\n\n.eer-existing__panel[hidden] {\n  display: none;\n}\n\n.eer-existing__visual {\n  position: relative;\n  min-height: 370px;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 68% 35%, rgba(20,148,255,.18), transparent 20rem),\n    linear-gradient(135deg, #0a2a49, #020817);\n}\n\n.eer-existing__ghost {\n  position: absolute;\n  right: 24px;\n  top: 19px;\n  color: rgba(255,255,255,.055);\n  font-size: clamp(130px, 17vw, 230px);\n  font-weight: 900;\n  line-height: .8;\n}\n\n.eer-existing__wall {\n  position: absolute;\n  bottom: 17%;\n  height: 55%;\n  border: 1px solid rgba(255,255,255,.16);\n  background: rgba(255,255,255,.025);\n}\n\n.eer-existing__wall--one {\n  left: 12%;\n  width: 34%;\n}\n\n.eer-existing__wall--two {\n  left: 46%;\n  width: 38%;\n  border-left-color: #f9b000;\n}\n\n.eer-existing__trace {\n  position: absolute;\n  left: 17%;\n  top: 59%;\n  width: 62%;\n  height: 2px;\n  background: #1494ff;\n  transform: rotate(-7deg);\n  box-shadow: 0 22px 0 rgba(249,176,0,.75);\n}\n\n.eer-existing__scope-line {\n  position: absolute;\n  left: 17%;\n  right: 17%;\n  top: 52%;\n  height: 2px;\n  background: linear-gradient(90deg, #1494ff, #f9b000);\n}\n\n.eer-existing__scope-node {\n  position: absolute;\n  top: calc(52% - 6px);\n  width: 13px;\n  height: 13px;\n  border: 3px solid #020817;\n  border-radius: 50%;\n  background: #1494ff;\n}\n\n.eer-existing__scope-node--a { left: 17%; }\n.eer-existing__scope-node--b {\n  left: 50%;\n  background: #f9b000;\n}\n.eer-existing__scope-node--c { right: 17%; }\n\n.eer-existing__scope-before,\n.eer-existing__scope-after {\n  position: absolute;\n  top: 42%;\n  display: grid;\n  place-items: center;\n  width: 31%;\n  min-height: 92px;\n  padding: 15px;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .1em;\n}\n\n.eer-existing__scope-before {\n  left: 11%;\n  border: 1px solid rgba(255,255,255,.18);\n  color: rgba(255,255,255,.55);\n}\n\n.eer-existing__scope-after {\n  right: 11%;\n  background: #1494ff;\n  color: #fff;\n  clip-path: polygon(0 0, 89% 0, 100% 25%, 100% 100%, 0 100%);\n  filter: drop-shadow(7px 7px 0 rgba(249,176,0,.55));\n}\n\n.eer-existing__arrow {\n  position: absolute;\n  left: 48%;\n  top: 46%;\n  color: #f9b000;\n  font-size: 34px;\n  font-weight: 900;\n}\n\n.eer-existing__answer {\n  min-height: 205px;\n  padding: 26px 30px 30px;\n  border-top: 3px solid #f9b000;\n  background: linear-gradient(105deg, #020817, #092742);\n}\n\n.eer-existing__answer > span {\n  display: block;\n  margin-bottom: 8px;\n  color: #1494ff;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.eer-existing__answer h3 {\n  margin: 0 0 10px;\n  color: #fff;\n  font-size: clamp(25px, 2.5vw, 36px);\n  font-weight: 900;\n  line-height: 1.06;\n}\n\n.eer-existing__answer p {\n  max-width: 720px;\n  margin: 0;\n  color: rgba(255,255,255,.7);\n  font-size: 15px;\n  line-height: 1.64;\n}\n\n@media (max-width: 900px) {\n  .eer-existing__head,\n  .eer-existing__layout {\n    grid-template-columns: 1fr;\n  }\n\n  .eer-existing__index {\n    width: 120px;\n  }\n\n  .eer-existing__tabs {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .eer-existing__tab {\n    min-height: 130px;\n    border-right: 1px solid rgba(255,255,255,.12);\n  }\n}\n\n@media (max-width: 620px) {\n  .eer-existing {\n    padding: 60px 13px;\n  }\n\n  .eer-existing h2 {\n    font-size: clamp(38px, 11.5vw, 52px);\n  }\n\n  .eer-existing__tabs {\n    grid-template-columns: 1fr;\n  }\n\n  .eer-existing__tab {\n    min-height: 90px;\n  }\n\n  .eer-existing__stage {\n    min-height: 500px;\n    clip-path: none;\n  }\n\n  .eer-existing__visual {\n    min-height: 300px;\n  }\n\n  .eer-existing__answer {\n    min-height: 200px;\n    padding: 22px 20px 25px;\n  }\n}\n\n\/* Remodel divider 05 \u2014 project lock *\/\n.eer-existing {\n  position: relative;\n  overflow: hidden;\n  padding-bottom: clamp(175px, 15vw, 220px);\n}\n.eer-existing__handoff {\n  position: absolute;\n  z-index: 9;\n  left: -3%;\n  right: -3%;\n  bottom: -1px;\n  height: clamp(120px, 10vw, 158px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.eer-existing__handoff svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.eer-existing__handoff-field { fill: #020817; }\n.eer-existing__handoff-blue { fill: #1494ff; }\n.eer-existing__handoff-blue-echo { fill: #67c3ff; opacity: .4; }\n.eer-existing__handoff-yellow { fill: #f9b000; }\n@media (max-width: 560px) {\n  .eer-existing { padding-bottom: 118px; }\n  .eer-existing__handoff { height: 74px; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const root = document.querySelector(\".eer-existing\");\n  if (!root) return;\n\n  const tabs = [...root.querySelectorAll(\".eer-existing__tab\")];\n  const panels = [...root.querySelectorAll(\".eer-existing__panel\")];\n\n  if (!tabs.length || tabs.length !== panels.length) return;\n\n  const activate = index => {\n    tabs.forEach((tab, i) => {\n      const active = i === index;\n\n      tab.classList.toggle(\"is-active\", active);\n      tab.setAttribute(\"aria-selected\", String(active));\n      tab.tabIndex = active ? 0 : -1;\n    });\n\n    panels.forEach((panel, i) => {\n      const active = i === index;\n\n      panel.hidden = !active;\n      panel.classList.toggle(\"is-active\", active);\n\n      if (active && !matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n        panel.animate(\n          [\n            { opacity: 0, transform: \"translateX(18px)\" },\n            { opacity: 1, transform: \"translateX(0)\" }\n          ],\n          {\n            duration: 380,\n            easing: \"cubic-bezier(.2,.75,.25,1)\"\n          }\n        );\n      }\n    });\n  };\n\n  tabs.forEach((tab, index) => {\n    tab.addEventListener(\"click\", () => activate(index));\n\n    tab.addEventListener(\"keydown\", event => {\n      if (![\"ArrowDown\", \"ArrowUp\", \"ArrowRight\", \"ArrowLeft\", \"Home\", \"End\"].includes(event.key)) {\n        return;\n      }\n\n      event.preventDefault();\n\n      let next = index;\n\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n        next = (index + 1) % tabs.length;\n      }\n\n      if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n        next = (index - 1 + tabs.length) % tabs.length;\n      }\n\n      if (event.key === \"Home\") next = 0;\n      if (event.key === \"End\") next = tabs.length - 1;\n\n      activate(next);\n      tabs[next].focus();\n    });\n  });\n\n  activate(0);\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"5\" data-consonant-block=\"post-134-core-html-5\" data-consonant-page=\"134\" data-consonant-source=\"post-content\" class=\"eer-final\" aria-labelledby=\"eer-final-title\">\n  <div class=\"eer-final__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"eer-final__ghost\" aria-hidden=\"true\">REMODEL<\/div>\n\n  <div class=\"eer-final__shell\">\n    <div class=\"eer-final__index\">\n      <span>06<\/span>\n      <span>FINISHED SPACE<\/span>\n    <\/div>\n\n    <div class=\"eer-final__content\">\n      <span class=\"eer-final__eyebrow\">\n        SOUTHERN ARIZONA \u2022 FAMILY-OWNED SINCE 2004\n      <\/span>\n\n      <h2 id=\"eer-final-title\">\n        Built for the Finished Space,\n        <span>Not the Demolition Plan.<\/span>\n      <\/h2>\n\n      <p>\n        The electrical work should make sense when the remodel is complete and\n        the property is being used normally again.\n      <\/p>\n\n      <p>\n        Electrical Expert LLC has served Southern Arizona since 2004 and works\n        across Tucson, Marana, Oro Valley, and SaddleBrooke.\n      <\/p>\n\n      <div class=\"eer-final__actions\">\n        <a class=\"eer-final__primary\" href=\"\/contact\/\">\n          Talk About Your Remodel\n          <span aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n\n        <a class=\"eer-final__phone\" href=\"tel:+15204058755\">\n          Call (520) 405-8755\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <aside class=\"eer-final__aside\">\n      <span class=\"eer-final__aside-label\">SERVING<\/span>\n\n      <ul>\n        <li>\n          <b>01<\/b>\n          <span>Tucson<\/span>\n        <\/li>\n        <li>\n          <b>02<\/b>\n          <span>Marana<\/span>\n        <\/li>\n        <li>\n          <b>03<\/b>\n          <span>Oro Valley<\/span>\n        <\/li>\n        <li>\n          <b>04<\/b>\n          <span>SaddleBrooke<\/span>\n        <\/li>\n      <\/ul>\n\n      <p>\n        Remodel electrical for homeowners, contractors, builders, and\n        remodelers.\n      <\/p>\n    <\/aside>\n  <\/div>\n\n  <div class=\"eer-final__rule\" aria-hidden=\"true\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.eer-final,\n.eer-final * {\n  box-sizing: border-box;\n}\n\n.eer-final {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(92px, 10vw, 148px) 20px clamp(105px, 11vw, 155px);\n  background:\n    radial-gradient(circle at 78% 12%, rgba(20,148,255,.2), transparent 30rem),\n    radial-gradient(circle at 17% 88%, rgba(249,176,0,.09), transparent 24rem),\n    #020817;\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.eer-final__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  opacity: .17;\n  background-image:\n    linear-gradient(rgba(20,148,255,.14) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20,148,255,.1) 1px, transparent 1px);\n  background-size: 68px 68px;\n  -webkit-mask-image: linear-gradient(\n    90deg,\n    transparent,\n    #000 18%,\n    #000 82%,\n    transparent\n  );\n  mask-image: linear-gradient(\n    90deg,\n    transparent,\n    #000 18%,\n    #000 82%,\n    transparent\n  );\n}\n\n.eer-final__ghost {\n  position: absolute;\n  z-index: -1;\n  left: 50%;\n  bottom: -.14em;\n  transform: translateX(-50%);\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(255,255,255,.05);\n  font-size: clamp(110px, 22vw, 380px);\n  font-weight: 900;\n  line-height: .72;\n  letter-spacing: -.09em;\n  white-space: nowrap;\n}\n\n.eer-final__shell {\n  display: grid;\n  grid-template-columns: 110px minmax(0, 1fr) minmax(220px, .36fr);\n  gap: clamp(24px, 4vw, 58px);\n  width: min(1180px, 100%);\n  margin: 0 auto;\n  align-items: start;\n}\n\n.eer-final__index {\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid #1494ff;\n}\n\n.eer-final__index span:first-child {\n  color: #f9b000;\n  font-size: 30px;\n  font-weight: 900;\n}\n\n.eer-final__index span:last-child {\n  color: rgba(255,255,255,.45);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.eer-final__eyebrow {\n  display: block;\n  margin-bottom: 15px;\n  color: #f9b000;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.eer-final h2 {\n  max-width: 850px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(48px, 6.25vw, 88px);\n  font-weight: 900;\n  line-height: .89;\n  letter-spacing: -.055em;\n  text-transform: uppercase;\n}\n\n.eer-final h2 span {\n  display: block;\n  color: #1494ff;\n}\n\n.eer-final__content > p {\n  max-width: 700px;\n  margin: 24px 0 0;\n  color: rgba(235,243,255,.7);\n  font-size: clamp(15px, 1.28vw, 19px);\n  font-weight: 550;\n  line-height: 1.66;\n}\n\n.eer-final__content > p + p {\n  margin-top: 13px;\n}\n\n.eer-final__actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 16px 26px;\n  margin-top: 31px;\n}\n\n.eer-final__primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  min-height: 50px;\n  padding: 0 20px;\n  background: #f9b000;\n  color: #071426 !important;\n  font-size: 12px;\n  font-weight: 900;\n  text-decoration: none !important;\n  clip-path: polygon(\n    0 0,\n    89% 0,\n    100% 31%,\n    100% 100%,\n    7% 100%,\n    0 72%\n  );\n  filter: drop-shadow(8px 8px 0 rgba(20,148,255,.46));\n  transition: transform .2s ease, filter .2s ease;\n}\n\n.eer-final__primary:hover {\n  transform: translateY(-2px);\n  filter: drop-shadow(11px 10px 0 rgba(20,148,255,.6));\n}\n\n.eer-final__phone {\n  position: relative;\n  color: #fff !important;\n  font-size: 16px;\n  font-weight: 900;\n  text-decoration: none !important;\n}\n\n.eer-final__phone::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -7px;\n  height: 2px;\n  background: #1494ff;\n}\n\n.eer-final__aside {\n  margin-top: clamp(42px, 7vw, 94px);\n  padding: 17px 0 0 18px;\n  border-top: 1px solid rgba(255,255,255,.14);\n  border-left: 3px solid #f9b000;\n}\n\n.eer-final__aside-label {\n  display: block;\n  margin-bottom: 13px;\n  color: #1494ff;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.eer-final__aside ul {\n  display: grid;\n  gap: 7px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.eer-final__aside li {\n  display: grid;\n  grid-template-columns: 28px 1fr;\n  gap: 8px;\n  align-items: center;\n}\n\n.eer-final__aside li b {\n  color: #f9b000;\n  font-size: 8px;\n  font-weight: 900;\n}\n\n.eer-final__aside li span {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 850;\n}\n\n.eer-final__aside p {\n  margin: 21px 0 0;\n  color: rgba(255,255,255,.53);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.65;\n}\n\n.eer-final__rule {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 24px;\n  display: grid;\n  grid-template-columns: 32% 29% 39%;\n  height: 3px;\n}\n\n.eer-final__rule span:nth-child(1) {\n  background: #f9b000;\n}\n\n.eer-final__rule span:nth-child(2) {\n  background: #1494ff;\n}\n\n.eer-final__rule span:nth-child(3) {\n  background: rgba(255,255,255,.12);\n}\n\n@media (max-width: 900px) {\n  .eer-final__shell {\n    grid-template-columns: 1fr;\n  }\n\n  .eer-final__index {\n    width: 110px;\n  }\n\n  .eer-final__aside {\n    max-width: 520px;\n    margin-top: 14px;\n  }\n}\n\n@media (max-width: 560px) {\n  .eer-final {\n    padding: 66px 14px 100px;\n  }\n\n  .eer-final h2 {\n    font-size: clamp(39px, 11.5vw, 54px);\n  }\n\n  .eer-final__actions {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .eer-final__primary {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .eer-final__phone {\n    width: max-content;\n  }\n\n  .eer-final__ghost {\n    font-size: 38vw;\n    bottom: .2em;\n  }\n\n  .eer-final__rule {\n    bottom: 15px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const root = document.querySelector(\".eer-final\");\n  if (!root || !(\"IntersectionObserver\" in window)) return;\n\n  const content = root.querySelector(\".eer-final__content\");\n  const aside = root.querySelector(\".eer-final__aside\");\n\n  if (!content || !aside) return;\n\n  const reduceMotion = matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n  if (reduceMotion.matches) return;\n\n  const observer = new IntersectionObserver(\n    entries => {\n      entries.forEach(entry => {\n        if (!entry.isIntersecting) return;\n\n        content.animate(\n          [\n            { opacity: 0, transform: \"translateX(-28px)\" },\n            { opacity: 1, transform: \"translateX(0)\" }\n          ],\n          {\n            duration: 700,\n            easing: \"cubic-bezier(.2,.75,.25,1)\",\n            fill: \"both\"\n          }\n        );\n\n        aside.animate(\n          [\n            { opacity: 0, transform: \"translateX(28px)\" },\n            { opacity: 1, transform: \"translateX(0)\" }\n          ],\n          {\n            duration: 700,\n            delay: 120,\n            easing: \"cubic-bezier(.2,.75,.25,1)\",\n            fill: \"both\"\n          }\n        );\n\n        observer.disconnect();\n      });\n    },\n    { threshold: 0.15 }\n  );\n\n  observer.observe(root);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>REMODEL ELECTRICAL TUCSON, AZ Electrical Planning for the Space You Are Building Next. A remodel changes more than finishes. It changes where people work, cook, gather, plug in equipment, use lighting, and depend on the electrical system. Electrical Expert LLC provides remodel electrical service in Tucson, Marana, Oro Valley, and SaddleBrooke for homeowners, contractors, builders, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":2,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}