/* Residential electrical service */
.electrical .electric-hero {
  background: radial-gradient(ellipse at 84% 38%, #2d5947, transparent 55%), #173f34;
  color: #fff;
}
.electric-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(24px, 5vw, 80px);
  padding-block: clamp(36px, 5vw, 76px);
}
.electric-intro .eyebrow {display:flex;align-items:center;gap:10px;color:#ffdc78}
.electric-intro .eyebrow span {display:inline-block;width:8px;height:8px;background:#f6bd35;border-radius:50%;flex:none}
.electric-hero h1 {
  font-size: clamp(40px, 5.6vw, 80px);
  line-height: 1.08;
  letter-spacing: -.025em;
  margin: 12px 0 21px;
  overflow-wrap: anywhere;
}
.electric-intro > p:not(.eyebrow) {font-size:clamp(16px,1.4vw,19px);max-width:36rem;color:#e3ede5;line-height:1.65;margin-bottom:25px}
.electric-actions,.electric-jump {display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.electric-phone {color:white;font-weight:800;white-space:nowrap}
.electric-jump {margin-top:26px}
.electric-jump a {font-size:13px;font-weight:750;color:#e3ede5}
.electric-phone,.electric-jump a,.electric-text-link,.electric-related nav a {text-decoration:underline;text-underline-offset:4px}
.electric-jump span,.electric-text-link span {margin-inline-start:.35em}
.electric-figure {margin:0;min-width:0}
.electric-figure img {display:block;width:100%;height:auto}
.electric-figure figcaption {text-align:right;color:#e3ede5;font-size:11px;margin-top:7px}
.electric-section {padding-block:clamp(40px,6vw,76px)}
.electric-section h2,.electric-related h2 {font-size:clamp(30px,4vw,49px);line-height:1.15;margin:0 0 18px;letter-spacing:-.018em}
.electric-section-head {margin-bottom:25px}
.electric-section .eyebrow,.electric-related .eyebrow {color:#526d60}
.electric-projects,.electric-price,.electric-faq-inner {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,48px)}
.electric-project {
  display:flex;
  flex-direction:column;
  padding:clamp(20px,3vw,38px);
  border:1px solid #d8e3d8;
  border-radius:16px;
  background:#f1f5ef;
}
.electric-project-old {border-color:#e7decd;background:#faf5ea}
.electric-project-tag {display:flex;align-items:center;gap:11px;font-weight:800;color:#38584b;letter-spacing:.11em;font-size:12px}
.electric-project-tag span {display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#173f34;color:#fff;letter-spacing:0}
.electric-project-old .electric-project-tag span {background:#f6bd35;color:#253226}
.electric-project h3 {font-size:clamp(25px,3vw,35px);margin:0 0 12px;line-height:1.18}
.electric-project > p:not(.electric-project-tag),.electric-price p,.electric-related p {color:#4c5d53;line-height:1.65}
.electric-checks {list-style:none;padding:0;margin:6px 0 22px}
.electric-checks li {position:relative;padding-left:23px;margin-bottom:10px;line-height:1.6}
.electric-checks li::before {content:"";position:absolute;top:.45em;left:2px;width:.56em;height:.32em;border-left:2px solid #387059;border-bottom:2px solid #387059;transform:rotate(-45deg)}
.electric-text-link {color:#204b3d;font-weight:800;align-self:flex-start}
.electric-project .electric-text-link {margin-top:auto}
.electric-callout {display:flex;align-items:flex-start;gap:16px;background:#fffaea;border:1px solid #f1dfad;border-radius:12px;padding:18px 22px;margin-top:24px}
.electric-callout-icon {display:grid;place-items:center;background:#f6bd35;width:30px;height:30px;flex:none;font-weight:900;border-radius:50%;color:#253226}
.electric-callout h3 {font-size:22px;margin:0 0 6px}
.electric-callout p {margin:0;line-height:1.6}
.electric-process,.electric-faq {background:#f2f5f0}
.electric-steps {padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.electric-steps li {border-top:2px solid #abc2b2;padding-top:15px}
.electric-steps span {color:#396452;font-weight:850;font-size:13px}
.electric-steps h3 {font-size:22px;margin:8px 0}
.electric-steps p {line-height:1.6;margin:0;color:#4c5d53}
.electric-price {align-items:start}
.electric-prepare {padding:clamp(18px,3vw,34px);border:1px solid #e4d9b8;background:#fffaeb;border-radius:16px}
.electric-prepare h3 {font-size:28px;line-height:1.2;margin:0 0 17px}
.electric-faq-inner {grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}
.electric-faq .faqs details {background:#fff}
.electric-faq .faqs a {text-decoration:underline;text-underline-offset:3px}
.electric-related {padding-block:42px;display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
.electric-related h2 {font-size:clamp(28px,3vw,38px);margin-bottom:10px}
.electric-related p:last-child {margin-bottom:0}
.electric-related nav {display:flex;flex-wrap:wrap;gap:12px 20px;color:#204b3d;font-weight:800}
@media (max-width:920px) {
  .electric-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px) {
  .electric-hero-inner,.electric-projects,.electric-price,.electric-faq-inner {grid-template-columns:minmax(0,1fr)}
  .electric-figure {max-width:480px;margin-inline:auto;width:100%}
  .electric-hero h1 {font-size:clamp(36px,9vw,58px)}
  .electric-hero-inner {gap:22px}
  .electric-jump {margin-top:18px}
  .electric-faq-inner {gap:0}
}
@media (max-width:460px) {
  .electric-steps {grid-template-columns:minmax(0,1fr)}
  .electric-callout {padding:15px;gap:10px}
}