.wx-home-focus { background: #fff; }
.wx-home-focus-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.wx-home-focus-card { min-width: 0; display: flex; flex-direction: column; --focus-color: #236b63; --focus-background: #edf5f2; background: var(--focus-background); }
.wx-home-focus-card--manufacturing { --focus-color: #36643c; --focus-background: #f0f3e9; }
.wx-home-focus-card--autodesk { --focus-color: #895125; --focus-background: #f8f0e6; }
.wx-home-focus-image { position: relative; display: block; overflow: hidden; }
.wx-home-focus-image img { display: block; width: 100%; height: 220px; object-fit: cover; transition: transform .3s ease; }
.wx-home-focus-image:hover img { transform: scale(1.03); }
.wx-home-focus-image > span { position: absolute; bottom: 0; left: 0; padding: 12px 16px; background: var(--focus-color); color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .1em; }
.wx-home-focus-body { padding: 28px; display: flex; flex-direction: column; flex: 1; }
.wx-home-focus-body h3 { margin: 0 0 16px; font-size: 1.65rem; font-weight: 600; line-height: 1.18; letter-spacing: -.035em; }
.wx-home-focus-body p { font-size: .93rem; line-height: 1.75; color: var(--wx-muted); margin: 0; }
.wx-home-focus-body ul { padding-left: 18px; margin: 22px 0 28px; color: var(--wx-muted); font-size: .85rem; line-height: 1.65; }
.wx-home-focus-body li { margin-bottom: 9px; }
.wx-home-focus-body .wx-text-link { margin-top: auto; color: var(--focus-color); font-size: .85rem; }
.wx-home-focus-foundation { text-align: center; margin: 30px 0 0; font-size: .9rem; line-height: 1.8; color: var(--wx-muted); }
.wx-home-focus-foundation a { color: var(--wx-ink); text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:960px) { .wx-home-focus-grid { gap: 14px; } .wx-home-focus-body { padding: 22px 18px; } .wx-home-focus-body h3 { font-size: 1.4rem; } }
@media(max-width:700px) { .wx-home-focus-grid { grid-template-columns: 1fr; gap: 24px; } .wx-home-focus-image img { height: 240px; } .wx-home-focus-body { padding: 26px; } .wx-home-focus-body h3 { font-size: 1.7rem; } .wx-home-focus-foundation { text-align: left; } }
@media(prefers-reduced-motion:reduce) { .wx-home-focus-image img { transition: none; } }
/* Explicit mobile spacing avoids stacked grid gaps and legacy margins. */
@media(max-width:600px) {
  .wx-home .wx-section[aria-labelledby="why-title"] .wx-split { row-gap: 0; }
  .wx-home .wx-section[aria-labelledby="why-title"] .wx-split > div:last-child { display: contents; }
  .wx-home .wx-section[aria-labelledby="why-title"] .wx-eyebrow { order: 1; }
  .wx-home #why-title { order: 2; margin-bottom: 24px; }
  .wx-home .wx-section[aria-labelledby="why-title"] .wx-people-panel { order: 3; margin-bottom: 28px; }
  .wx-home .wx-section[aria-labelledby="why-title"] .wx-checks { order: 4; }
  .wx-home .wx-section[aria-labelledby="why-title"] .wx-btn { order: 5; }
  .wx-home:not(.wx-health-page) .wx-hero-grid { row-gap: 0; }
  .wx-home .wx-hero-content .wx-eyebrow { margin-bottom: 16px; }
  .wx-home .wx-hero-content h1 { margin-bottom: 22px; }
  .wx-home .wx-hero .wx-purpose-visual { margin: 0 0 20px; }
  .wx-home .wx-hero-content .wx-hero-copy { margin: 0 0 18px; }
  .wx-home .wx-hero-content .wx-trust-line { margin: 0 0 20px; gap: 6px; }
  .wx-home .wx-hero-content .wx-trust-line span { padding-block: 4px; }
  .wx-home .wx-hero-content .wx-actions { margin-top: 0; }
}