{"id":120,"date":"2026-08-23T14:18:35","date_gmt":"2026-08-23T14:18:35","guid":{"rendered":"https:\/\/staging3.gmportal.net\/?page_id=120"},"modified":"2026-08-25T02:16:26","modified_gmt":"2026-08-25T07:16:26","slug":"about","status":"publish","type":"page","link":"https:\/\/electricalexpert520.com\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"0\" data-consonant-block=\"post-120-core-html-0\" data-consonant-page=\"120\" data-consonant-source=\"post-content\" class=\"ee-about-hero\" aria-labelledby=\"ee-about-hero-title\">\n  <div class=\"ee-about-hero__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"ee-about-hero__ghost\" aria-hidden=\"true\">LOCAL<\/div>\n\n  <div class=\"ee-about-hero__shell\">\n    <div class=\"ee-about-hero__copy\" data-ee-reveal>\n      <span class=\"ee-about-hero__eyebrow\">ABOUT ELECTRICAL EXPERT LLC \/ SINCE 2004<\/span>\n      <h1 id=\"ee-about-hero-title\">Local Accountability. <span>Serious Electrical Capability.<\/span><\/h1>\n      <p class=\"ee-about-hero__lead\">Electrical Expert LLC is a family-owned electrical company serving Tucson and the surrounding Southern Arizona communities since 2004.<\/p>\n      <p class=\"ee-about-hero__body\">We built the company around a straightforward idea: electrical work should be planned carefully, completed professionally, and left in a condition that makes sense to the people who own and maintain the property.<\/p>\n      <aside class=\"ee-about-hero__statement\" aria-label=\"Our commitment\">\n        <strong>We answer to our community, not a board of directors.<\/strong>\n      <\/aside>\n      <p class=\"ee-about-hero__body ee-about-hero__body--after\">That is more than a line on the website. It describes how we approach the work. Our reputation is tied to the same communities we serve, so every project has to stand on its own after the truck leaves.<\/p>\n    <\/div>\n\n    <figure class=\"ee-about-hero__visual\" data-ee-reveal>\n      <img decoding=\"async\" src=\"https:\/\/electricalexpert520.com\/wp-content\/uploads\/2026\/08\/resized_ChatGPT-Image-May-31-2026-08_56_27-PM_resized.webp\" alt=\"Residential electrical service equipment at a Southern Arizona property\" loading=\"eager\">\n      <figcaption>\n        <small>FIELD \/ RESIDENTIAL SERVICE<\/small>\n        <strong>Electrical work planned around the property<\/strong>\n        <span>Licensed \u2022 Bonded \u2022 Insured \u2022 ROC Registered<\/span>\n      <\/figcaption>\n      <div class=\"ee-about-hero__marker\" aria-hidden=\"true\"><b>2004<\/b><span>ROOTED IN SOUTHERN ARIZONA<\/span><\/div>\n    <\/figure>\n  <\/div>\n\n  <div class=\"ee-about-hero__handoff\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-about-hero,\n.ee-about-hero * { box-sizing: border-box; }\n\n.ee-about-hero {\n  --ee-navy: #020817;\n  --ee-navy-2: #071426;\n  --ee-blue: #1494ff;\n  --ee-yellow: #f9b000;\n  --ee-light: #f5f9ff;\n  position: relative;\n  isolation: isolate;\n  overflow: clip;\n  min-height: clamp(720px, 88svh, 940px);\n  padding: clamp(88px, 9vw, 132px) 20px clamp(150px, 14vw, 210px);\n  background:\n    radial-gradient(circle at 78% 18%, rgba(20,148,255,.19), transparent 28rem),\n    radial-gradient(circle at 14% 82%, rgba(249,176,0,.08), transparent 24rem),\n    var(--ee-navy);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-about-hero__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .2;\n  background-image:\n    linear-gradient(rgba(20,148,255,.12) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20,148,255,.09) 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.ee-about-hero__ghost {\n  position: absolute;\n  z-index: -2;\n  right: -0.06em;\n  bottom: .08em;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(255,255,255,.055);\n  font-size: clamp(150px, 24vw, 430px);\n  font-weight: 900;\n  line-height: .72;\n  letter-spacing: -.09em;\n  user-select: none;\n}\n\n.ee-about-hero__shell {\n  width: min(1320px, 100%);\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);\n  gap: clamp(52px, 8vw, 116px);\n  align-items: center;\n}\n\n.ee-about-hero__copy { position: relative; z-index: 3; }\n\n.ee-about-hero__eyebrow {\n  display: inline-block;\n  margin-bottom: 17px;\n  color: var(--ee-yellow);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}\n\n.ee-about-hero h1 {\n  max-width: 780px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(50px, 6.2vw, 92px);\n  font-weight: 900;\n  line-height: .88;\n  letter-spacing: -.058em;\n  text-transform: uppercase;\n}\n\n.ee-about-hero h1 span {\n  display: block;\n  color: var(--ee-blue);\n}\n\n.ee-about-hero__lead {\n  max-width: 690px;\n  margin: 28px 0 0;\n  color: rgba(236,244,255,.82);\n  font-size: clamp(18px, 1.45vw, 22px);\n  font-weight: 650;\n  line-height: 1.6;\n}\n\n.ee-about-hero__statement {\n  position: relative;\n  max-width: 660px;\n  margin-top: 30px;\n  padding: 19px 28px 20px 22px;\n  background: linear-gradient(135deg, rgba(7,20,38,.98), rgba(11,49,82,.96));\n  border-left: 4px solid var(--ee-yellow);\n  color: #fff;\n  clip-path: polygon(0 0, 95% 0, 100% 24%, 100% 100%, 7% 100%, 0 76%);\n  filter:\n    drop-shadow(9px 9px 0 rgba(20,148,255,.64))\n    drop-shadow(0 22px 34px rgba(0,0,0,.26));\n}\n\n.ee-about-hero__statement::after {\n  content: \"\";\n  position: absolute;\n  top: 10px;\n  right: 22px;\n  width: 34px;\n  height: 2px;\n  background: var(--ee-blue);\n}\n\n.ee-about-hero__statement strong {\n  display: block;\n  max-width: 560px;\n  font-size: clamp(19px, 1.6vw, 25px);\n  line-height: 1.28;\n}\n\n.ee-about-hero__body {\n  max-width: 650px;\n  margin: 24px 0 0;\n  padding-left: 19px;\n  border-left: 1px solid rgba(20,148,255,.55);\n  color: rgba(236,244,255,.66);\n  font-size: 15px;\n  font-weight: 550;\n  line-height: 1.75;\n}\n\n.ee-about-hero__body--after { margin-top: 24px; }\n\n.ee-about-hero__visual {\n  position: relative;\n  z-index: 2;\n  min-height: clamp(500px, 45vw, 690px);\n  margin: 0;\n  overflow: visible;\n}\n\n.ee-about-hero__visual::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  inset: 7% -7% -5% 10%;\n  background: var(--ee-blue);\n  clip-path: polygon(11% 0, 100% 0, 100% 84%, 90% 100%, 0 100%, 0 12%);\n  opacity: .72;\n}\n\n.ee-about-hero__visual::after {\n  content: \"\";\n  position: absolute;\n  z-index: -2;\n  inset: -4% 8% 9% -8%;\n  background: var(--ee-yellow);\n  clip-path: polygon(0 9%, 8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%);\n  opacity: .48;\n}\n\n.ee-about-hero__visual > img {\n  width: 100%;\n  height: 100%;\n  min-height: inherit;\n  display: block;\n  object-fit: cover;\n  clip-path: polygon(8% 0, 100% 0, 100% 87%, 89% 100%, 0 100%, 0 10%);\n  filter: saturate(.96) contrast(1.04);\n  box-shadow: 0 30px 60px rgba(0,0,0,.32);\n}\n\n.ee-about-hero__visual figcaption {\n  position: absolute;\n  left: -7%;\n  right: 16%;\n  bottom: 7%;\n  padding: 18px 22px 19px;\n  background: rgba(7,20,38,.96);\n  color: #fff;\n  clip-path: polygon(0 0, 91% 0, 100% 28%, 100% 100%, 8% 100%, 0 72%);\n  filter:\n    drop-shadow(-9px 9px 0 var(--ee-blue))\n    drop-shadow(8px -7px 0 rgba(249,176,0,.62))\n    drop-shadow(0 16px 28px rgba(0,0,0,.32));\n}\n\n.ee-about-hero__visual figcaption small,\n.ee-about-hero__visual figcaption strong,\n.ee-about-hero__visual figcaption span { display: block; }\n\n.ee-about-hero__visual figcaption small {\n  margin-bottom: 6px;\n  color: var(--ee-yellow);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-hero__visual figcaption strong {\n  font-size: 14px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.ee-about-hero__visual figcaption span {\n  margin-top: 5px;\n  color: rgba(255,255,255,.58);\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.ee-about-hero__marker {\n  position: absolute;\n  top: 4%;\n  right: -5%;\n  width: 120px;\n  padding: 15px 14px 13px;\n  background: var(--ee-yellow);\n  color: var(--ee-navy-2);\n  clip-path: polygon(0 0, 88% 0, 100% 17%, 100% 100%, 12% 100%, 0 82%);\n  box-shadow: 0 18px 34px rgba(0,0,0,.18);\n}\n\n.ee-about-hero__marker b,\n.ee-about-hero__marker span { display: block; }\n\n.ee-about-hero__marker b {\n  font-size: 38px;\n  font-weight: 900;\n  line-height: .9;\n}\n\n.ee-about-hero__marker span {\n  margin-top: 7px;\n  font-size: 7px;\n  font-weight: 900;\n  line-height: 1.35;\n  letter-spacing: .1em;\n}\n\n.ee-about-hero__handoff {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: clamp(90px, 10vw, 150px);\n  pointer-events: none;\n}\n\n.ee-about-hero__handoff::before {\n  content: \"\";\n  position: absolute;\n  inset: 34% -2% 0;\n  background: var(--ee-light);\n  clip-path: polygon(0 56%, 30% 41%, 65% 0, 100% 31%, 100% 100%, 0 100%);\n}\n\n.ee-about-hero__handoff span:nth-child(1) {\n  position: absolute;\n  left: -4%;\n  top: 20%;\n  width: 72%;\n  height: 24px;\n  background: var(--ee-blue);\n  transform: rotate(-3.2deg);\n}\n\n.ee-about-hero__handoff span:nth-child(2) {\n  position: absolute;\n  right: -4%;\n  top: 42%;\n  width: 49%;\n  height: 12px;\n  background: var(--ee-yellow);\n  transform: rotate(3deg);\n}\n\n.ee-about-hero.is-motion-ready [data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(26px);\n  filter: blur(5px);\n  transition: opacity .75s cubic-bezier(.2,.75,.25,1), transform .75s cubic-bezier(.2,.75,.25,1), filter .75s ease;\n}\n\n.ee-about-hero.is-motion-ready [data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n  filter: none;\n}\n\n@media (max-width: 980px) {\n  .ee-about-hero { min-height: 0; }\n  .ee-about-hero__shell { grid-template-columns: 1fr; }\n  .ee-about-hero__copy { max-width: 820px; }\n  .ee-about-hero__visual { width: min(760px, 94%); margin-left: auto; }\n}\n\n@media (max-width: 620px) {\n  .ee-about-hero { padding: 68px 14px 116px; }\n  .ee-about-hero h1 { font-size: clamp(42px, 12vw, 58px); }\n  .ee-about-hero__lead { font-size: 17px; }\n  .ee-about-hero__statement { padding: 18px 24px 19px 18px; }\n  .ee-about-hero__visual { width: 100%; min-height: 380px; }\n  .ee-about-hero__visual figcaption { left: 12px; right: 9%; bottom: 14px; }\n  .ee-about-hero__marker { right: 7px; top: 8px; width: 104px; }\n  .ee-about-hero__ghost { font-size: 44vw; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-about-hero.is-motion-ready [data-ee-reveal],\n  .ee-about-hero.is-motion-ready [data-ee-reveal].is-visible {\n    opacity: 1;\n    transform: none;\n    filter: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector('.ee-about-hero');\n  if (!section) return;\n\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)');\n  const items = [...section.querySelectorAll('[data-ee-reveal]')];\n  if (!items.length || reduce.matches) return;\n\n  section.classList.add('is-motion-ready');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      observer.unobserve(entry.target);\n    });\n  }, { threshold: 0.2 });\n\n  items.forEach((item, index) => {\n    item.style.transitionDelay = `${index * 110}ms`;\n    observer.observe(item);\n  });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"1\" data-consonant-block=\"post-120-core-html-1\" data-consonant-page=\"120\" data-consonant-source=\"post-content\" class=\"ee-about-planning\" aria-labelledby=\"ee-about-planning-title\">\n  <div class=\"ee-about-planning__shell\">\n    <header class=\"ee-about-planning__head\" data-ee-reveal>\n      <div class=\"ee-about-planning__index\"><span>01<\/span><span>PLANNING<\/span><\/div>\n      <div>\n        <span class=\"ee-about-planning__eyebrow\">BEFORE INSTALLATION<\/span>\n        <h2 id=\"ee-about-planning-title\">The Difference Is <span>in the Planning.<\/span><\/h2>\n      <\/div>\n      <p>Good electrical work begins before installation.<\/p>\n    <\/header>\n\n    <div class=\"ee-about-planning__composition\" data-ee-planning-scroll>\n      <div class=\"ee-about-planning__scene\">\n        <figure class=\"ee-about-planning__image\">\n          <img decoding=\"async\" src=\"https:\/\/electricalexpert520.com\/wp-content\/uploads\/2026\/08\/IMG_0931.webp\" alt=\"Organized residential panel and meter equipment\" loading=\"lazy\">\n          <figcaption><small>START WITH WHAT IS THERE<\/small><strong>Existing service \u2022 equipment condition \u2022 actual demand<\/strong><\/figcaption>\n        <\/figure>\n\n        <div class=\"ee-about-planning__routes\" aria-label=\"Projects that benefit from careful electrical planning\">\n          <span>Panel Upgrade<\/span>\n          <span>EV Charger<\/span>\n          <span>Smart Home<\/span>\n          <span>Remodel<\/span>\n          <span>Dedicated Circuit<\/span>\n          <span>Generator<\/span>\n          <span>Hot Tub<\/span>\n          <span>Service Call<\/span>\n        <\/div>\n\n        <article class=\"ee-about-planning__copy\">\n          <span class=\"ee-about-planning__label\">PLAN AROUND THE PROPERTY<\/span>\n          <p>We look at the property, the existing service, the condition of the equipment, the actual load, and what the system may need to support next.<\/p>\n          <p>That matters whether the job is a panel upgrade, EV charger, smart-home project, remodel, dedicated circuit, generator, hot tub, or a straightforward service call.<\/p>\n          <strong class=\"ee-about-planning__statement\">A solution should fit the property rather than forcing the property to fit a preset package.<\/strong>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ee-about-planning__handoff\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-about-planning,\n.ee-about-planning * { box-sizing: border-box; }\n\n.ee-about-planning {\n  --ee-navy: #071426;\n  --ee-blue: #1494ff;\n  --ee-yellow: #f9b000;\n  --ee-light: #f5f9ff;\n  position: relative;\n  overflow: clip;\n  padding: clamp(86px, 9vw, 128px) 20px clamp(150px, 14vw, 210px);\n  background:\n    radial-gradient(circle at 88% 18%, rgba(20,148,255,.11), transparent 26rem),\n    linear-gradient(#f5f9ff, #eef4f9 72%, #e2eaf1);\n  color: var(--ee-navy);\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-about-planning__shell {\n  width: min(1320px, 100%);\n  margin: 0 auto;\n}\n\n.ee-about-planning__head {\n  display: grid;\n  grid-template-columns: 120px minmax(0, 1fr) minmax(260px, .48fr);\n  gap: clamp(24px, 4vw, 56px);\n  align-items: end;\n  margin-bottom: clamp(54px, 7vw, 88px);\n}\n\n.ee-about-planning__index {\n  align-self: start;\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid var(--ee-blue);\n}\n\n.ee-about-planning__index span:first-child {\n  color: var(--ee-navy);\n  font-size: 32px;\n  font-weight: 900;\n  line-height: .9;\n}\n\n.ee-about-planning__index span:last-child {\n  color: #5e748a;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-planning__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: #0b6fb7;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-planning h2 {\n  max-width: 830px;\n  margin: 0;\n  color: var(--ee-navy);\n  font-size: clamp(46px, 5.8vw, 80px);\n  font-weight: 900;\n  line-height: .91;\n  letter-spacing: -.052em;\n  text-transform: uppercase;\n}\n\n.ee-about-planning h2 span {\n  display: block;\n  color: #0b6fb7;\n}\n\n.ee-about-planning__head > p {\n  margin: 0;\n  padding: 20px 22px 22px;\n  background: var(--ee-navy);\n  color: #fff;\n  font-size: 18px;\n  font-weight: 800;\n  line-height: 1.45;\n  clip-path: polygon(0 0, 92% 0, 100% 28%, 100% 100%, 8% 100%, 0 72%);\n  filter:\n    drop-shadow(9px 9px 0 rgba(249,176,0,.5))\n    drop-shadow(-7px -6px 0 rgba(20,148,255,.48));\n}\n\n.ee-about-planning__composition {\n  position: relative;\n  min-height: 650px;\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);\n  gap: clamp(34px, 6vw, 78px);\n  align-items: center;\n}\n\n.ee-about-planning__image {\n  position: relative;\n  min-height: 590px;\n  margin: 0;\n}\n\n.ee-about-planning__image::before {\n  content: \"\";\n  position: absolute;\n  inset: 8% 7% -4% -7%;\n  z-index: 0;\n  background: var(--ee-blue);\n  clip-path: polygon(0 0, 92% 0, 100% 11%, 100% 100%, 8% 100%, 0 90%);\n  opacity: .62;\n}\n\n.ee-about-planning__image > img {\n  position: absolute;\n  z-index: 1;\n  inset: 0 6% 0 0;\n  width: 94%;\n  height: 100%;\n  object-fit: cover;\n  clip-path: polygon(0 0, 93% 0, 100% 13%, 100% 100%, 8% 100%, 0 88%);\n  filter: saturate(.9) contrast(1.03);\n}\n\n.ee-about-planning__image figcaption {\n  position: absolute;\n  z-index: 3;\n  right: -4%;\n  bottom: 7%;\n  width: min(360px, 64%);\n  padding: 16px 18px 17px;\n  background: var(--ee-navy);\n  color: #fff;\n  clip-path: polygon(8% 0, 100% 0, 100% 76%, 91% 100%, 0 100%, 0 24%);\n  filter:\n    drop-shadow(9px 9px 0 var(--ee-yellow))\n    drop-shadow(0 18px 28px rgba(7,20,38,.25));\n}\n\n.ee-about-planning__image figcaption small,\n.ee-about-planning__image figcaption strong { display: block; }\n\n.ee-about-planning__image figcaption small {\n  margin-bottom: 5px;\n  color: var(--ee-blue);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-planning__image figcaption strong {\n  font-size: 12px;\n  line-height: 1.35;\n}\n\n.ee-about-planning__copy {\n  position: relative;\n  z-index: 3;\n  padding: clamp(34px, 4vw, 54px);\n  background: linear-gradient(145deg, #071426, #0d3153);\n  color: #fff;\n  clip-path: polygon(0 8%, 9% 0, 100% 0, 100% 87%, 89% 100%, 0 100%);\n  filter:\n    drop-shadow(12px 13px 0 rgba(20,148,255,.72))\n    drop-shadow(-9px -8px 0 rgba(249,176,0,.42))\n    drop-shadow(0 26px 40px rgba(7,20,38,.2));\n}\n\n.ee-about-planning__label {\n  display: block;\n  margin-bottom: 18px;\n  color: var(--ee-yellow);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-planning__copy p {\n  margin: 0 0 18px;\n  color: rgba(255,255,255,.75);\n  font-size: clamp(15px, 1.12vw, 18px);\n  font-weight: 550;\n  line-height: 1.67;\n}\n\n.ee-about-planning__statement {\n  display: block;\n  margin-top: 25px;\n  padding: 18px 0 0 18px;\n  border-top: 1px solid rgba(255,255,255,.13);\n  border-left: 3px solid var(--ee-blue);\n  color: #fff;\n  font-size: clamp(19px, 1.7vw, 26px);\n  line-height: 1.33;\n}\n\n.ee-about-planning__routes {\n  position: absolute;\n  z-index: 4;\n  left: 7%;\n  bottom: -58px;\n  width: min(820px, 68%);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  padding: 14px;\n  background: rgba(245,249,255,.96);\n  border-top: 1px solid rgba(7,20,38,.1);\n  box-shadow: 0 18px 38px rgba(7,20,38,.14);\n  transform: rotate(-1.2deg);\n}\n\n.ee-about-planning__routes span {\n  padding: 9px 11px;\n  background: var(--ee-navy);\n  color: #fff;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n  clip-path: polygon(0 0, 90% 0, 100% 32%, 100% 100%, 7% 100%, 0 70%);\n}\n\n.ee-about-planning__routes span:nth-child(3n+2) {\n  background: var(--ee-blue);\n}\n\n.ee-about-planning__routes span:nth-child(4n) {\n  background: var(--ee-yellow);\n  color: var(--ee-navy);\n}\n\n.ee-about-planning__handoff {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 90px;\n  overflow: hidden;\n}\n\n.ee-about-planning__handoff::before {\n  content: \"\";\n  position: absolute;\n  inset: 26px -3% 0;\n  background: #071426;\n  clip-path: polygon(0 76%, 47% 22%, 72% 42%, 100% 0, 100% 100%, 0 100%);\n}\n\n.ee-about-planning__handoff span {\n  position: absolute;\n  left: 18%;\n  top: 33px;\n  width: 59%;\n  height: 9px;\n  background: var(--ee-yellow);\n  transform: rotate(-3.4deg);\n}\n\n.ee-about-planning.is-motion-ready [data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(24px);\n  filter: blur(4px);\n  transition: opacity .68s cubic-bezier(.2,.75,.25,1), transform .68s cubic-bezier(.2,.75,.25,1), filter .68s ease;\n}\n\n.ee-about-planning.is-motion-ready [data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n  filter: none;\n}\n\n@media (max-width: 960px) {\n  .ee-about-planning__head { grid-template-columns: 1fr; }\n  .ee-about-planning__index { width: 120px; }\n  .ee-about-planning__head > p { max-width: 540px; }\n  .ee-about-planning__composition { grid-template-columns: 1fr; padding-bottom: 30px; }\n  .ee-about-planning__image { min-height: 480px; width: min(760px, 94%); }\n  .ee-about-planning__copy { margin-left: clamp(0px, 6vw, 70px); }\n  .ee-about-planning__routes { position: relative; left: auto; bottom: auto; width: min(820px, 94%); margin: -10px 0 0 auto; }\n}\n\n@media (max-width: 620px) {\n  .ee-about-planning { padding: 66px 14px 116px; }\n  .ee-about-planning h2 { font-size: clamp(40px, 11.5vw, 54px); }\n  .ee-about-planning__image { min-height: 360px; width: 100%; }\n  .ee-about-planning__image > img { width: 100%; right: 0; }\n  .ee-about-planning__image figcaption { right: 10px; width: 72%; }\n  .ee-about-planning__copy { margin-left: 0; padding: 28px 22px; }\n  .ee-about-planning__routes { width: 100%; transform: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-about-planning.is-motion-ready [data-ee-reveal],\n  .ee-about-planning.is-motion-ready [data-ee-reveal].is-visible {\n    opacity: 1;\n    transform: none;\n    filter: none;\n    transition: none;\n  }\n}\n\n\n\/* About QA: keep the planning routes inside the section grid and give every item a stable measure. *\/\n.ee-about-planning__routes{\n  left:4%;\n  bottom:-44px;\n  width:min(960px,76%);\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:8px;\n  transform:none;\n}\n.ee-about-planning__routes span{\n  display:flex;\n  align-items:center;\n  min-height:42px;\n  padding:10px 14px;\n  white-space:nowrap;\n}\n@media(max-width:960px){\n  .ee-about-planning__routes{width:100%;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));}\n}\n@media(max-width:520px){\n  .ee-about-planning__routes{grid-template-columns:1fr;}\n  .ee-about-planning__routes span{white-space:normal;}\n}\n\n\/* Sticky planning narrative: two frames, one open service corridor. *\/\n.ee-about-planning{\n  overflow:visible;\n  padding-bottom:clamp(150px,14vw,210px);\n}\n.ee-about-planning__composition{\n  position:relative;\n  display:block;\n  height:620vh;\n  min-height:0;\n}\n.ee-about-planning__scene{\n  position:sticky;\n  top:82px;\n  display:grid;\n  grid-template-columns:minmax(0,38fr) minmax(230px,24fr) minmax(0,38fr);\n  align-items:center;\n  width:100%;\n  height:calc(100svh - 108px);\n  max-height:820px;\n  min-height:600px;\n  overflow:hidden;\n}\n.ee-about-planning__scene::before,\n.ee-about-planning__scene::after{\n  content:\"\";\n  position:absolute;\n  z-index:5;\n  left:38%;\n  width:12%;\n  height:3px;\n  background:var(--ee-yellow);\n  transform-origin:left center;\n  pointer-events:none;\n}\n.ee-about-planning__scene::before{\n  top:calc(50% - 2px);\n  transform:rotate(10deg);\n}\n.ee-about-planning__scene::after{\n  bottom:calc(50% - 2px);\n  transform:rotate(-10deg);\n}\n.ee-about-planning__image{\n  grid-column:1;\n  grid-row:1;\n  align-self:center;\n  width:100%;\n  min-height:min(68vh,650px);\n  margin:0;\n}\n.ee-about-planning__image::before{\n  inset:5% 0 -3% -5%;\n  background:transparent;\n  border-left:6px solid var(--ee-blue);\n  border-top:1px solid rgba(20,148,255,.42);\n  border-bottom:1px solid rgba(20,148,255,.2);\n  clip-path:none;\n}\n.ee-about-planning__image>img{\n  inset:0;\n  width:100%;\n  clip-path:none;\n  object-position:center;\n}\n.ee-about-planning__image figcaption{\n  right:0;\n  bottom:0;\n  width:72%;\n  padding:17px 20px 18px;\n  background:rgba(7,20,38,.92);\n  border-left:3px solid var(--ee-yellow);\n  clip-path:none;\n  filter:none;\n}\n.ee-about-planning__copy{\n  grid-column:3;\n  grid-row:1;\n  align-self:center;\n  margin:0;\n  padding:clamp(30px,4vw,56px) 0 clamp(30px,4vw,56px) clamp(34px,5vw,70px);\n  background:transparent;\n  color:var(--ee-navy);\n  border-left:1px solid rgba(7,20,38,.16);\n  clip-path:none;\n  filter:none;\n}\n.ee-about-planning__copy::before{\n  content:\"\";\n  position:absolute;\n  left:-1px;\n  top:0;\n  width:6px;\n  height:28%;\n  background:var(--ee-blue);\n}\n.ee-about-planning__label{color:#0b6fb7;}\n.ee-about-planning__copy p{\n  color:#526b82;\n  font-size:clamp(16px,1.25vw,19px);\n}\n.ee-about-planning__statement{\n  color:var(--ee-navy);\n  border-left-color:var(--ee-yellow);\n  border-top-color:rgba(7,20,38,.13);\n}\n.ee-about-planning__copy>*{\n  opacity:0;\n  transform:translateY(34px);\n  will-change:opacity,transform;\n}\n.ee-about-planning__routes{\n  position:relative;\n  z-index:8;\n  grid-column:2;\n  grid-row:1;\n  align-self:stretch;\n  left:auto;\n  bottom:auto;\n  width:100%;\n  height:100%;\n  margin:0;\n  padding:0 clamp(16px,2vw,30px);\n  display:block;\n  background:transparent;\n  border:0;\n  box-shadow:none;\n  transform:none;\n  overflow:hidden;\n}\n.ee-about-planning__routes span{\n  position:absolute;\n  left:50%;\n  top:50%;\n  display:block;\n  width:calc(100% - clamp(24px,3vw,46px));\n  min-height:0;\n  padding:0;\n  background:transparent!important;\n  color:var(--ee-navy)!important;\n  font-size:clamp(13px,1.15vw,17px);\n  font-weight:900;\n  line-height:1.2;\n  letter-spacing:.1em;\n  text-align:center;\n  white-space:normal;\n  clip-path:none;\n  opacity:0;\n  transform:translate(-50%,90px);\n  transition:opacity .22s ease,transform .5s cubic-bezier(.2,.78,.24,1);\n  will-change:opacity,transform;\n}\n.ee-about-planning__routes span::before,\n.ee-about-planning__routes span::after{\n  content:\"\";\n  display:block;\n  width:38px;\n  height:2px;\n  margin:0 auto 14px;\n  background:var(--ee-yellow);\n}\n.ee-about-planning__routes span::after{\n  width:18px;\n  margin:14px auto 0;\n  background:var(--ee-blue);\n}\n.ee-about-planning__routes span.is-active{\n  opacity:1;\n  transform:translate(-50%,-50%);\n}\n.ee-about-planning__routes span.is-leaving{\n  opacity:0;\n  transform:translate(-50%,-150px);\n}\n@media(max-width:980px){\n  .ee-about-planning{overflow:clip;}\n  .ee-about-planning__composition{height:auto;}\n  .ee-about-planning__scene{\n    position:relative;\n    top:auto;\n    display:flex;\n    flex-direction:column;\n    gap:44px;\n    height:auto;\n    min-height:0;\n    max-height:none;\n    overflow:visible;\n  }\n  .ee-about-planning__scene::before,\n  .ee-about-planning__scene::after{display:none;}\n  .ee-about-planning__image{width:100%;min-height:480px;}\n  .ee-about-planning__routes{\n    order:2;\n    width:100%;\n    height:auto;\n    padding:8px 0;\n    overflow:visible;\n  }\n  .ee-about-planning__routes span{\n    position:relative;\n    left:auto;\n    top:auto;\n    width:100%;\n    padding:16px 0;\n    border-bottom:1px solid rgba(7,20,38,.12);\n    text-align:left;\n    opacity:1;\n    transform:none!important;\n    transition:none;\n  }\n  .ee-about-planning__routes span::before{\n    display:inline-block;\n    width:34px;\n    margin:0 14px 4px 0;\n  }\n  .ee-about-planning__routes span::after{display:none;}\n  .ee-about-planning__copy{order:3;width:100%;padding:36px 0 0 26px;}\n  .ee-about-planning__copy>*{opacity:1!important;transform:none!important;}\n}\n@media(max-width:620px){\n  .ee-about-planning__image{min-height:380px;}\n  .ee-about-planning__image figcaption{width:88%;}\n}\n\n\/* Atmospheric light field: broad desert light, no grid or repeated pattern. *\/\n.ee-about-planning{\n  background:\n    radial-gradient(ellipse 64% 48% at 8% 18%,rgba(249,176,0,.10),transparent 72%),\n    radial-gradient(ellipse 58% 52% at 92% 66%,rgba(20,148,255,.10),transparent 74%),\n    radial-gradient(ellipse 48% 34% at 52% 42%,rgba(255,255,255,.92),transparent 76%),\n    linear-gradient(128deg,#f7f9fb 0%,#edf3f7 48%,#f9f5ea 100%);\n  background-size:125% 125%,132% 132%,118% 118%,100% 100%;\n  animation:ee-about-light-drift 20s ease-in-out infinite alternate;\n  box-shadow:inset 0 70px 100px -100px rgba(7,20,38,.28),inset 0 -80px 110px -110px rgba(7,20,38,.24);\n}\n@keyframes ee-about-light-drift{\n  0%{background-position:0% 10%,100% 70%,48% 42%,0 0;}\n  100%{background-position:12% 24%,88% 54%,57% 48%,0 0;}\n}\n@media(prefers-reduced-motion:reduce){.ee-about-planning{animation:none;}}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector('.ee-about-planning');\n  const track = section?.querySelector('[data-ee-planning-scroll]');\n  if (!section || !track) return;\n\n  const services = [...section.querySelectorAll('.ee-about-planning__routes span')];\n  const copyItems = [...section.querySelectorAll('.ee-about-planning__copy > *')];\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)');\n  const desktop = matchMedia('(min-width: 981px)');\n\n  const clamp = (value, min = 0, max = 1) => Math.min(max, Math.max(min, value));\n\n  const render = () => {\n    if (!desktop.matches || reduce.matches) {\n      services.forEach((item) => item.classList.remove('is-active', 'is-leaving'));\n      copyItems.forEach((item) => {\n        item.style.opacity = '1';\n        item.style.transform = 'none';\n      });\n      return;\n    }\n\n    const rect = track.getBoundingClientRect();\n    const distance = Math.max(1, track.offsetHeight - innerHeight);\n    const progress = clamp(-rect.top \/ distance);\n    const phase = progress * services.length;\n    const active = Math.min(services.length - 1, Math.floor(phase));\n    const phaseProgress = phase - active;\n\n    services.forEach((item, index) => {\n      item.classList.toggle('is-active', [index === active, phaseProgress < .82].every(Boolean));\n      item.classList.toggle('is-leaving', index < active || ([index === active, phaseProgress >= .82].every(Boolean)));\n    });\n\n    copyItems.forEach((item, index) => {\n      const local = clamp(progress * 5 - index * .28);\n      item.style.opacity = String(local);\n      item.style.transform = `translateY(${(1 - local) * 34}px)`;\n    });\n  };\n\n  let ticking = false;\n  const queue = () => {\n    if (ticking) return;\n    ticking = true;\n    requestAnimationFrame(() => {\n      render();\n      ticking = false;\n    });\n  };\n\n  addEventListener('scroll', queue, { passive: true });\n  addEventListener('resize', queue, { passive: true });\n  desktop.addEventListener?.('change', queue);\n  render();\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"2\" data-consonant-block=\"post-120-core-html-2\" data-consonant-page=\"120\" data-consonant-source=\"post-content\" class=\"ee-about-property\" aria-labelledby=\"ee-about-property-title\">\n  <div class=\"ee-about-property__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"ee-about-property__shell\">\n    <header class=\"ee-about-property__head\" data-ee-reveal>\n      <div class=\"ee-about-property__index\"><span>02<\/span><span>REAL-WORLD DEMAND<\/span><\/div>\n      <div>\n        <span class=\"ee-about-property__eyebrow\">SYSTEMS CHANGE WITH THE PROPERTY<\/span>\n        <h2 id=\"ee-about-property-title\">Built for the Property <span>You Actually Have.<\/span><\/h2>\n      <\/div>\n    <\/header>\n\n    <div class=\"ee-about-property__stage\">\n      <article class=\"ee-about-property__field ee-about-property__field--residential\" data-ee-reveal>\n        <span class=\"ee-about-property__label\">RESIDENTIAL \/ CHANGING LOADS<\/span>\n        <p>Homes change over time. A house that once needed little more than lighting, receptacles, and a few major appliances may now support EV charging, smart controls, electric appliances, upgraded HVAC equipment, hot tubs, home offices, workshops, and other new loads.<\/p>\n        <div class=\"ee-about-property__load-lines\" aria-hidden=\"true\">\n          <span style=\"--w:38%\">LIGHTING<\/span>\n          <span style=\"--w:55%\">HVAC<\/span>\n          <span style=\"--w:69%\">ELECTRIC APPLIANCES<\/span>\n          <span style=\"--w:82%\">EV \/ SPA \/ WORKSHOP<\/span>\n        <\/div>\n      <\/article>\n\n      <figure class=\"ee-about-property__image\" data-ee-reveal>\n        <img decoding=\"async\" src=\"https:\/\/electricalexpert520.com\/wp-content\/uploads\/2026\/08\/EV3.webp\" alt=\"Electric vehicle charging at a residential property\" loading=\"lazy\">\n        <figcaption><small>CHANGING LOAD \/ FUTURE USE<\/small><strong>New electrical loads change what the system needs to support.<\/strong><\/figcaption>\n      <\/figure>\n\n      <article class=\"ee-about-property__field ee-about-property__field--commercial\" data-ee-reveal>\n        <span class=\"ee-about-property__label\">COMMERCIAL \/ CHANGING USE<\/span>\n        <p>Commercial spaces change too. Equipment moves. Tenant needs change. New circuits are added. Remodels alter the way a space is used.<\/p>\n        <strong>Our job is to understand those demands and plan the electrical work around them.<\/strong>\n        <div class=\"ee-about-property__sequence\" aria-label=\"Commercial change sequence\">\n          <span><b>01<\/b> Equipment<\/span>\n          <span><b>02<\/b> Tenant Needs<\/span>\n          <span><b>03<\/b> Circuits<\/span>\n          <span><b>04<\/b> Remodels<\/span>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <div class=\"ee-about-property__handoff\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-about-property,\n.ee-about-property * { box-sizing: border-box; }\n\n.ee-about-property {\n  --ee-navy: #071426;\n  --ee-navy-deep: #020817;\n  --ee-blue: #1494ff;\n  --ee-yellow: #f9b000;\n  position: relative;\n  isolation: isolate;\n  overflow: clip;\n  padding: clamp(86px, 9vw, 128px) 20px clamp(150px, 14vw, 214px);\n  background:\n    radial-gradient(circle at 12% 16%, rgba(20,148,255,.18), transparent 28rem),\n    linear-gradient(#071426, #04101f 76%, #020817);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-about-property__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  opacity: .16;\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: 72px 72px;\n  -webkit-mask-image: linear-gradient(#000, transparent 82%);\n  mask-image: linear-gradient(#000, transparent 82%);\n}\n\n.ee-about-property__shell {\n  width: min(1320px, 100%);\n  margin: 0 auto;\n}\n\n.ee-about-property__head {\n  display: grid;\n  grid-template-columns: 125px minmax(0, 1fr);\n  gap: clamp(28px, 5vw, 66px);\n  align-items: start;\n  margin-bottom: clamp(52px, 7vw, 86px);\n}\n\n.ee-about-property__index {\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid var(--ee-yellow);\n}\n\n.ee-about-property__index span:first-child {\n  color: var(--ee-blue);\n  font-size: 32px;\n  font-weight: 900;\n  line-height: .9;\n}\n\n.ee-about-property__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.ee-about-property__eyebrow {\n  display: block;\n  margin-bottom: 14px;\n  color: var(--ee-yellow);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-property h2 {\n  max-width: 990px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(46px, 5.9vw, 82px);\n  font-weight: 900;\n  line-height: .9;\n  letter-spacing: -.054em;\n  text-transform: uppercase;\n}\n\n.ee-about-property h2 span {\n  display: block;\n  color: var(--ee-blue);\n}\n\n.ee-about-property__stage {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(280px, .8fr) minmax(390px, 1.12fr) minmax(290px, .88fr);\n  gap: 0;\n  align-items: stretch;\n  min-height: 610px;\n}\n\n.ee-about-property__field {\n  position: relative;\n  z-index: 2;\n  padding: clamp(34px, 3.2vw, 46px);\n}\n\n.ee-about-property__field--residential {\n  align-self: start;\n  margin-top: 42px;\n  margin-right: -28px;\n  padding-right: 58px;\n  background: linear-gradient(145deg, #f5f9ff, #dce9f4);\n  color: var(--ee-navy);\n  clip-path: polygon(0 0, 91% 0, 100% 11%, 100% 100%, 8% 100%, 0 89%);\n  filter:\n    drop-shadow(-10px 11px 0 rgba(20,148,255,.72))\n    drop-shadow(0 24px 36px rgba(0,0,0,.2));\n}\n\n.ee-about-property__field--commercial {\n  align-self: end;\n  margin-bottom: 34px;\n  margin-left: -30px;\n  padding-left: 60px;\n  background: linear-gradient(145deg, #0a6aa9, #1494ff);\n  color: #fff;\n  clip-path: polygon(8% 0, 100% 0, 100% 87%, 91% 100%, 0 100%, 0 12%);\n  filter:\n    drop-shadow(10px 11px 0 rgba(249,176,0,.62))\n    drop-shadow(0 24px 36px rgba(0,0,0,.2));\n}\n\n.ee-about-property__label {\n  display: block;\n  margin-bottom: 17px;\n  color: #0b6fb7;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-property__field--commercial .ee-about-property__label {\n  color: var(--ee-yellow);\n}\n\n.ee-about-property__field p {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.68;\n}\n\n.ee-about-property__field--residential p { color: #425a71; }\n.ee-about-property__field--commercial p { color: rgba(255,255,255,.83); }\n\n.ee-about-property__field--commercial > strong {\n  display: block;\n  margin-top: 25px;\n  padding: 17px 0 0 17px;\n  border-top: 1px solid rgba(255,255,255,.2);\n  border-left: 3px solid var(--ee-yellow);\n  color: #fff;\n  font-size: clamp(18px, 1.4vw, 23px);\n  line-height: 1.35;\n}\n\n.ee-about-property__load-lines {\n  display: grid;\n  gap: 9px;\n  margin-top: 27px;\n}\n\n.ee-about-property__load-lines span {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 27px;\n  width: var(--w);\n  min-width: 120px;\n  padding: 0 10px;\n  background: var(--ee-navy);\n  color: #fff;\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .09em;\n}\n\n.ee-about-property__load-lines span::after {\n  content: \"\";\n  position: absolute;\n  right: -8px;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background: var(--ee-yellow);\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n}\n\n.ee-about-property__image {\n  position: relative;\n  z-index: 4;\n  margin: 0;\n  min-height: 610px;\n  overflow: hidden;\n  background: var(--ee-navy-deep);\n  clip-path: polygon(8% 0, 100% 0, 100% 87%, 90% 100%, 0 100%, 0 10%);\n  box-shadow: 0 32px 56px rgba(0,0,0,.34);\n}\n\n.ee-about-property__image::before {\n  content: \"\";\n  position: absolute;\n  z-index: 2;\n  inset: 12px;\n  border: 1px solid rgba(255,255,255,.28);\n  clip-path: polygon(8% 0, 100% 0, 100% 87%, 90% 100%, 0 100%, 0 10%);\n  pointer-events: none;\n}\n\n.ee-about-property__image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  filter: saturate(.94) contrast(1.04);\n}\n\n.ee-about-property__image figcaption {\n  position: absolute;\n  z-index: 3;\n  left: 18px;\n  right: 15%;\n  bottom: 18px;\n  padding: 15px 17px 16px;\n  background: rgba(2,8,23,.94);\n  clip-path: polygon(0 0, 91% 0, 100% 31%, 100% 100%, 8% 100%, 0 72%);\n  filter: drop-shadow(8px 8px 0 var(--ee-blue));\n}\n\n.ee-about-property__image figcaption small,\n.ee-about-property__image figcaption strong { display: block; }\n\n.ee-about-property__image figcaption small {\n  margin-bottom: 6px;\n  color: var(--ee-yellow);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-about-property__image figcaption strong {\n  color: #fff;\n  font-size: 12px;\n  line-height: 1.35;\n}\n\n.ee-about-property__sequence {\n  display: grid;\n  gap: 1px;\n  margin-top: 26px;\n  background: rgba(255,255,255,.16);\n}\n\n.ee-about-property__sequence span {\n  display: grid;\n  grid-template-columns: 30px 1fr;\n  gap: 8px;\n  align-items: center;\n  min-height: 38px;\n  padding: 7px 10px;\n  background: rgba(7,20,38,.74);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 850;\n}\n\n.ee-about-property__sequence b {\n  color: var(--ee-yellow);\n  font-size: 8px;\n}\n\n.ee-about-property__handoff {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 96px;\n}\n\n.ee-about-property__handoff::before {\n  content: \"\";\n  position: absolute;\n  inset: 34px -2% 0;\n  background: #f5f9ff;\n  clip-path: polygon(0 42%, 31% 18%, 57% 48%, 100% 0, 100% 100%, 0 100%);\n}\n\n.ee-about-property__handoff span:nth-child(1) {\n  position: absolute;\n  left: -3%;\n  top: 31px;\n  width: 42%;\n  height: 10px;\n  background: var(--ee-blue);\n  transform: rotate(-2.4deg);\n}\n\n.ee-about-property__handoff span:nth-child(2) {\n  position: absolute;\n  right: -5%;\n  top: 41px;\n  width: 55%;\n  height: 8px;\n  background: var(--ee-yellow);\n  transform: rotate(2.2deg);\n}\n\n.ee-about-property.is-motion-ready [data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(25px) scale(.985);\n  transition: opacity .7s cubic-bezier(.2,.75,.25,1), transform .7s cubic-bezier(.2,.75,.25,1);\n}\n\n.ee-about-property.is-motion-ready [data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 1020px) {\n  .ee-about-property__stage { grid-template-columns: 1fr; gap: 22px; min-height: 0; }\n  .ee-about-property__field--residential,\n  .ee-about-property__field--commercial { margin: 0; padding: 34px; }\n  .ee-about-property__image { min-height: 480px; order: -1; }\n}\n\n@media (max-width: 620px) {\n  .ee-about-property { padding: 66px 14px 116px; }\n  .ee-about-property__head { grid-template-columns: 1fr; }\n  .ee-about-property__index { width: 125px; }\n  .ee-about-property h2 { font-size: clamp(40px, 11.5vw, 54px); }\n  .ee-about-property__image { min-height: 350px; }\n  .ee-about-property__field--residential,\n  .ee-about-property__field--commercial { padding: 27px 22px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-about-property.is-motion-ready [data-ee-reveal],\n  .ee-about-property.is-motion-ready [data-ee-reveal].is-visible {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\n\n\/* About QA: make the changing-load diagram read as an intentional progression. *\/\n.ee-about-property__load-lines span{min-width:0;}\n.ee-about-property__load-lines span:nth-child(1){width:52%;}\n.ee-about-property__load-lines span:nth-child(2){width:68%;}\n.ee-about-property__load-lines span:nth-child(3){width:84%;}\n.ee-about-property__load-lines span:nth-child(4){width:100%;}\n@media(max-width:620px){\n  .ee-about-property__load-lines span{min-height:34px;font-size:8px;}\n}\n\n\/* Unboxed load progression: labels ride signal lines instead of filled bars. *\/\n.ee-about-property__load-lines{gap:14px;margin-top:34px;padding-right:10px;}\n.ee-about-property__load-lines span,\n.ee-about-property__load-lines span:nth-child(n){\n  width:100%;\n  min-width:0;\n  min-height:34px;\n  padding:0 0 8px 28px;\n  background:transparent;\n  color:var(--ee-navy);\n  border-bottom:1px solid rgba(7,20,38,.22);\n  font-size:9px;\n  letter-spacing:.12em;\n}\n.ee-about-property__load-lines span::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-4px;\n  width:8px;\n  height:8px;\n  border:2px solid var(--ee-blue);\n  border-radius:50%;\n  background:#eef5fb;\n}\n.ee-about-property__load-lines span::after{\n  right:0;\n  top:auto;\n  bottom:-3px;\n  width:clamp(28px,18%,64px);\n  height:5px;\n  background:linear-gradient(90deg,transparent,var(--ee-yellow));\n  clip-path:none;\n}\n.ee-about-property__load-lines span:nth-child(1){max-width:58%;}\n.ee-about-property__load-lines span:nth-child(2){max-width:72%;}\n.ee-about-property__load-lines span:nth-child(3){max-width:86%;}\n.ee-about-property__load-lines span:nth-child(4){max-width:100%;}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector('.ee-about-property');\n  if (!section) return;\n\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)');\n  const items = [...section.querySelectorAll('[data-ee-reveal]')];\n  if (!items.length || reduce.matches) return;\n\n  section.classList.add('is-motion-ready');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      observer.unobserve(entry.target);\n    });\n  }, { threshold: 0.16 });\n\n  items.forEach((item, index) => {\n    item.style.transitionDelay = `${index * 85}ms`;\n    observer.observe(item);\n  });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"3\" data-consonant-block=\"post-120-core-html-3\" data-consonant-page=\"120\" data-consonant-source=\"post-content\" class=\"ee-about-workmanship\" aria-labelledby=\"ee-about-workmanship-title\">\n  <div class=\"ee-about-workmanship__shell\">\n    <header class=\"ee-about-workmanship__head\" data-ee-reveal>\n      <div class=\"ee-about-workmanship__index\"><span>03<\/span><span>WORKMANSHIP<\/span><\/div>\n      <div>\n        <span class=\"ee-about-workmanship__eyebrow\">BUILT TO HOLD UP<\/span>\n        <h2 id=\"ee-about-workmanship-title\">Workmanship That <span>Holds Up.<\/span><\/h2>\n      <\/div>\n      <p>Quality workmanship is not decoration. It affects how safely and efficiently electrical equipment can be inspected, serviced, expanded, and understood later.<\/p>\n    <\/header>\n\n    <div class=\"ee-about-workmanship__layout\">\n      <div class=\"ee-about-workmanship__ledger\" aria-label=\"Electrical Expert LLC workmanship priorities\" data-ee-reveal>\n        <div><b>01<\/b><strong>Sensible circuit and load planning<\/strong><span>PLAN<\/span><\/div>\n        <div><b>02<\/b><strong>Clean equipment layout<\/strong><span>LAYOUT<\/span><\/div>\n        <div><b>03<\/b><strong>Professional routing<\/strong><span>ROUTING<\/span><\/div>\n        <div><b>04<\/b><strong>Clear labeling<\/strong><span>CLARITY<\/span><\/div>\n        <div><b>05<\/b><strong>Attention to existing conditions<\/strong><span>CONDITION<\/span><\/div>\n        <div><b>06<\/b><strong>Practical room for future needs<\/strong><span>FUTURE<\/span><\/div>\n        <div><b>07<\/b><strong>Straightforward communication about what the project requires<\/strong><span>COMMUNICATION<\/span><\/div>\n      <\/div>\n\n      <figure class=\"ee-about-workmanship__visual\" data-ee-reveal>\n        <img decoding=\"async\" src=\"https:\/\/electricalexpert520.com\/wp-content\/uploads\/2026\/08\/20240829_154806-1-scaled.webp\" alt=\"Commercial electrical service equipment with organized disconnects, meters, and conduit\" loading=\"lazy\">\n        <figcaption><small>THE FINISHED STANDARD<\/small><strong>Every project has to stand on its own after the truck leaves.<\/strong><\/figcaption>\n      <\/figure>\n\n      <aside class=\"ee-about-workmanship__statement\" data-ee-reveal>\n        <span>THE NEXT ELECTRICIAN SHOULD NOT HAVE TO GUESS<\/span>\n        <p>The finished work should not leave the next electrician wondering what happened here.<\/p>\n      <\/aside>\n    <\/div>\n  <\/div>\n\n  <div class=\"ee-about-workmanship__handoff\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-about-workmanship,\n.ee-about-workmanship * { box-sizing: border-box; }\n\n.ee-about-workmanship {\n  --ee-navy: #071426;\n  --ee-blue: #1494ff;\n  --ee-yellow: #f9b000;\n  position: relative;\n  overflow: clip;\n  padding: clamp(86px, 9vw, 128px) 20px clamp(150px, 14vw, 210px);\n  background:\n    radial-gradient(circle at 88% 20%, rgba(20,148,255,.1), transparent 28rem),\n    linear-gradient(#f5f9ff, #ffffff 74%, #edf3f8);\n  color: var(--ee-navy);\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-about-workmanship__shell {\n  width: min(1320px, 100%);\n  margin: 0 auto;\n}\n\n.ee-about-workmanship__head {\n  display: grid;\n  grid-template-columns: 120px minmax(0, 1fr) minmax(310px, .52fr);\n  gap: clamp(24px, 4vw, 58px);\n  align-items: end;\n  margin-bottom: clamp(56px, 7vw, 88px);\n}\n\n.ee-about-workmanship__index {\n  align-self: start;\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid var(--ee-blue);\n}\n\n.ee-about-workmanship__index span:first-child {\n  font-size: 32px;\n  font-weight: 900;\n  line-height: .9;\n}\n\n.ee-about-workmanship__index span:last-child {\n  color: #667b8f;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-workmanship__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: #0b6fb7;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-workmanship h2 {\n  max-width: 800px;\n  margin: 0;\n  color: var(--ee-navy);\n  font-size: clamp(46px, 5.8vw, 80px);\n  font-weight: 900;\n  line-height: .91;\n  letter-spacing: -.052em;\n  text-transform: uppercase;\n}\n\n.ee-about-workmanship h2 span {\n  display: block;\n  color: #0b6fb7;\n}\n\n.ee-about-workmanship__head > p {\n  margin: 0;\n  padding: 21px 0 0 19px;\n  border-top: 1px solid rgba(7,20,38,.12);\n  border-left: 3px solid var(--ee-yellow);\n  color: #526b82;\n  font-size: 16px;\n  font-weight: 650;\n  line-height: 1.62;\n}\n\n.ee-about-workmanship__layout {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(420px, 1fr) minmax(360px, .82fr);\n  gap: clamp(34px, 6vw, 80px);\n  align-items: start;\n  min-height: 0;\n}\n\n.ee-about-workmanship__ledger {\n  display: grid;\n  align-self: center;\n  border-top: 1px solid rgba(7,20,38,.14);\n}\n\n.ee-about-workmanship__ledger > div {\n  position: relative;\n  display: grid;\n  grid-template-columns: 50px minmax(0, 1fr) auto;\n  gap: 14px;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 14px 12px 0;\n  border-bottom: 1px solid rgba(7,20,38,.14);\n  transition: padding .25s ease, background .25s ease;\n}\n\n.ee-about-workmanship__ledger > div::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 20%;\n  bottom: 20%;\n  width: 3px;\n  background: var(--ee-blue);\n  transform: scaleY(0);\n  transition: transform .25s ease;\n}\n\n.ee-about-workmanship__ledger > div:hover {\n  padding-left: 16px;\n  background: linear-gradient(90deg, rgba(20,148,255,.07), transparent 72%);\n}\n\n.ee-about-workmanship__ledger > div:hover::before { transform: scaleY(1); }\n\n.ee-about-workmanship__ledger b {\n  color: var(--ee-blue);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .12em;\n}\n\n.ee-about-workmanship__ledger strong {\n  color: var(--ee-navy);\n  font-size: clamp(15px, 1.1vw, 18px);\n  font-weight: 850;\n  line-height: 1.35;\n}\n\n.ee-about-workmanship__ledger span {\n  color: #7a8b9b;\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-workmanship__visual {\n  position: relative;\n  min-height: 560px;\n  margin: 0;\n}\n\n.ee-about-workmanship__visual::before {\n  content: \"\";\n  position: absolute;\n  z-index: 2;\n  top: -10px;\n  right: 8%;\n  width: 38%;\n  height: 6px;\n  background: var(--ee-yellow);\n  opacity: .9;\n}\n\n.ee-about-workmanship__visual::after {\n  content: \"\";\n  position: absolute;\n  z-index: 2;\n  left: -10px;\n  bottom: 9%;\n  width: 6px;\n  height: 38%;\n  background: var(--ee-blue);\n  opacity: .9;\n}\n\n.ee-about-workmanship__visual img {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  min-height: inherit;\n  object-fit: cover;\n  object-position: center 46%;\n  clip-path: polygon(5% 0, 100% 0, 100% 91%, 94% 100%, 0 100%, 0 7%);\n  filter: saturate(.96) contrast(1.03);\n  box-shadow: 0 22px 42px rgba(7,20,38,.18);\n}\n\n.ee-about-workmanship__visual figcaption {\n  position: absolute;\n  z-index: 3;\n  left: 18px;\n  right: 18px;\n  bottom: 18px;\n  padding: 14px 16px 15px 18px;\n  background: rgba(7,20,38,.94);\n  border-left: 3px solid var(--ee-yellow);\n  color: #fff;\n  clip-path: none;\n  filter: none;\n}\n\n.ee-about-workmanship__visual figcaption small,\n.ee-about-workmanship__visual figcaption strong { display: block; }\n\n.ee-about-workmanship__visual figcaption small {\n  margin-bottom: 6px;\n  color: var(--ee-yellow);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-workmanship__visual figcaption strong {\n  font-size: 13px;\n  line-height: 1.35;\n}\n\n.ee-about-workmanship__statement {\n  position: relative;\n  z-index: 4;\n  grid-column: 1 \/ -1;\n  justify-self: end;\n  width: min(720px, 64%);\n  margin-top: 20px;\n  padding: 18px 22px 19px;\n  background: #071426;\n  border-left: 4px solid var(--ee-blue);\n  color: #fff;\n  clip-path: none;\n  filter: none;\n}\n\n.ee-about-workmanship__statement span {\n  display: block;\n  margin-bottom: 9px;\n  color: var(--ee-yellow);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-workmanship__statement p {\n  margin: 0;\n  color: #fff;\n  font-size: clamp(17px, 1.3vw, 21px);\n  font-weight: 800;\n  line-height: 1.38;\n}\n\n.ee-about-workmanship__handoff {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 94px;\n}\n\n.ee-about-workmanship__handoff::before {\n  content: \"\";\n  position: absolute;\n  inset: 42px -2% 0;\n  background: #dbe4ec;\n  clip-path: polygon(0 60%, 34% 12%, 66% 41%, 100% 8%, 100% 100%, 0 100%);\n}\n\n.ee-about-workmanship__handoff span:nth-child(1) {\n  position: absolute;\n  left: -3%;\n  top: 41px;\n  width: 63%;\n  height: 9px;\n  background: var(--ee-blue);\n  transform: rotate(-2.7deg);\n}\n\n.ee-about-workmanship__handoff span:nth-child(2) {\n  position: absolute;\n  right: -3%;\n  top: 46px;\n  width: 45%;\n  height: 7px;\n  background: var(--ee-yellow);\n  transform: rotate(2.3deg);\n}\n\n.ee-about-workmanship.is-motion-ready [data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .68s cubic-bezier(.2,.75,.25,1), transform .68s cubic-bezier(.2,.75,.25,1);\n}\n\n.ee-about-workmanship.is-motion-ready [data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 980px) {\n  .ee-about-workmanship__head { grid-template-columns: 1fr; }\n  .ee-about-workmanship__index { width: 120px; }\n  .ee-about-workmanship__head > p { max-width: 680px; }\n  .ee-about-workmanship__layout { grid-template-columns: 1fr; }\n  .ee-about-workmanship__visual { width: min(760px, 94%); min-height: 480px; margin-left: auto; }\n  .ee-about-workmanship__statement { width: min(680px, 90%); margin: 8px 0 0 auto; }\n}\n\n@media (max-width: 620px) {\n  .ee-about-workmanship { padding: 66px 14px 116px; }\n  .ee-about-workmanship h2 { font-size: clamp(40px, 11.5vw, 54px); }\n  .ee-about-workmanship__ledger > div { grid-template-columns: 38px 1fr; }\n  .ee-about-workmanship__ledger span { display: none; }\n  .ee-about-workmanship__visual { width: 100%; min-height: 350px; }\n  .ee-about-workmanship__visual figcaption { left: 12px; right: 10%; bottom: 14px; }\n  .ee-about-workmanship__statement { width: 100%; margin: 8px 0 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-about-workmanship.is-motion-ready [data-ee-reveal],\n  .ee-about-workmanship.is-motion-ready [data-ee-reveal].is-visible {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\n\n\/* About QA: tighten the workmanship rhythm and preserve a useful text measure. *\/\n.ee-about-workmanship__statement{\n  width:min(920px,82%);\n  margin-top:-56px;\n  padding:22px 30px 24px;\n}\n.ee-about-workmanship__statement p{\n  font-size:clamp(20px,1.8vw,30px);\n  line-height:1.32;\n}\n@media(max-width:1020px){\n  .ee-about-workmanship__head{margin-bottom:46px;}\n  .ee-about-workmanship__head>p{width:100%;max-width:none;}\n  .ee-about-workmanship__layout{gap:32px;}\n  .ee-about-workmanship__statement{width:100%;margin-top:0;}\n}\n@media(max-width:620px){\n  .ee-about-workmanship__statement{padding:20px 22px;}\n}\n\n\/* Editorial workmanship treatment: no caption card and no boxed pull quote. *\/\n.ee-about-workmanship__visual figcaption{\n  left:0;\n  right:0;\n  bottom:0;\n  padding:72px 28px 24px 32px;\n  background:linear-gradient(transparent,rgba(7,20,38,.9));\n  border-left:0;\n}\n.ee-about-workmanship__visual figcaption::before{\n  content:\"\";\n  position:absolute;\n  left:18px;\n  bottom:24px;\n  width:3px;\n  height:54px;\n  background:var(--ee-yellow);\n}\n.ee-about-workmanship__statement{\n  justify-self:start;\n  width:min(1050px,88%);\n  margin:-34px 0 0 clamp(0px,5vw,72px);\n  padding:38px 0 0;\n  background:transparent;\n  border-left:0;\n  border-top:1px solid rgba(7,20,38,.18);\n  color:var(--ee-navy);\n}\n.ee-about-workmanship__statement::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:-2px;\n  width:clamp(90px,18%,190px);\n  height:4px;\n  background:var(--ee-blue);\n}\n.ee-about-workmanship__statement p{\n  max-width:980px;\n  color:var(--ee-navy);\n  font-size:clamp(28px,3.15vw,52px);\n  line-height:1.07;\n  letter-spacing:-.035em;\n}\n@media(max-width:1020px){\n .ee-about-workmanship__statement{width:100%;margin:10px 0 0;padding-top:30px;}\n}\n\n\/* Workmanship light field: soft sun wash and cool edge shadow, never a pattern. *\/\n.ee-about-workmanship{\n  background:\n    radial-gradient(ellipse 70% 46% at 76% 12%,rgba(249,176,0,.105),transparent 70%),\n    radial-gradient(ellipse 58% 58% at 4% 72%,rgba(20,148,255,.09),transparent 74%),\n    radial-gradient(ellipse 42% 34% at 54% 48%,rgba(255,255,255,.98),transparent 78%),\n    linear-gradient(150deg,#f8fafc 0%,#eef3f6 56%,#faf6ed 100%);\n  background-size:130% 130%,128% 128%,116% 116%,100% 100%;\n  animation:ee-about-workmanship-light 24s ease-in-out infinite alternate;\n  box-shadow:inset 0 80px 120px -120px rgba(7,20,38,.3),inset 0 -90px 120px -120px rgba(7,20,38,.22);\n}\n@keyframes ee-about-workmanship-light{\n  0%{background-position:76% 8%,0% 76%,50% 45%,0 0;}\n  100%{background-position:62% 20%,12% 60%,58% 52%,0 0;}\n}\n@media(prefers-reduced-motion:reduce){.ee-about-workmanship{animation:none;}}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector('.ee-about-workmanship');\n  if (!section) return;\n\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)');\n  const items = [...section.querySelectorAll('[data-ee-reveal]')];\n  if (!items.length || reduce.matches) return;\n\n  section.classList.add('is-motion-ready');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      observer.unobserve(entry.target);\n    });\n  }, { threshold: 0.16 });\n\n  items.forEach((item, index) => {\n    item.style.transitionDelay = `${index * 90}ms`;\n    observer.observe(item);\n  });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"4\" data-consonant-block=\"post-120-core-html-4\" data-consonant-page=\"120\" data-consonant-source=\"post-content\" class=\"ee-about-scope\" aria-labelledby=\"ee-about-scope-title\">\n  <div class=\"ee-about-scope__ghost\" aria-hidden=\"true\">PROJECT<\/div>\n  <div class=\"ee-about-scope__shell\">\n    <header class=\"ee-about-scope__head\" data-ee-reveal>\n      <div class=\"ee-about-scope__index\"><span>04<\/span><span>PROJECT RANGE<\/span><\/div>\n      <div>\n        <span class=\"ee-about-scope__eyebrow\">RESIDENTIAL \u2022 COMMERCIAL \u2022 PROJECT-BASED<\/span>\n        <h2 id=\"ee-about-scope-title\">Residential, Commercial <span>&amp; Project-Based Electrical Work<\/span><\/h2>\n      <\/div>\n      <p>Electrical Expert LLC works with homeowners, businesses, remodelers, contractors, and other property professionals across a wide range of electrical projects.<\/p>\n    <\/header>\n\n    <div class=\"ee-about-scope__runway\" data-ee-reveal>\n      <div class=\"ee-about-scope__rail ee-about-scope__rail--residential\">\n        <div class=\"ee-about-scope__rail-label\"><b>01<\/b><span>HOME + PROPERTY<\/span><\/div>\n        <div class=\"ee-about-scope__items\">\n          <span>Residential Electrical<\/span>\n          <span>Panel &amp; Service Upgrades<\/span>\n          <span>EV Charger Installation<\/span>\n          <span>Smart-Home Electrical Products<\/span>\n          <span>Generators<\/span>\n          <span>Hot Tub &amp; Spa Electrical<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ee-about-scope__rail ee-about-scope__rail--projects\">\n        <div class=\"ee-about-scope__rail-label\"><b>02<\/b><span>BUILD + CHANGE<\/span><\/div>\n        <div class=\"ee-about-scope__items\">\n          <span>Commercial Electrical<\/span>\n          <span>Remodel Electrical<\/span>\n          <span>Smart Switches<\/span>\n          <span>Smart Panels<\/span>\n          <span>SPAN Systems<\/span>\n          <span>Related Electrical Improvements<\/span>\n        <\/div>\n      <\/div>\n\n      <aside class=\"ee-about-scope__note\">\n        <span>WIDE PROJECT RANGE \/ ONE LOCAL COMPANY<\/span>\n        <p>Electrical improvements for homes, businesses, remodels, contractors, and other property professionals.<\/p>\n      <\/aside>\n    <\/div>\n  <\/div>\n\n  <div class=\"ee-about-scope__handoff\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-about-scope,\n.ee-about-scope * { box-sizing: border-box; }\n\n.ee-about-scope {\n  --ee-navy: #071426;\n  --ee-deep: #020817;\n  --ee-blue: #1494ff;\n  --ee-yellow: #f9b000;\n  position: relative;\n  isolation: isolate;\n  overflow: clip;\n  padding: clamp(88px, 9vw, 128px) 20px clamp(158px, 15vw, 224px);\n  background:\n    radial-gradient(circle at 13% 18%, rgba(20,148,255,.12), transparent 25rem),\n    linear-gradient(180deg, #dbe4ec 0%, #c9d5df 76%, #becbd5 100%);\n  color: var(--ee-navy);\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-about-scope__ghost {\n  position: absolute;\n  z-index: -1;\n  right: -0.04em;\n  top: .05em;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(7,20,38,.055);\n  font-size: clamp(130px, 23vw, 370px);\n  font-weight: 900;\n  line-height: .8;\n  letter-spacing: -.08em;\n  user-select: none;\n}\n\n.ee-about-scope__shell {\n  width: min(1320px, 100%);\n  margin: 0 auto;\n}\n\n.ee-about-scope__head {\n  display: grid;\n  grid-template-columns: 120px minmax(0, 1fr) minmax(300px, .54fr);\n  gap: clamp(24px, 4vw, 58px);\n  align-items: end;\n  margin-bottom: clamp(54px, 7vw, 86px);\n}\n\n.ee-about-scope__index {\n  align-self: start;\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid var(--ee-blue);\n}\n\n.ee-about-scope__index span:first-child {\n  font-size: 32px;\n  font-weight: 900;\n  line-height: .9;\n}\n\n.ee-about-scope__index span:last-child {\n  color: #596f84;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-scope__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: #0b6fb7;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-scope h2 {\n  max-width: 820px;\n  margin: 0;\n  color: var(--ee-navy);\n  font-size: clamp(46px, 5.8vw, 80px);\n  font-weight: 900;\n  line-height: .91;\n  letter-spacing: -.052em;\n  text-transform: uppercase;\n}\n\n.ee-about-scope h2 span {\n  display: block;\n  color: #0b6fb7;\n}\n\n.ee-about-scope__head > p {\n  margin: 0;\n  padding: 20px 0 0 19px;\n  border-top: 1px solid rgba(7,20,38,.14);\n  border-left: 3px solid var(--ee-yellow);\n  color: #415a70;\n  font-size: 16px;\n  font-weight: 650;\n  line-height: 1.62;\n}\n\n.ee-about-scope__runway {\n  position: relative;\n  display: grid;\n  gap: 16px;\n  padding: 28px 0 94px;\n}\n\n.ee-about-scope__runway::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  left: 7%;\n  right: 3%;\n  top: 0;\n  bottom: 55px;\n  background: rgba(255,255,255,.4);\n  clip-path: polygon(2% 0, 100% 0, 97% 88%, 91% 100%, 0 100%, 0 10%);\n  box-shadow: 0 26px 60px rgba(7,20,38,.12);\n}\n\n.ee-about-scope__rail {\n  position: relative;\n  display: grid;\n  grid-template-columns: 205px minmax(0, 1fr);\n  min-height: 150px;\n  overflow: hidden;\n  box-shadow: 0 22px 44px rgba(7,20,38,.15);\n}\n\n.ee-about-scope__rail--residential {\n  margin-right: 8%;\n  background: linear-gradient(105deg, #071426, #0b3152);\n  color: #fff;\n  clip-path: polygon(0 0, 96% 0, 100% 18%, 100% 100%, 5% 100%, 0 82%);\n  filter: drop-shadow(10px 10px 0 rgba(20,148,255,.48));\n}\n\n.ee-about-scope__rail--projects {\n  margin-left: 8%;\n  background: linear-gradient(105deg, #f6f9fc, #e7eff7);\n  color: var(--ee-navy);\n  clip-path: polygon(5% 0, 100% 0, 100% 82%, 95% 100%, 0 100%, 0 18%);\n  filter: drop-shadow(-10px 10px 0 rgba(249,176,0,.42));\n}\n\n.ee-about-scope__rail-label {\n  display: grid;\n  align-content: center;\n  gap: 10px;\n  padding: 28px 28px 28px 34px;\n  border-right: 1px solid rgba(255,255,255,.13);\n}\n\n.ee-about-scope__rail--projects .ee-about-scope__rail-label {\n  border-right-color: rgba(7,20,38,.12);\n}\n\n.ee-about-scope__rail-label b {\n  color: var(--ee-yellow);\n  font-size: 42px;\n  font-weight: 900;\n  line-height: .82;\n}\n\n.ee-about-scope__rail--projects .ee-about-scope__rail-label b { color: var(--ee-blue); }\n\n.ee-about-scope__rail-label span {\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-scope__items {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  align-content: stretch;\n}\n\n.ee-about-scope__items span {\n  display: flex;\n  align-items: center;\n  min-height: 74px;\n  padding: 16px 18px;\n  border-right: 1px solid rgba(255,255,255,.11);\n  border-bottom: 1px solid rgba(255,255,255,.11);\n  color: rgba(255,255,255,.84);\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.35;\n}\n\n.ee-about-scope__rail--projects .ee-about-scope__items span {\n  border-color: rgba(7,20,38,.1);\n  color: #294158;\n}\n\n.ee-about-scope__items span:nth-child(3n) { border-right: 0; }\n.ee-about-scope__items span:nth-last-child(-n+3) { border-bottom: 0; }\n\n.ee-about-scope__note {\n  position: absolute;\n  right: 3%;\n  bottom: 0;\n  width: min(430px, 39%);\n  padding: 20px 26px 22px;\n  background: var(--ee-yellow);\n  color: var(--ee-navy);\n  clip-path: polygon(0 0, 91% 0, 100% 28%, 100% 100%, 8% 100%, 0 74%);\n  filter: drop-shadow(-9px 9px 0 rgba(20,148,255,.6)) drop-shadow(0 18px 28px rgba(7,20,38,.18));\n}\n\n.ee-about-scope__note span {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-about-scope__note p {\n  margin: 0;\n  font-size: clamp(20px, 1.8vw, 27px);\n  font-weight: 900;\n  line-height: 1.08;\n  letter-spacing: -.03em;\n}\n\n.ee-about-scope__handoff {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 112px;\n}\n\n.ee-about-scope__handoff::before {\n  content: \"\";\n  position: absolute;\n  inset: 36px -2% 0;\n  background: var(--ee-deep);\n  clip-path: polygon(0 54%, 27% 20%, 54% 42%, 78% 5%, 100% 27%, 100% 100%, 0 100%);\n}\n\n.ee-about-scope__handoff span:nth-child(1) {\n  position: absolute;\n  left: -5%;\n  top: 39px;\n  width: 63%;\n  height: 9px;\n  background: var(--ee-blue);\n  transform: rotate(-2.7deg);\n}\n\n.ee-about-scope__handoff span:nth-child(2) {\n  position: absolute;\n  right: -4%;\n  top: 33px;\n  width: 51%;\n  height: 8px;\n  background: var(--ee-yellow);\n  transform: rotate(2.2deg);\n}\n\n.ee-about-scope.is-motion-ready [data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s cubic-bezier(.2,.75,.25,1), transform .7s cubic-bezier(.2,.75,.25,1);\n}\n\n.ee-about-scope.is-motion-ready [data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 980px) {\n  .ee-about-scope__head { grid-template-columns: 1fr; }\n  .ee-about-scope__index { width: 120px; }\n  .ee-about-scope__head > p { max-width: 680px; }\n  .ee-about-scope__rail { grid-template-columns: 160px minmax(0, 1fr); }\n  .ee-about-scope__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .ee-about-scope__items span:nth-child(3n) { border-right: 1px solid currentColor; border-right-color: inherit; }\n  .ee-about-scope__items span:nth-child(2n) { border-right: 0; }\n  .ee-about-scope__items span:nth-last-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.11); }\n  .ee-about-scope__items span:nth-last-child(-n+2) { border-bottom: 0; }\n  .ee-about-scope__rail--projects .ee-about-scope__items span:nth-last-child(-n+3) { border-bottom-color: rgba(7,20,38,.1); }\n  .ee-about-scope__note { width: min(480px, 58%); }\n}\n\n@media (max-width: 650px) {\n  .ee-about-scope { padding: 66px 14px 120px; }\n  .ee-about-scope h2 { font-size: clamp(40px, 11.5vw, 54px); }\n  .ee-about-scope__runway { gap: 18px; padding-bottom: 0; }\n  .ee-about-scope__runway::before { display: none; }\n  .ee-about-scope__rail,\n  .ee-about-scope__rail--residential,\n  .ee-about-scope__rail--projects { grid-template-columns: 1fr; margin: 0; }\n  .ee-about-scope__rail-label { padding: 24px 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }\n  .ee-about-scope__items { grid-template-columns: 1fr; }\n  .ee-about-scope__items span:nth-child(n) { min-height: 58px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.11); }\n  .ee-about-scope__rail--projects .ee-about-scope__items span:nth-child(n) { border-bottom-color: rgba(7,20,38,.1); }\n  .ee-about-scope__items span:last-child { border-bottom: 0; }\n  .ee-about-scope__note { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 8px; }\n  .ee-about-scope__ghost { top: .2em; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-about-scope.is-motion-ready [data-ee-reveal] { opacity: 1; transform: none; transition: none; }\n}\n\n\n\/* About QA: keep the range message in normal flow so it never covers the service matrix. *\/\n.ee-about-scope__runway{padding-bottom:0;}\n.ee-about-scope__note{\n  position:relative;\n  right:auto;\n  bottom:auto;\n  width:min(680px,64%);\n  margin:28px 0 0 auto;\n  padding:24px 30px 26px;\n}\n.ee-about-scope__note p{\n  font-size:clamp(22px,2vw,32px);\n  line-height:1.1;\n}\n@media(max-width:980px){\n  .ee-about-scope__note{width:min(680px,78%);}\n}\n@media(max-width:650px){\n  .ee-about-scope__note{width:100%;margin-top:18px;padding:22px;}\n}\n\n\/* Service field: two open typographic streams, no rails, cards, or visible matrix. *\/\n.ee-about-scope__runway{\n  display:flex;\n  flex-wrap:wrap;\n  gap:clamp(54px,8vw,120px);\n  padding:20px 0 0;\n}\n.ee-about-scope__runway::before{display:none;}\n.ee-about-scope__rail,\n.ee-about-scope__rail--residential,\n.ee-about-scope__rail--projects{\n  flex:1 1 430px;\n  display:block;\n  min-height:0;\n  margin:0;\n  overflow:visible;\n  background:transparent;\n  color:var(--ee-navy);\n  clip-path:none;\n  filter:none;\n  box-shadow:none;\n}\n.ee-about-scope__rail-label{\n  display:flex;\n  align-items:baseline;\n  gap:18px;\n  padding:0 0 24px;\n  border:0;\n  border-bottom:1px solid rgba(7,20,38,.16);\n}\n.ee-about-scope__rail-label b,\n.ee-about-scope__rail--projects .ee-about-scope__rail-label b{\n  color:var(--ee-blue);\n  font-size:clamp(54px,6vw,92px);\n}\n.ee-about-scope__rail--residential .ee-about-scope__rail-label b{color:var(--ee-yellow);}\n.ee-about-scope__rail-label span{color:#526b82;font-size:10px;}\n.ee-about-scope__items{\n  counter-reset:service;\n  display:flex;\n  flex-direction:column;\n}\n.ee-about-scope__items span,\n.ee-about-scope__rail--projects .ee-about-scope__items span{\n  counter-increment:service;\n  position:relative;\n  display:flex;\n  align-items:center;\n  min-height:70px;\n  padding:18px 0 18px 58px;\n  border:0;\n  border-bottom:1px solid rgba(7,20,38,.1);\n  color:#294158;\n  font-size:clamp(15px,1.2vw,19px);\n  opacity:0;\n  transform:translateY(28px);\n  transition:opacity .55s ease,transform .7s cubic-bezier(.2,.78,.24,1);\n}\n.ee-about-scope__items span::before{\n  content:\"0\" counter(service);\n  position:absolute;\n  left:0;\n  color:#0b6fb7;\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.12em;\n}\n.ee-about-scope__items span::after{\n  content:\"\";\n  position:absolute;\n  left:26px;\n  width:18px;\n  height:2px;\n  background:linear-gradient(90deg,var(--ee-blue),var(--ee-yellow));\n}\n.ee-about-scope__items span.is-service-visible{opacity:1;transform:none;}\n.ee-about-scope__note{\n  flex:1 0 100%;\n  position:relative;\n  width:min(980px,82%);\n  margin:clamp(42px,7vw,92px) 0 0 auto;\n  padding:30px 0 0 clamp(28px,5vw,72px);\n  background:transparent;\n  border-top:1px solid rgba(7,20,38,.16);\n  color:var(--ee-navy);\n  clip-path:none;\n  filter:none;\n}\n.ee-about-scope__note::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:-3px;\n  width:clamp(100px,24%,240px);\n  height:5px;\n  background:var(--ee-yellow);\n}\n.ee-about-scope__note p{font-size:clamp(30px,4vw,64px);line-height:.98;letter-spacing:-.05em;}\n@media(max-width:650px){\n .ee-about-scope__runway{display:block;}\n .ee-about-scope__rail+.ee-about-scope__rail{margin-top:54px;}\n .ee-about-scope__note{width:100%;margin-top:54px;padding:26px 0 0;}\n}\n\n\/* Project-range atmosphere: a muted desert horizon rather than another surface panel. *\/\n.ee-about-scope{\n  background:\n    radial-gradient(ellipse 66% 50% at 12% 28%,rgba(20,148,255,.11),transparent 72%),\n    radial-gradient(ellipse 62% 42% at 88% 72%,rgba(249,176,0,.12),transparent 73%),\n    linear-gradient(168deg,#dfe7ed 0%,#cbd7df 54%,#e8dfcb 118%);\n  background-size:128% 128%,132% 132%,100% 100%;\n  animation:ee-about-scope-light 26s ease-in-out infinite alternate;\n}\n@keyframes ee-about-scope-light{\n  0%{background-position:0% 24%,100% 76%,0 0;}\n  100%{background-position:15% 38%,84% 58%,0 0;}\n}\n@media(prefers-reduced-motion:reduce){.ee-about-scope{animation:none;}}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector('.ee-about-scope');\n  if (!section) return;\n  const items = [...section.querySelectorAll('.ee-about-scope__items span')];\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)');\n  if (reduce.matches) {\n    items.forEach((item) => item.classList.add('is-service-visible'));\n    return;\n  }\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      const index = items.indexOf(entry.target);\n      entry.target.style.transitionDelay = `${(index % 6) * 85}ms`;\n      entry.target.classList.add('is-service-visible');\n      observer.unobserve(entry.target);\n    });\n  }, { threshold: .35 });\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=\"5\" data-consonant-block=\"post-120-core-html-5\" data-consonant-page=\"120\" data-consonant-source=\"post-content\" class=\"ee-about-local\" aria-labelledby=\"ee-about-local-title\">\n  <div class=\"ee-about-local__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"ee-about-local__shell\">\n    <header class=\"ee-about-local__head\" data-ee-reveal>\n      <div class=\"ee-about-local__index\"><span>05<\/span><span>LOCAL ACCOUNTABILITY<\/span><\/div>\n      <div>\n        <span class=\"ee-about-local__eyebrow\">SERVING SOUTHERN ARIZONA SINCE 2004<\/span>\n        <h2 id=\"ee-about-local-title\">Serving Southern Arizona <span>Since 2004.<\/span><\/h2>\n      <\/div>\n      <p>Our work is rooted in the local market, the local housing stock, and the electrical needs that come with living and building in Southern Arizona.<\/p>\n    <\/header>\n\n    <div class=\"ee-about-local__composition\">\n      <div class=\"ee-about-local__areas\" aria-label=\"Electrical Expert LLC core service areas\" data-ee-reveal>\n        <div><b>01<\/b><strong>Tucson<\/strong><span>CORE SERVICE AREA<\/span><\/div>\n        <div><b>02<\/b><strong>Marana<\/strong><span>CORE SERVICE AREA<\/span><\/div>\n        <div><b>03<\/b><strong>Oro Valley<\/strong><span>CORE SERVICE AREA<\/span><\/div>\n        <div><b>04<\/b><strong>SaddleBrooke<\/strong><span>CORE SERVICE AREA<\/span><\/div>\n      <\/div>\n\n      <figure class=\"ee-about-local__visual\" data-ee-reveal>\n        <img decoding=\"async\" src=\"https:\/\/electricalexpert520.com\/wp-content\/uploads\/2026\/08\/tucson-scaled.webp\" alt=\"Tucson, Arizona cityscape and surrounding desert landscape\" loading=\"lazy\">\n        <figcaption>\n          <small>TUCSON \/ SOUTHERN ARIZONA<\/small>\n          <strong>Our job is to understand the demands and plan the electrical work around them.<\/strong>\n        <\/figcaption>\n        <div class=\"ee-about-local__az\" aria-hidden=\"true\">AZ<\/div>\n      <\/figure>\n\n      <aside class=\"ee-about-local__credentials\" id=\"ee-about-local-credentials\" data-ee-reveal>\n        <span class=\"ee-about-local__credentials-label\">LOCAL CREDENTIALS<\/span>\n        <h3>Licensed. Bonded. Insured. ROC Registered.<\/h3>\n        <p>Electrical Expert LLC has served Tucson and the surrounding Southern Arizona communities since 2004.<\/p>\n        <div class=\"ee-about-local__cred-rail\" aria-label=\"Company credentials\">\n          <span>LICENSED<\/span><i><\/i><span>BONDED<\/span><i><\/i><span>INSURED<\/span><i><\/i><span>ROC<\/span>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/div>\n\n  <div class=\"ee-about-local__handoff\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-about-local,\n.ee-about-local * { box-sizing: border-box; }\n\n.ee-about-local {\n  --ee-deep: #020817;\n  --ee-navy: #071426;\n  --ee-blue: #1494ff;\n  --ee-yellow: #f9b000;\n  position: relative;\n  isolation: isolate;\n  overflow: clip;\n  padding: clamp(92px, 9vw, 132px) 20px clamp(170px, 16vw, 232px);\n  background:\n    radial-gradient(circle at 14% 20%, rgba(20,148,255,.18), transparent 30rem),\n    radial-gradient(circle at 89% 78%, rgba(249,176,0,.08), transparent 22rem),\n    linear-gradient(180deg, #020817 0%, #071426 75%, #061326 100%);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-about-local__grid {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  opacity: .18;\n  background-image:\n    linear-gradient(rgba(20,148,255,.12) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20,148,255,.09) 1px, transparent 1px);\n  background-size: 72px 72px;\n  -webkit-mask-image: linear-gradient(#000 0%, rgba(0,0,0,.8) 55%, transparent 94%);\n  mask-image: linear-gradient(#000 0%, rgba(0,0,0,.8) 55%, transparent 94%);\n}\n\n.ee-about-local__shell {\n  width: min(1320px, 100%);\n  margin: 0 auto;\n}\n\n.ee-about-local__head {\n  display: grid;\n  grid-template-columns: 120px minmax(0, 1fr) minmax(300px, .53fr);\n  gap: clamp(24px, 4vw, 58px);\n  align-items: end;\n  margin-bottom: clamp(58px, 7vw, 92px);\n}\n\n.ee-about-local__index {\n  align-self: start;\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid var(--ee-yellow);\n}\n\n.ee-about-local__index span:first-child {\n  color: var(--ee-blue);\n  font-size: 32px;\n  font-weight: 900;\n  line-height: .9;\n}\n\n.ee-about-local__index span:last-child {\n  color: rgba(255,255,255,.46);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-local__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: var(--ee-yellow);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-local h2 {\n  max-width: 850px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(46px, 5.8vw, 80px);\n  font-weight: 900;\n  line-height: .91;\n  letter-spacing: -.052em;\n  text-transform: uppercase;\n}\n\n.ee-about-local h2 span {\n  display: block;\n  color: var(--ee-blue);\n}\n\n.ee-about-local__head > p {\n  margin: 0;\n  padding: 21px 0 0 19px;\n  border-top: 1px solid rgba(255,255,255,.14);\n  border-left: 3px solid var(--ee-blue);\n  color: rgba(235,243,255,.68);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.65;\n}\n\n.ee-about-local__composition {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(300px, .76fr) minmax(420px, 1.12fr);\n  column-gap: clamp(36px, 6vw, 82px);\n  row-gap: clamp(28px, 4vw, 46px);\n  min-height: 670px;\n  align-items: center;\n}\n\n.ee-about-local__areas {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  align-self: center;\n  border-top: 1px solid rgba(255,255,255,.16);\n}\n\n.ee-about-local__areas > div {\n  position: relative;\n  display: grid;\n  grid-template-columns: 46px minmax(0, 1fr) auto;\n  gap: 15px;\n  align-items: center;\n  min-height: 86px;\n  padding: 13px 14px 13px 0;\n  border-bottom: 1px solid rgba(255,255,255,.16);\n}\n\n.ee-about-local__areas > div::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 18%;\n  bottom: 18%;\n  width: 3px;\n  background: var(--ee-blue);\n  transform: scaleY(.2);\n  opacity: .4;\n  transition: transform .25s ease, opacity .25s ease;\n}\n\n.ee-about-local__areas > div:nth-child(even)::before { background: var(--ee-yellow); }\n.ee-about-local__areas > div:hover::before { transform: scaleY(1); opacity: 1; }\n\n.ee-about-local__areas b {\n  padding-left: 14px;\n  color: var(--ee-yellow);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .1em;\n}\n\n.ee-about-local__areas strong {\n  color: #fff;\n  font-size: clamp(20px, 1.8vw, 28px);\n  font-weight: 900;\n  letter-spacing: -.03em;\n}\n\n.ee-about-local__areas span {\n  color: rgba(255,255,255,.42);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .12em;\n}\n\n.ee-about-local__visual {\n  position: relative;\n  z-index: 1;\n  width: 94%;\n  height: min(62vw, 625px);\n  max-height: 625px;\n  min-height: 500px;\n  margin: 0 0 0 auto;\n  overflow: hidden;\n  background: var(--ee-deep);\n  clip-path: polygon(8% 0, 100% 0, 100% 88%, 91% 100%, 0 100%, 0 10%);\n  filter: drop-shadow(12px 14px 0 rgba(20,148,255,.55)) drop-shadow(-9px -8px 0 rgba(249,176,0,.3)) drop-shadow(0 28px 44px rgba(0,0,0,.36));\n}\n\n.ee-about-local__visual::after {\n  content: \"\";\n  position: absolute;\n  inset: 13px;\n  border: 1px solid rgba(255,255,255,.26);\n  clip-path: polygon(8% 0, 100% 0, 100% 88%, 91% 100%, 0 100%, 0 10%);\n  pointer-events: none;\n}\n\n.ee-about-local__visual > img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  filter: saturate(.95) contrast(1.04);\n}\n\n.ee-about-local__visual figcaption {\n  position: absolute;\n  z-index: 3;\n  left: 28px;\n  right: 24%;\n  bottom: 26px;\n  padding: 17px 20px 19px 22px;\n  background: rgba(2,8,23,.94);\n  color: #fff;\n  clip-path: polygon(0 0, 91% 0, 100% 31%, 100% 100%, 8% 100%, 0 72%);\n  filter: drop-shadow(-8px 8px 0 rgba(20,148,255,.75)) drop-shadow(8px -6px 0 rgba(249,176,0,.45));\n}\n\n.ee-about-local__visual figcaption small,\n.ee-about-local__visual figcaption strong { display: block; }\n\n.ee-about-local__visual figcaption small {\n  margin-bottom: 7px;\n  color: var(--ee-yellow);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-about-local__visual figcaption strong {\n  font-size: 14px;\n  font-weight: 900;\n  line-height: 1.35;\n}\n\n.ee-about-local__az {\n  position: absolute;\n  z-index: 2;\n  right: 18px;\n  top: 18px;\n  color: rgba(255,255,255,.12);\n  font-size: clamp(72px, 8vw, 118px);\n  font-weight: 900;\n  line-height: .8;\n  letter-spacing: -.08em;\n}\n\n.ee-about-local__credentials {\n  position: absolute;\n  z-index: 5;\n  left: 27%;\n  bottom: 26px;\n  width: min(660px, 52%);\n  margin: 0;\n  padding: 22px 30px 23px 24px;\n  background: linear-gradient(90deg,rgba(2,8,23,.94) 0%,rgba(7,20,38,.88) 72%,rgba(7,20,38,.22) 100%);\n  border-top: 1px solid rgba(255,255,255,.16);\n  border-left: 3px solid var(--ee-blue);\n  color: #fff;\n  clip-path: none;\n  box-shadow: 0 16px 36px rgba(0,0,0,.18);\n  backdrop-filter: blur(6px);\n}\n\n.ee-about-local__credentials-label {\n  display: block;\n  margin-bottom: 12px;\n  color: var(--ee-yellow);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-about-local__credentials h3 {\n  margin: 0;\n  color: #fff;\n  font-size: clamp(26px, 2.5vw, 40px);\n  font-weight: 900;\n  line-height: 1.02;\n  letter-spacing: -.04em;\n  text-transform: uppercase;\n}\n\n.ee-about-local__credentials p {\n  margin: 15px 0 19px;\n  color: rgba(235,243,255,.66);\n  font-size: 13px;\n  font-weight: 650;\n  line-height: 1.55;\n}\n\n.ee-about-local__cred-rail {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  color: rgba(255,255,255,.78);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .1em;\n}\n\n.ee-about-local__cred-rail i {\n  width: 22px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--ee-blue), var(--ee-yellow));\n}\n\n.ee-about-local__handoff {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 112px;\n}\n\n.ee-about-local__handoff::before {\n  content: \"\";\n  position: absolute;\n  inset: 49px -2% 0;\n  background: var(--ee-navy);\n  clip-path: polygon(0 24%, 28% 48%, 57% 5%, 80% 34%, 100% 12%, 100% 100%, 0 100%);\n}\n\n.ee-about-local__handoff span:nth-child(1) {\n  position: absolute;\n  left: -4%;\n  top: 48px;\n  width: 56%;\n  height: 9px;\n  background: var(--ee-yellow);\n  transform: rotate(2.2deg);\n}\n\n.ee-about-local__handoff span:nth-child(2) {\n  position: absolute;\n  right: -5%;\n  top: 39px;\n  width: 56%;\n  height: 8px;\n  background: var(--ee-blue);\n  transform: rotate(-2.5deg);\n}\n\n.ee-about-local.is-motion-ready [data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(25px) scale(.986);\n  transition: opacity .72s cubic-bezier(.2,.75,.25,1), transform .72s cubic-bezier(.2,.75,.25,1);\n}\n.ee-about-local.is-motion-ready .ee-about-local__credentials[data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(42px);\n  clip-path: inset(0 0 100% 0);\n  transition: opacity .82s ease, transform .82s cubic-bezier(.2,.75,.25,1), clip-path .95s cubic-bezier(.2,.75,.25,1);\n  will-change: opacity, transform, clip-path;\n}\n.ee-about-local.is-motion-ready .ee-about-local__credentials[data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n  clip-path: inset(0 0 0 0);\n}\n\n.ee-about-local.is-motion-ready [data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 1040px) {\n  .ee-about-local__head { grid-template-columns: 1fr; }\n  .ee-about-local__index { width: 120px; }\n  .ee-about-local__head > p { max-width: 680px; }\n  .ee-about-local__composition { grid-template-columns: 1fr; gap: 38px; }\n  .ee-about-local__visual { width: min(760px, 92%); margin-left: auto; }\n  .ee-about-local__areas { width: min(680px, 94%); }\n  .ee-about-local__credentials { position: relative; left: auto; bottom: auto; grid-column: 1; justify-self: start; width: min(620px, 94%); margin: 0; }\n}\n\n@media (max-width: 620px) {\n  .ee-about-local { padding: 68px 14px 126px; }\n  .ee-about-local h2 { font-size: clamp(40px, 11.5vw, 54px); }\n  .ee-about-local__areas { width: 100%; }\n  .ee-about-local__areas > div { grid-template-columns: 40px minmax(0, 1fr); }\n  .ee-about-local__areas span { grid-column: 2; }\n  .ee-about-local__visual { width: 100%; min-height: 360px; height: 108vw; }\n  .ee-about-local__visual figcaption { left: 14px; right: 12%; bottom: 15px; }\n  .ee-about-local__credentials { width: 100%; margin: 0; padding: 20px 0 0 18px; }\n  .ee-about-local__cred-rail i { width: 14px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-about-local.is-motion-ready [data-ee-reveal] { opacity: 1; transform: none; transition: none; }\n}\n\n\/* Local section: let the city, service areas, and credentials breathe as editorial layers. *\/\n.ee-about-local__composition{\n  grid-template-columns:minmax(260px,.62fr) minmax(520px,1.38fr);\n  min-height:0;\n  align-items:start;\n}\n.ee-about-local__areas{align-self:start;margin-top:42px;}\n.ee-about-local__areas strong{opacity:1;visibility:visible;color:#fff;}\n.ee-about-local__visual{width:100%;height:min(60vw,650px);min-height:540px;}\n.ee-about-local__visual figcaption{\n  left:0;\n  right:0;\n  bottom:0;\n  padding:86px 28px 28px 34px;\n  background:linear-gradient(transparent,rgba(2,8,23,.88));\n  clip-path:none;\n  filter:none;\n}\n.ee-about-local__credentials{\n  position:relative;\n  grid-column:1\/-1;\n  left:auto;\n  bottom:auto;\n  width:min(1120px,92%);\n  margin:-26px 0 0 auto;\n  padding:38px 0 0 clamp(30px,6vw,84px);\n  background:transparent;\n  border-left:0;\n  border-top:1px solid rgba(255,255,255,.16);\n  box-shadow:none;\n  backdrop-filter:none;\n  clip-path:none!important;\n}\n.ee-about-local__credentials::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:-3px;\n  width:clamp(100px,22%,230px);\n  height:5px;\n  background:var(--ee-blue);\n}\n.ee-about-local__credentials h3{\n  max-width:1000px;\n  font-size:clamp(38px,5.4vw,78px);\n  line-height:.94;\n}\n.ee-about-local__credentials p{max-width:740px;font-size:15px;}\n.ee-about-local.is-motion-ready .ee-about-local__credentials[data-ee-reveal],\n.ee-about-local.is-motion-ready .ee-about-local__credentials[data-ee-reveal].is-visible{\n  clip-path:none!important;\n}\n@media(max-width:1040px){\n .ee-about-local__composition{grid-template-columns:1fr;}\n .ee-about-local__credentials{width:100%;margin:0;padding-left:28px;}\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector('.ee-about-local');\n  if (!section) return;\n\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)');\n  const items = [...section.querySelectorAll('[data-ee-reveal]')];\n  if (!items.length || reduce.matches) return;\n\n  section.classList.add('is-motion-ready');\n\n  const credentials = section.querySelector('#ee-about-local-credentials');\n  const visual = section.querySelector('.ee-about-local__visual');\n  const standardItems = items.filter((item) => item !== credentials);\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      observer.unobserve(entry.target);\n    });\n  }, { threshold: 0.14 });\n\n  standardItems.forEach((item, index) => {\n    item.style.transitionDelay = `${index * 90}ms`;\n    observer.observe(item);\n  });\n\n  if (credentials) {\n    credentials.style.transitionDelay = '220ms';\n    const revealCredentials = () => credentials.classList.add('is-visible');\n    const trigger = visual || section;\n\n    const credentialObserver = new IntersectionObserver((entries) => {\n      if (!entries.some((entry) => entry.isIntersecting)) return;\n      revealCredentials();\n      credentialObserver.disconnect();\n    }, { threshold: 0.08, rootMargin: '0px 0px -10% 0px' });\n\n    credentialObserver.observe(trigger);\n\n    const triggerRect = trigger.getBoundingClientRect();\n    if ([triggerRect.top < window.innerHeight * 0.9, triggerRect.bottom > 0].every(Boolean)) {\n      requestAnimationFrame(revealCredentials);\n      credentialObserver.disconnect();\n    }\n  }\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"6\" data-consonant-block=\"post-120-core-html-6\" data-consonant-page=\"120\" data-consonant-source=\"post-content\" class=\"ee-about-cta\" aria-labelledby=\"ee-about-cta-title\">\n  <div class=\"ee-about-cta__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"ee-about-cta__ghost\" aria-hidden=\"true\">2004<\/div>\n  <div class=\"ee-about-cta__shell\">\n    <div class=\"ee-about-cta__index\" data-ee-reveal><span>06<\/span><span>START HERE<\/span><\/div>\n\n    <div class=\"ee-about-cta__content\" data-ee-reveal>\n      <span class=\"ee-about-cta__eyebrow\">START WITH THE BASICS<\/span>\n      <h2 id=\"ee-about-cta-title\">Talk to the People <span>Doing the Work.<\/span><\/h2>\n      <p>If you have a project in mind, start with the basics: location, scope, timeline, and any useful photos of the panel, equipment, or work area.<\/p>\n      <p>We will use that information to understand what you are trying to accomplish and what the property may need to get there.<\/p>\n\n      <div class=\"ee-about-cta__actions\">\n        <a class=\"ee-about-cta__primary\" href=\"\/contact\/\">Request a Quote <span aria-hidden=\"true\">\u2197<\/span><\/a>\n        <a class=\"ee-about-cta__phone\" href=\"tel:+15204058755\">Call (520) 405-8755<\/a>\n      <\/div>\n    <\/div>\n\n    <aside class=\"ee-about-cta__brief\" aria-label=\"Helpful information for a quote request\" data-ee-reveal>\n      <span class=\"ee-about-cta__brief-label\">PROJECT BRIEF \/ 04 THINGS<\/span>\n      <ol>\n        <li><b>01<\/b><strong>Location<\/strong><span>Where is the property?<\/span><\/li>\n        <li><b>02<\/b><strong>Scope<\/strong><span>What are you trying to do?<\/span><\/li>\n        <li><b>03<\/b><strong>Timeline<\/strong><span>When does the work need to happen?<\/span><\/li>\n        <li><b>04<\/b><strong>Photos<\/strong><span>Panel, equipment, or work area.<\/span><\/li>\n      <\/ol>\n    <\/aside>\n  <\/div>\n\n  <div class=\"ee-about-cta__rule\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-about-cta,\n.ee-about-cta * { box-sizing: border-box; }\n\n.ee-about-cta {\n  --ee-deep: #020817;\n  --ee-navy: #071426;\n  --ee-blue: #1494ff;\n  --ee-yellow: #f9b000;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(94px, 10vw, 142px) 20px clamp(104px, 11vw, 158px);\n  background:\n    radial-gradient(circle at 77% 12%, rgba(20,148,255,.2), transparent 30rem),\n    radial-gradient(circle at 14% 90%, rgba(249,176,0,.09), transparent 24rem),\n    var(--ee-navy);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-about-cta__grid {\n  position: absolute;\n  z-index: -2;\n  inset: 0;\n  opacity: .14;\n  background-image:\n    linear-gradient(rgba(20,148,255,.13) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20,148,255,.09) 1px, transparent 1px);\n  background-size: 68px 68px;\n  -webkit-mask-image: linear-gradient(90deg, transparent, #000 17%, #000 83%, transparent);\n  mask-image: linear-gradient(90deg, transparent, #000 17%, #000 83%, transparent);\n}\n\n.ee-about-cta__ghost {\n  position: absolute;\n  z-index: -1;\n  left: 50%;\n  bottom: -.16em;\n  transform: translateX(-50%);\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(255,255,255,.05);\n  font-size: clamp(170px, 30vw, 470px);\n  font-weight: 900;\n  line-height: .7;\n  letter-spacing: -.09em;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.ee-about-cta__shell {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 110px minmax(0, 1fr) minmax(315px, .5fr);\n  gap: clamp(26px, 4.5vw, 68px);\n  width: min(1220px, 100%);\n  margin: 0 auto;\n  align-items: start;\n}\n\n.ee-about-cta__index {\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid var(--ee-blue);\n}\n\n.ee-about-cta__index span:first-child {\n  color: var(--ee-yellow);\n  font-size: 32px;\n  font-weight: 900;\n  line-height: .9;\n}\n\n.ee-about-cta__index span:last-child {\n  color: rgba(255,255,255,.45);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-cta__eyebrow {\n  display: block;\n  margin-bottom: 15px;\n  color: var(--ee-yellow);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .16em;\n}\n\n.ee-about-cta h2 {\n  max-width: 760px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(52px, 7vw, 98px);\n  font-weight: 900;\n  line-height: .87;\n  letter-spacing: -.06em;\n  text-transform: uppercase;\n}\n\n.ee-about-cta h2 span {\n  display: block;\n  color: var(--ee-blue);\n}\n\n.ee-about-cta__content > p {\n  max-width: 720px;\n  margin: 22px 0 0;\n  color: rgba(235,243,255,.72);\n  font-size: clamp(15px, 1.24vw, 18px);\n  font-weight: 520;\n  line-height: 1.68;\n}\n\n.ee-about-cta__content > p + p { margin-top: 12px; }\n\n.ee-about-cta__actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 16px 25px;\n  margin-top: 32px;\n}\n\n.ee-about-cta__primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 50px;\n  padding: 0 21px;\n  background: var(--ee-yellow);\n  color: var(--ee-navy) !important;\n  font-size: 13px;\n  font-weight: 900;\n  text-decoration: none !important;\n  clip-path: polygon(0 0, 88% 0, 100% 35%, 100% 100%, 8% 100%, 0 72%);\n  filter: drop-shadow(8px 8px 0 rgba(20,148,255,.52));\n  transition: transform .2s ease, filter .2s ease;\n}\n\n.ee-about-cta__primary:hover,\n.ee-about-cta__primary:focus-visible {\n  transform: translateY(-2px);\n  filter: drop-shadow(10px 10px 0 rgba(20,148,255,.68));\n}\n\n.ee-about-cta__phone {\n  position: relative;\n  color: #fff !important;\n  font-size: 16px;\n  font-weight: 900;\n  text-decoration: none !important;\n}\n\n.ee-about-cta__phone::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -7px;\n  height: 2px;\n  background: var(--ee-blue);\n  transform-origin: left;\n  transition: transform .2s ease;\n}\n\n.ee-about-cta__phone:hover::after { transform: scaleX(.58); }\n\n.ee-about-cta__brief {\n  margin-top: clamp(32px, 6vw, 80px);\n  padding: 27px 28px 30px;\n  background: linear-gradient(145deg, #f5f9ff, #e1ebf5);\n  color: var(--ee-navy);\n  clip-path: polygon(8% 0, 100% 0, 100% 84%, 92% 100%, 0 100%, 0 15%);\n  filter: drop-shadow(11px 12px 0 rgba(20,148,255,.55)) drop-shadow(-8px -7px 0 rgba(249,176,0,.38)) drop-shadow(0 24px 40px rgba(0,0,0,.27));\n}\n\n.ee-about-cta__brief-label {\n  display: block;\n  margin-bottom: 15px;\n  color: #0b6fb7;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-about-cta__brief ol {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border-top: 1px solid rgba(7,20,38,.13);\n}\n\n.ee-about-cta__brief li {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr);\n  gap: 5px 10px;\n  padding: 13px 0;\n  border-bottom: 1px solid rgba(7,20,38,.13);\n}\n\n.ee-about-cta__brief b {\n  grid-row: 1 \/ 3;\n  color: var(--ee-blue);\n  font-size: 9px;\n  font-weight: 900;\n}\n\n.ee-about-cta__brief strong {\n  color: var(--ee-navy);\n  font-size: 13px;\n  font-weight: 900;\n}\n\n.ee-about-cta__brief li span {\n  color: #667b8f;\n  font-size: 11px;\n  font-weight: 650;\n  line-height: 1.4;\n}\n\n.ee-about-cta__rule {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 24px;\n  display: grid;\n  grid-template-columns: 31% 28% 41%;\n  height: 3px;\n}\n\n.ee-about-cta__rule span:nth-child(1) { background: var(--ee-yellow); }\n.ee-about-cta__rule span:nth-child(2) { background: var(--ee-blue); }\n.ee-about-cta__rule span:nth-child(3) { background: rgba(255,255,255,.12); }\n\n.ee-about-cta.is-motion-ready [data-ee-reveal] {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .72s cubic-bezier(.2,.75,.25,1), transform .72s cubic-bezier(.2,.75,.25,1);\n}\n\n.ee-about-cta.is-motion-ready [data-ee-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 960px) {\n  .ee-about-cta__shell { grid-template-columns: 1fr; }\n  .ee-about-cta__index { width: 110px; }\n  .ee-about-cta__brief { width: min(620px, 88%); margin: 20px 0 0 auto; }\n}\n\n@media (max-width: 600px) {\n  .ee-about-cta { padding: 70px 14px 102px; }\n  .ee-about-cta h2 { font-size: clamp(43px, 13vw, 60px); }\n  .ee-about-cta__content > p { font-size: 15px; }\n  .ee-about-cta__actions { display: grid; grid-template-columns: 1fr; gap: 20px; }\n  .ee-about-cta__primary { width: 100%; }\n  .ee-about-cta__phone { width: max-content; }\n  .ee-about-cta__brief { width: 100%; margin-left: 0; padding: 25px 22px 27px; }\n  .ee-about-cta__ghost { font-size: 47vw; bottom: .22em; }\n  .ee-about-cta__rule { bottom: 15px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-about-cta.is-motion-ready [data-ee-reveal] { opacity: 1; transform: none; transition: none; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector('.ee-about-cta');\n  if (!section) return;\n\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)');\n  const items = [...section.querySelectorAll('[data-ee-reveal]')];\n  if (!items.length || reduce.matches) return;\n\n  section.classList.add('is-motion-ready');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      observer.unobserve(entry.target);\n    });\n  }, { threshold: 0.14 });\n\n  items.forEach((item, index) => {\n    item.style.transitionDelay = `${index * 90}ms`;\n    observer.observe(item);\n  });\n})();\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Full-depth section boundaries: the background planes themselves are angled. *\/\n.ee-about-hero__handoff,\n.ee-about-planning__handoff,\n.ee-about-property__handoff,\n.ee-about-workmanship__handoff,\n.ee-about-scope__handoff,\n.ee-about-local__handoff {\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  width: 100%;\n}\n\n.ee-about-hero__handoff { height: clamp(160px,13vw,220px); }\n.ee-about-planning__handoff { height: clamp(130px,10vw,170px); }\n.ee-about-property__handoff { height: clamp(145px,11vw,185px); }\n.ee-about-workmanship__handoff { height: clamp(135px,10.5vw,178px); }\n.ee-about-scope__handoff { height: clamp(160px,12vw,200px); }\n.ee-about-local__handoff { height: clamp(160px,12vw,200px); }\n\n.ee-about-hero__handoff::before,\n.ee-about-planning__handoff::before,\n.ee-about-property__handoff::before,\n.ee-about-workmanship__handoff::before,\n.ee-about-scope__handoff::before,\n.ee-about-local__handoff::before {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  inset: 0 -2% -1px;\n}\n\n\/* Hero \u2192 Planning: decisive rising plane. *\/\n.ee-about-hero__handoff::before {\n  background: var(--ee-light);\n  clip-path: polygon(0 62%,100% 8%,100% 100%,0 100%);\n}\n\n\/* Planning \u2192 Property: broad central downward notch. *\/\n.ee-about-planning__handoff::before {\n  background: #071426;\n  clip-path: polygon(0 18%,43% 18%,50% 72%,57% 18%,100% 18%,100% 100%,0 100%);\n}\n\n\/* Property \u2192 Workmanship: wide asymmetric valley. *\/\n.ee-about-property__handoff::before {\n  background: #f5f9ff;\n  clip-path: polygon(0 10%,47% 58%,100% 4%,100% 100%,0 100%);\n}\n\n\/* Workmanship \u2192 Scope: strong descending diagonal. *\/\n.ee-about-workmanship__handoff::before {\n  background: #dbe4ec;\n  clip-path: polygon(0 6%,100% 64%,100% 100%,0 100%);\n}\n\n\/* Scope \u2192 Local: offset multi-angle cut. *\/\n.ee-about-scope__handoff::before {\n  background: var(--ee-deep);\n  clip-path: polygon(0 63%,34% 14%,62% 49%,100% 7%,100% 100%,0 100%);\n}\n\n\/* Local \u2192 CTA: opposing diagonal to close the sequence. *\/\n.ee-about-local__handoff::before {\n  background: var(--ee-navy);\n  clip-path: polygon(0 8%,100% 62%,100% 100%,0 100%);\n}\n\n@media (max-width:620px) {\n  .ee-about-hero__handoff { height: 128px; }\n  .ee-about-planning__handoff { height: 108px; }\n  .ee-about-property__handoff { height: 116px; }\n  .ee-about-workmanship__handoff { height: 110px; }\n  .ee-about-scope__handoff,\n  .ee-about-local__handoff { height: 126px; }\n\n  .ee-about-planning__handoff::before {\n    clip-path: polygon(0 20%,39% 20%,50% 70%,61% 20%,100% 20%,100% 100%,0 100%);\n  }\n}\n\n\/* Distinct layered wedge compositions. Broad bases always terminate beyond a viewport edge. *\/\n.ee-about-hero__handoff,\n.ee-about-planning__handoff,\n.ee-about-property__handoff,\n.ee-about-workmanship__handoff,\n.ee-about-scope__handoff,\n.ee-about-local__handoff {\n  isolation: isolate;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.ee-about-hero__handoff span,\n.ee-about-planning__handoff span,\n.ee-about-property__handoff span,\n.ee-about-workmanship__handoff span,\n.ee-about-scope__handoff span,\n.ee-about-local__handoff span {\n  position: absolute;\n  display: block;\n  margin: 0;\n  border: 0;\n  border-radius: 0;\n  transform-origin: center;\n}\n\n\/* Thick at the left viewport edge, tapering to an interior point. *\/\n.ee-about-hero__handoff span:nth-child(1),\n.ee-about-planning__handoff span:nth-child(2),\n.ee-about-property__handoff span:nth-child(1),\n.ee-about-workmanship__handoff span:nth-child(2),\n.ee-about-scope__handoff span:nth-child(1),\n.ee-about-local__handoff span:nth-child(2) {\n  left: -4vw;\n  right: auto;\n  clip-path: polygon(0 0,100% 50%,0 100%);\n}\n\n\/* Interior point expanding to a broad base beyond the right viewport edge. *\/\n.ee-about-hero__handoff span:nth-child(2),\n.ee-about-hero__handoff span:nth-child(3),\n.ee-about-planning__handoff span:nth-child(1),\n.ee-about-planning__handoff span:nth-child(3),\n.ee-about-property__handoff span:nth-child(2),\n.ee-about-property__handoff span:nth-child(3),\n.ee-about-workmanship__handoff span:nth-child(1),\n.ee-about-workmanship__handoff span:nth-child(3),\n.ee-about-scope__handoff span:nth-child(2),\n.ee-about-scope__handoff span:nth-child(3),\n.ee-about-local__handoff span:nth-child(1),\n.ee-about-local__handoff span:nth-child(3) {\n  right: -4vw;\n  left: auto;\n  clip-path: polygon(0 50%,100% 0,100% 100%);\n}\n\n\/* Hero: three rising echoes that reinforce the primary diagonal plane. *\/\n.ee-about-hero__handoff span:nth-child(1) {\n  top: 42%; width: 73vw; height: 39px;\n  background: var(--ee-blue); transform: rotate(-4.2deg); opacity: .96;\n}\n.ee-about-hero__handoff span:nth-child(2) {\n  top: 24%; width: 57vw; height: 25px;\n  background: var(--ee-yellow); transform: rotate(-4.2deg); opacity: .9;\n}\n.ee-about-hero__handoff span:nth-child(3) {\n  top: 13%; width: 70vw; height: 16px;\n  background: rgba(118,207,255,.3); transform: rotate(-4.2deg);\n}\n\n\/* Planning: left and right wedges converge into the central downward notch. *\/\n.ee-about-planning__handoff span:nth-child(1) {\n  top: 31%; width: 54vw; height: 34px;\n  background: var(--ee-yellow); transform: rotate(-4.8deg); opacity: .96;\n}\n.ee-about-planning__handoff span:nth-child(2) {\n  top: 31%; width: 54vw; height: 34px;\n  background: rgba(20,148,255,.76); transform: rotate(4.8deg);\n}\n.ee-about-planning__handoff span:nth-child(3) {\n  top: 18%; width: 63vw; height: 16px;\n  background: rgba(249,176,0,.3); transform: rotate(-2.8deg);\n}\n\n\/* Property: opposing edge-led wedges follow the two legs of the asymmetric V. *\/\n.ee-about-property__handoff span:nth-child(1) {\n  top: 29%; width: 55vw; height: 45px;\n  background: var(--ee-blue); transform: rotate(4.8deg); opacity: .96;\n}\n.ee-about-property__handoff span:nth-child(2) {\n  top: 27%; width: 58vw; height: 32px;\n  background: var(--ee-yellow); transform: rotate(-4.8deg); opacity: .94;\n}\n.ee-about-property__handoff span:nth-child(3) {\n  top: 13%; width: 68vw; height: 17px;\n  background: rgba(176,223,255,.38); transform: rotate(-3.5deg);\n}\n\n\/* Workmanship: all layers descend together with the section plane. *\/\n.ee-about-workmanship__handoff span:nth-child(1) {\n  top: 27%; width: 59vw; height: 31px;\n  background: var(--ee-blue); transform: rotate(5.4deg); opacity: .94;\n}\n.ee-about-workmanship__handoff span:nth-child(2) {\n  top: 33%; width: 70vw; height: 42px;\n  background: var(--ee-yellow); transform: rotate(5.4deg); opacity: .88;\n}\n.ee-about-workmanship__handoff span:nth-child(3) {\n  top: 15%; width: 76vw; height: 16px;\n  background: rgba(20,148,255,.28); transform: rotate(5.4deg);\n}\n\n\/* Scope: edge wedges echo the rising outer legs of the offset multi-angle cut. *\/\n.ee-about-scope__handoff span:nth-child(1) {\n  top: 39%; width: 58vw; height: 49px;\n  background: var(--ee-blue); transform: rotate(-4.6deg); opacity: .94;\n}\n.ee-about-scope__handoff span:nth-child(2) {\n  top: 29%; width: 51vw; height: 34px;\n  background: var(--ee-yellow); transform: rotate(-4.2deg); opacity: .96;\n}\n.ee-about-scope__handoff span:nth-child(3) {\n  top: 12%; width: 72vw; height: 18px;\n  background: rgba(134,211,255,.34); transform: rotate(-3.4deg);\n}\n\n\/* Local: the final group descends in one coordinated direction with the closing plane. *\/\n.ee-about-local__handoff span:nth-child(1) {\n  top: 30%; width: 65vw; height: 45px;\n  background: var(--ee-blue); transform: rotate(5deg); opacity: .95;\n}\n.ee-about-local__handoff span:nth-child(2) {\n  top: 35%; width: 52vw; height: 31px;\n  background: var(--ee-yellow); transform: rotate(5deg); opacity: .94;\n}\n.ee-about-local__handoff span:nth-child(3) {\n  top: 14%; width: 76vw; height: 17px;\n  background: rgba(107,201,255,.3); transform: rotate(5deg);\n}\n\n@media (max-width: 620px) {\n  .ee-about-hero__handoff span:nth-child(1) { height: 29px; width: 80vw; }\n  .ee-about-hero__handoff span:nth-child(2) { height: 19px; width: 66vw; }\n  .ee-about-planning__handoff span:nth-child(1),\n  .ee-about-planning__handoff span:nth-child(2) { height: 25px; width: 59vw; }\n  .ee-about-property__handoff span:nth-child(1) { height: 32px; width: 62vw; }\n  .ee-about-property__handoff span:nth-child(2) { height: 23px; width: 64vw; }\n  .ee-about-workmanship__handoff span:nth-child(1) { height: 24px; width: 65vw; }\n  .ee-about-workmanship__handoff span:nth-child(2) { height: 31px; width: 77vw; }\n  .ee-about-scope__handoff span:nth-child(1) { height: 35px; width: 66vw; }\n  .ee-about-scope__handoff span:nth-child(2) { height: 25px; width: 58vw; }\n  .ee-about-local__handoff span:nth-child(1) { height: 32px; width: 72vw; }\n  .ee-about-local__handoff span:nth-child(2) { height: 23px; width: 60vw; }\n}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>LOCAL ABOUT ELECTRICAL EXPERT LLC \/ SINCE 2004 Local Accountability. Serious Electrical Capability. Electrical Expert LLC is a family-owned electrical company serving Tucson and the surrounding Southern Arizona communities since 2004. We built the company around a straightforward idea: electrical work should be planned carefully, completed professionally, and left in a condition that makes sense [&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-120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages\/120","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=120"}],"version-history":[{"count":0,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"wp:attachment":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}