/* Homepage content expansion — keeps the existing terminal/grid system while adding the live-site offer. */
#esc #command-center,
#esc #departments { scroll-margin-top: 72px; }

#esc nav .nav-links a { padding-inline: 11px; }

#esc #hero .client-home-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 590px;
  margin-top: 28px;
  border: 1px solid rgba(167, 139, 250, .2);
  background: rgba(11, 10, 16, .76);
}

#esc #hero .client-home-signals > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 13px 15px;
  border-right: 1px solid rgba(167, 139, 250, .16);
}

#esc #hero .client-home-signals > div:last-child { border-right: 0; }

#esc #hero .client-home-signals strong {
  color: #a78bfa;
  font: 600 15px/1.1 'JetBrains Mono', monospace;
}

#esc #hero .client-home-signals span,
#esc #hero .client-home-ownerline {
  color: rgba(236, 236, 241, .52);
  font: 500 9px/1.45 'JetBrains Mono', monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#esc #hero .client-home-ownerline {
  margin: 12px 0 0;
  color: rgba(167, 139, 250, .78);
}

/* Expanded two-pillar offer */
#esc .client-home-offer-section { padding-bottom: 76px; }
#esc .client-home-offer-section + #clients { padding-top: 92px; }

#esc .client-home-offer-section .client-home-offer {
  position: relative;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(167, 139, 250, .2);
  background:
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
    #09090d;
  background-size: 44px 44px;
}

#esc .client-home-offer-section .client-home-offer::before,
#esc .client-home-offer-section .client-home-offer::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  pointer-events: none;
}

#esc .client-home-offer-section .client-home-offer::before {
  top: -1px;
  left: -1px;
  border-top: 2px solid #8b5cf6;
  border-left: 2px solid #8b5cf6;
}

#esc .client-home-offer-section .client-home-offer::after {
  right: -1px;
  bottom: -1px;
  border-right: 2px solid #8b5cf6;
  border-bottom: 2px solid #8b5cf6;
}

#esc .client-home-offer-section .client-home-offer-heading {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(320px, 1.2fr);
  column-gap: clamp(32px, 5vw, 72px);
  align-items: end;
}

#esc .client-home-offer-section .client-home-offer-heading > p,
#esc .client-home-offer-section .client-home-offer-heading > h2 { grid-column: 1; }

#esc .client-home-offer-section .client-home-offer-intro {
  grid-column: 2;
  grid-row: 1 / span 2;
  max-width: 650px;
  padding-left: 24px;
  border-left: 1px solid rgba(167, 139, 250, .24);
  color: rgba(236, 236, 241, .65);
  font-size: 15px;
  line-height: 1.72;
}

#esc .client-home-offer-section .client-home-pillars { margin-top: 34px; }

#esc .client-home-offer-section .client-home-pillar {
  position: relative;
  padding: clamp(24px, 3vw, 36px);
  border-color: rgba(167, 139, 250, .2);
  border-radius: 0;
  background: rgba(13, 12, 19, .92);
  overflow: hidden;
}

#esc .client-home-offer-section .client-home-pillar::after {
  content: '';
  position: absolute;
  right: -48px;
  bottom: -48px;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(167, 139, 250, .15);
  border-radius: 50%;
}

#esc .client-home-offer-section .client-home-pillar-index {
  display: block;
  margin-bottom: 22px;
  color: #8b5cf6;
  font: 600 9px/1.4 'JetBrains Mono', monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#esc .client-home-offer-section .client-home-pillar strong { font-size: clamp(22px, 2.3vw, 31px); }

#esc .client-home-offer-section .client-home-pillar h3 {
  margin: 0 0 14px;
  color: #a78bfa;
  font: 500 12px/1.5 'JetBrains Mono', monospace;
}

#esc .client-home-offer-section .client-home-pillar > p {
  max-width: 560px;
  color: rgba(236, 236, 241, .62);
  font-size: 14px;
  line-height: 1.7;
}

#esc .client-home-offer-section .client-home-pillar ul {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .08);
  list-style: none;
}

#esc .client-home-offer-section .client-home-pillar li {
  position: relative;
  padding-left: 19px;
  color: rgba(236, 236, 241, .72);
  font-size: 12px;
  line-height: 1.55;
}

#esc .client-home-offer-section .client-home-pillar li::before {
  content: '›';
  position: absolute;
  left: 0;
  color: #8b5cf6;
  font-family: 'JetBrains Mono', monospace;
}

#esc .client-home-compound {
  display: grid;
  grid-template-columns: minmax(150px, .25fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin-top: 12px;
  padding: 22px 24px;
  border: 1px solid rgba(167, 139, 250, .16);
  background: rgba(139, 92, 246, .04);
}

#esc .client-home-compound > span {
  color: #a78bfa;
  font: 600 9px/1.55 'JetBrains Mono', monospace;
  letter-spacing: .11em;
  text-transform: uppercase;
}

#esc .client-home-compound p {
  margin: 0;
  color: rgba(236, 236, 241, .68);
  font-size: 14px;
  line-height: 1.65;
}

#esc .client-home-compound strong { color: #ececf1; font-weight: 600; }

#esc .client-home-offer-tools {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  margin-top: 18px;
}

#esc .client-home-offer-tools > a {
  color: #a78bfa;
  font: 500 10px/1.4 'JetBrains Mono', monospace;
  text-decoration: none;
}

#esc .client-home-offer-section .client-home-replay { margin: 0; }

/* Four models: adds the ownership split without changing the card language. */
#esc #services .svc-card { display: flex; flex-direction: column; }

#esc #services .svc-ownership {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

#esc #services .svc-ownership span {
  color: rgba(236, 236, 241, .58);
  font: 500 10px/1.5 'JetBrains Mono', monospace;
}

#esc #services .svc-ownership b {
  display: inline-block;
  min-width: 66px;
  color: #a78bfa;
  font-weight: 600;
  text-transform: uppercase;
}

/* Shared system sections */
#esc .home-system-section {
  position: relative;
  width: 100%;
  padding: clamp(86px, 9vw, 132px) 5%;
  overflow: hidden;
  border-top: 1px solid rgba(167, 139, 250, .18);
  border-bottom: 1px solid rgba(167, 139, 250, .12);
  color: #ececf1;
  background-color: #08080c;
  background-image:
    linear-gradient(rgba(255, 255, 255, .017) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .017) 1px, transparent 1px);
  background-size: 52px 52px;
}

#esc .home-system-section::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 5%;
  width: clamp(130px, 18vw, 270px);
  height: 1px;
  background: #8b5cf6;
  box-shadow: 0 0 16px rgba(139, 92, 246, .45);
}

#esc .home-system-shell { position: relative; z-index: 1; width: 100%; max-width: 1280px; margin: 0 auto; }

#esc .home-system-heading { max-width: 760px; }
#esc .home-system-heading-wide { max-width: 970px; }

#esc .home-system-kicker {
  margin-bottom: 15px;
  color: #a78bfa;
  font: 600 10px/1.5 'JetBrains Mono', monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#esc .home-system-heading h2,
#esc .home-cc-subheading h3,
#esc .home-integration-panel h3 {
  margin: 0;
  color: #ececf1;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -.045em;
  text-wrap: balance;
}

#esc .home-system-heading h2 { font-size: clamp(38px, 5.5vw, 72px); }
#esc .home-cc-subheading h3,
#esc .home-integration-panel h3 { font-size: clamp(28px, 3.7vw, 48px); }

#esc .home-system-heading em,
#esc .home-cc-subheading em,
#esc .home-integration-panel em { color: #a78bfa; font-style: normal; }

#esc .home-system-heading > p,
#esc .home-cc-subheading > p,
#esc .home-integration-panel p {
  max-width: 800px;
  margin: 22px 0 0;
  color: rgba(236, 236, 241, .62);
  font-size: 15px;
  line-height: 1.72;
}

/* Department map */
#esc .home-system-departments {
  background-color: #0a0910;
  background-image:
    radial-gradient(circle at 86% 18%, rgba(139, 92, 246, .1), transparent 28%),
    linear-gradient(rgba(255, 255, 255, .016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .016) 1px, transparent 1px);
  background-size: auto, 52px 52px, 52px 52px;
}

#esc .home-dept-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 50px;
  border-top: 1px solid rgba(167, 139, 250, .2);
  border-left: 1px solid rgba(167, 139, 250, .2);
}

#esc .home-dept-card {
  position: relative;
  min-width: 0;
  min-height: 190px;
  padding: 24px;
  border-right: 1px solid rgba(167, 139, 250, .2);
  border-bottom: 1px solid rgba(167, 139, 250, .2);
  background: rgba(10, 9, 16, .82);
  transition: background .25s ease, transform .25s ease;
}

#esc .home-dept-card:hover { z-index: 2; transform: translateY(-4px); background: rgba(23, 17, 36, .92); }
#esc .home-dept-card:last-child { grid-column: span 2; }

#esc .home-dept-card > span {
  display: block;
  margin-bottom: 34px;
  color: #8b5cf6;
  font: 600 9px/1.3 'JetBrains Mono', monospace;
  letter-spacing: .1em;
}

#esc .home-dept-card h3 { margin: 0 0 10px; color: #ececf1; font: 700 20px/1.2 'Bricolage Grotesque', sans-serif; }
#esc .home-dept-card p { margin: 0; color: rgba(236, 236, 241, .55); font-size: 12px; line-height: 1.6; }

#esc .home-technical-rail {
  display: grid;
  grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  margin-top: 18px;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(167, 139, 250, .22);
  background: rgba(139, 92, 246, .045);
}

#esc .home-technical-rail p { margin: 0; color: rgba(236, 236, 241, .62); font-size: 13px; line-height: 1.7; }
#esc .home-technical-rail strong { color: #ececf1; }

#esc .home-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }

#esc .home-chip-row span {
  padding: 8px 10px;
  border: 1px solid rgba(167, 139, 250, .18);
  background: rgba(9, 8, 14, .72);
  color: rgba(236, 236, 241, .62);
  font: 500 9px/1.25 'JetBrains Mono', monospace;
  letter-spacing: .04em;
}

/* Command Center */
#esc .home-command-center {
  background-color: #07070a;
  background-image:
    radial-gradient(circle at 50% 36%, rgba(139, 92, 246, .09), transparent 35%),
    linear-gradient(rgba(255, 255, 255, .017) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .017) 1px, transparent 1px);
  background-size: auto, 52px 52px, 52px 52px;
}

#esc .home-cc-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 48px;
  border: 1px solid rgba(167, 139, 250, .2);
  background: rgba(10, 9, 15, .88);
}

#esc .home-cc-stats > div { padding: 24px; border-right: 1px solid rgba(167, 139, 250, .18); }
#esc .home-cc-stats > div:last-child { border-right: 0; }
#esc .home-cc-stats strong { display: block; margin-bottom: 8px; color: #a78bfa; font: 700 24px/1 'JetBrains Mono', monospace; }
#esc .home-cc-stats span { color: rgba(236, 236, 241, .54); font-size: 12px; line-height: 1.55; }

#esc .home-dashboard {
  margin-top: 20px;
  border: 1px solid rgba(167, 139, 250, .28);
  background: #0c0b11;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .32), 0 0 54px rgba(139, 92, 246, .055);
}

#esc .home-dashboard-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(167, 139, 250, .18);
  color: rgba(236, 236, 241, .72);
  font: 600 9px/1.3 'JetBrains Mono', monospace;
  letter-spacing: .08em;
}

#esc .home-dashboard-bar small { margin-left: auto; color: #35d7c7; font-size: 8px; letter-spacing: .1em; }

#esc .home-window-dots,
#esc .home-window-dots::before,
#esc .home-window-dots::after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(236, 236, 241, .24);
}

#esc .home-window-dots { position: relative; margin-right: 18px; }
#esc .home-window-dots::before,
#esc .home-window-dots::after { content: ''; position: absolute; top: 0; }
#esc .home-window-dots::before { left: 9px; }
#esc .home-window-dots::after { left: 18px; background: #8b5cf6; }

#esc .home-dashboard-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }

#esc .home-dashboard-grid article {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 150px;
  padding: 22px;
  border-right: 1px solid rgba(167, 139, 250, .13);
  border-bottom: 1px solid rgba(167, 139, 250, .13);
}

#esc .home-dashboard-grid article:nth-child(4n) { border-right: 0; }
#esc .home-dashboard-grid article:nth-last-child(-n + 4) { border-bottom: 0; }
#esc .home-dashboard-grid article > span { color: rgba(236, 236, 241, .5); font: 500 9px/1.35 'JetBrains Mono', monospace; text-transform: uppercase; }
#esc .home-dashboard-grid article > strong { margin: 18px 0 9px; color: #ececf1; font: 700 clamp(22px, 2.2vw, 32px)/1 'JetBrains Mono', monospace; }
#esc .home-dashboard-grid article > small { color: rgba(236, 236, 241, .42); font-size: 10px; line-height: 1.4; }
#esc .home-dashboard-grid article > .is-good { color: #35d7c7; }
#esc .home-dashboard-grid article > .is-warn { color: #f2bb62; }
#esc .home-dashboard-note { margin: 0; padding: 12px 16px; border-top: 1px solid rgba(167, 139, 250, .15); color: rgba(167, 139, 250, .6); font: 500 8px/1.4 'JetBrains Mono', monospace; text-align: right; text-transform: uppercase; }

#esc .home-cc-subheading { max-width: 780px; margin-top: clamp(78px, 9vw, 116px); }

#esc .home-capability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 34px;
  border-top: 1px solid rgba(167, 139, 250, .17);
  border-left: 1px solid rgba(167, 139, 250, .17);
}

#esc .home-capability-grid article { min-width: 0; min-height: 146px; padding: 24px; border-right: 1px solid rgba(167, 139, 250, .17); border-bottom: 1px solid rgba(167, 139, 250, .17); background: rgba(11, 10, 16, .74); }
#esc .home-capability-grid h4 { margin: 0 0 14px; color: #a78bfa; font: 600 11px/1.4 'JetBrains Mono', monospace; }
#esc .home-capability-grid p { margin: 0; color: rgba(236, 236, 241, .55); font-size: 12px; line-height: 1.6; }

#esc .home-agent-matrix { margin-top: 34px; border: 1px solid rgba(167, 139, 250, .22); background: rgba(10, 9, 15, .9); }

#esc .home-agent-row {
  display: grid;
  grid-template-columns: minmax(150px, .68fr) minmax(220px, 1fr) minmax(260px, 1.32fr);
  border-bottom: 1px solid rgba(167, 139, 250, .14);
}

#esc .home-agent-row:last-child { border-bottom: 0; }
#esc .home-agent-row > * { min-width: 0; padding: 17px 20px; border-right: 1px solid rgba(167, 139, 250, .14); }
#esc .home-agent-row > *:last-child { border-right: 0; }
#esc .home-agent-row strong { color: #a78bfa; font: 600 10px/1.5 'JetBrains Mono', monospace; }
#esc .home-agent-row span { color: rgba(236, 236, 241, .58); font-size: 12px; line-height: 1.55; }
#esc .home-agent-row span:last-child { color: rgba(236, 236, 241, .78); background: rgba(139, 92, 246, .035); }
#esc .home-agent-head { background: rgba(139, 92, 246, .08); }
#esc .home-agent-head span { color: rgba(167, 139, 250, .72); font: 600 8px/1.4 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; }
#esc .home-agent-note { margin: 12px 0 0; color: rgba(167, 139, 250, .72); font: 500 9px/1.4 'JetBrains Mono', monospace; text-align: right; text-transform: uppercase; }

#esc .home-integration-panel {
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
  margin-top: clamp(70px, 8vw, 108px);
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(167, 139, 250, .24);
  background: linear-gradient(130deg, rgba(139, 92, 246, .07), rgba(10, 9, 15, .9) 45%);
}

#esc .home-integration-panel .home-chip-row { align-content: center; }

#esc .home-system-button {
  grid-column: 2;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 12px 15px;
  border: 1px solid #8b5cf6;
  background: #8b5cf6;
  color: #fff;
  font: 600 10px/1.3 'JetBrains Mono', monospace;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease;
}

#esc .home-system-button:hover { transform: translateY(-2px); background: #9a6cf8; }
#esc .home-system-button:focus-visible,
#esc .client-home-offer-tools > a:focus-visible { outline: 2px solid #c5adff; outline-offset: 4px; }

@media (max-width: 1160px) {
  #esc nav .nav-links a { padding-inline: 8px; font-size: 10px; }
  #esc .home-dept-grid,
  #esc .home-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #esc .home-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #esc .home-dashboard-grid article:nth-child(4n) { border-right: 1px solid rgba(167, 139, 250, .13); }
  #esc .home-dashboard-grid article:nth-child(2n) { border-right: 0; }
  #esc .home-dashboard-grid article:nth-last-child(-n + 4) { border-bottom: 1px solid rgba(167, 139, 250, .13); }
  #esc .home-dashboard-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
}

@media (max-width: 900px) {
  #esc .client-home-offer-section { padding: 48px 6% 64px; }
  #esc .client-home-offer-section + #clients { padding-top: 76px; }
  #esc .client-home-offer-section .client-home-offer-heading { grid-template-columns: 1fr; }
  #esc .client-home-offer-section .client-home-offer-intro { grid-column: 1; grid-row: auto; padding: 20px 0 0; border-top: 1px solid rgba(167, 139, 250, .2); border-left: 0; }
  #esc .home-system-section { padding-inline: 6%; }
  #esc .home-technical-rail,
  #esc .home-integration-panel { grid-template-columns: 1fr; }
  #esc .home-system-button { grid-column: 1; }
  #esc .home-agent-row { grid-template-columns: minmax(120px, .55fr) minmax(170px, 1fr) minmax(190px, 1.25fr); }
}

@media (max-width: 680px) {
  #esc #hero .client-home-signals { grid-template-columns: 1fr; }
  #esc #hero .client-home-signals > div { grid-template-columns: 62px 1fr; align-items: center; border-right: 0; border-bottom: 1px solid rgba(167, 139, 250, .16); }
  #esc #hero .client-home-signals > div:last-child { border-bottom: 0; }
  #esc .client-home-compound { grid-template-columns: 1fr; gap: 10px; }
  #esc .client-home-offer-tools { align-items: flex-start; flex-direction: column; gap: 12px; }
  #esc .home-dept-grid,
  #esc .home-capability-grid,
  #esc .home-cc-stats { grid-template-columns: 1fr; }
  #esc .home-dept-card:last-child { grid-column: auto; }
  #esc .home-cc-stats > div { border-right: 0; border-bottom: 1px solid rgba(167, 139, 250, .18); }
  #esc .home-cc-stats > div:last-child { border-bottom: 0; }
  #esc .home-dashboard-bar { align-items: flex-start; flex-wrap: wrap; }
  #esc .home-dashboard-bar small { width: 100%; margin: 2px 0 0 44px; }
  #esc .home-dashboard-grid { grid-template-columns: 1fr; }
  #esc .home-dashboard-grid article,
  #esc .home-dashboard-grid article:nth-child(2n),
  #esc .home-dashboard-grid article:nth-child(4n),
  #esc .home-dashboard-grid article:nth-last-child(-n + 2) { min-height: 132px; border-right: 0; border-bottom: 1px solid rgba(167, 139, 250, .13); }
  #esc .home-dashboard-grid article:last-child { border-bottom: 0; }
  #esc .home-agent-head { display: none; }
  #esc .home-agent-row { display: block; padding: 20px; }
  #esc .home-agent-row > * { display: block; padding: 0; border: 0; }
  #esc .home-agent-row strong { margin-bottom: 18px; font-size: 12px; }
  #esc .home-agent-row span { position: relative; padding-top: 22px; }
  #esc .home-agent-row span + span { margin-top: 15px; padding: 22px 14px 14px; border: 1px solid rgba(167, 139, 250, .12); }
  #esc .home-agent-row span::before { position: absolute; top: 0; left: 0; color: rgba(167, 139, 250, .6); font: 600 8px/1.3 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; }
  #esc .home-agent-row span:nth-of-type(1)::before { content: 'The person does'; }
  #esc .home-agent-row span:nth-of-type(2)::before { content: 'The agent does'; top: 10px; left: 14px; }
  #esc .home-agent-note { text-align: left; }
}

@media (max-width: 430px) {
  #esc nav { padding-right: 4%; padding-left: 4%; }
  #esc nav .logo { gap: 7px; }
  #esc nav .logo-mark { width: 24px; height: 24px; }
  #esc nav .logo-text { font-size: 13px; letter-spacing: .12em; }
  #esc nav .nav-cta { padding: 8px 10px; font-size: 9px; white-space: nowrap; }
  #esc .client-home-offer-section .client-home-offer { padding: 24px 18px; }
  #esc .client-home-offer-section .client-home-pillar { padding: 23px 19px; }
  #esc .home-system-heading h2 { font-size: clamp(35px, 11vw, 48px); }
  #esc .home-system-section { padding-inline: 5%; }
  #esc .home-dept-card,
  #esc .home-capability-grid article { min-height: 0; padding: 22px 18px; }
  #esc .home-dept-card > span { margin-bottom: 24px; }
  #esc .home-technical-rail,
  #esc .home-integration-panel { padding: 24px 18px; }
  #esc .home-chip-row span { padding: 7px 8px; font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  #esc .home-dept-card,
  #esc .home-system-button { transition: none; }
  #esc .home-dept-card:hover,
  #esc .home-system-button:hover { transform: none; }
}