Add 2026 local election project highlight

styles.css

@@ -665,6 +665,7 @@ body.is-ready .loader {
 
 .section-heading h2,
 .intro-band h2,
+.election-spotlight h2,
 .case-lab h2,
 .sports-system h2,
 .contact h2 {
@@ -684,6 +685,7 @@ body.is-ready .loader {
 
 .about__body p,
 .intro-band__copy p,
+.election-spotlight__copy p,
 .case-lab__head > p,
 .contact__copy p {
   margin: 0;
@@ -896,6 +898,130 @@ body.is-ready .loader {
   word-break: keep-all;
 }
 
+.election-spotlight {
+  padding: 118px 0;
+  background:
+    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 72px 72px,
+    linear-gradient(180deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px) 0 0 / 72px 72px,
+    #10100d;
+  overflow: hidden;
+}
+
+.election-spotlight__grid {
+  display: grid;
+  grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1fr);
+  gap: 58px;
+  align-items: center;
+}
+
+.election-spotlight__copy {
+  max-width: 650px;
+}
+
+.election-spotlight__copy strong {
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 0.92em;
+}
+
+.election-metrics {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1px;
+  margin-top: 34px;
+  border: 1px solid var(--line);
+  background: var(--line);
+}
+
+.election-metrics div {
+  min-height: 116px;
+  display: grid;
+  align-content: space-between;
+  gap: 16px;
+  padding: 20px;
+  background: rgba(7, 7, 6, 0.42);
+}
+
+.election-metrics strong {
+  color: var(--paper);
+  font-family: var(--display);
+  font-size: 2.8rem;
+  line-height: 0.9;
+  text-transform: uppercase;
+}
+
+.election-metrics span {
+  color: var(--muted);
+  font-family: var(--mono);
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+.election-spotlight__media {
+  display: grid;
+  gap: 12px;
+}
+
+.election-frame {
+  position: relative;
+  margin: 0;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: #050505;
+  overflow: hidden;
+  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
+}
+
+.election-frame::before {
+  content: "";
+  position: absolute;
+  inset: 10px;
+  z-index: 1;
+  pointer-events: none;
+  border: 1px solid rgba(200, 255, 73, 0.18);
+}
+
+.election-frame img {
+  width: 100%;
+  aspect-ratio: 7.7 / 1;
+  object-fit: cover;
+}
+
+.election-frame--main {
+  transform: translateX(-18px);
+}
+
+.election-frame:nth-child(2) {
+  width: 86%;
+  justify-self: end;
+}
+
+.election-frame:nth-child(3) {
+  width: 92%;
+}
+
+.station-strip {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 1px;
+  margin-top: 48px;
+  border: 1px solid var(--line);
+  background: var(--line);
+}
+
+.station-strip span {
+  min-height: 64px;
+  display: grid;
+  place-items: center;
+  background: rgba(7, 7, 6, 0.55);
+  color: var(--paper-2);
+  font-family: var(--mono);
+  font-size: 0.78rem;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
 .case-lab {
   padding: 122px 0;
 }
@@ -1572,11 +1698,20 @@ html.js .reveal[data-delay="2"] {
   .hero__inner,
   .about__grid,
   .intro-band__grid,
+  .election-spotlight__grid,
   .sports-system__content,
   .contact__grid {
     grid-template-columns: 1fr;
   }
 
+  .election-spotlight__copy {
+    max-width: 880px;
+  }
+
+  .election-frame--main {
+    transform: none;
+  }
+
   .hero__console {
     max-width: 560px;
   }
@@ -1648,6 +1783,7 @@ html.js .reveal[data-delay="2"] {
   .hero h1,
   .section-heading h2,
   .intro-band h2,
+  .election-spotlight h2,
   .case-lab h2,
   .sports-system h2,
   .contact h2 {
@@ -1679,11 +1815,21 @@ html.js .reveal[data-delay="2"] {
   .mission-grid,
   .value-strip,
   .system-list,
+  .election-metrics,
   .service-grid,
   .logo-grid {
     grid-template-columns: 1fr;
   }
 
+  .station-strip {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .election-frame:nth-child(2),
+  .election-frame:nth-child(3) {
+    width: 100%;
+  }
+
   .value-strip strong,
   .system-list div,
   .system-list div:nth-child(2n),
@@ -1700,6 +1846,7 @@ html.js .reveal[data-delay="2"] {
   .about,
   .clients,
   .services,
+  .election-spotlight,
   .case-lab,
   .contact {
     padding: 82px 0;
@@ -1774,6 +1921,7 @@ html.js .reveal[data-delay="2"] {
   .hero h1,
   .section-heading h2,
   .intro-band h2,
+  .election-spotlight h2,
   .case-lab h2,
   .sports-system h2,
   .contact h2 {
@@ -1802,6 +1950,10 @@ html.js .reveal[data-delay="2"] {
     min-height: 104px;
   }
 
+  .station-strip {
+    grid-template-columns: 1fr;
+  }
+
   .mobile-panel a {
     font-size: 2.48rem;
   }