.zu-why { background: var(--zu-light); padding: 96px 0; }
.zu-why__inner { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: start; }
.zu-why__collage {
  position: relative; display: grid; grid-template-columns: 1.35fr 1fr; gap: 16px; padding-bottom: 120px;
}
.zu-why__img1 { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--zu-radius); }
.zu-why__img2 { width: 100%; aspect-ratio: 0.95 / 1; object-fit: cover; border-radius: var(--zu-radius); margin-top: 48px; }
.zu-why__img3 {
  position: absolute; left: 12%; bottom: 0; width: 52%; aspect-ratio: 1.55 / 1; object-fit: cover;
  border-radius: var(--zu-radius); box-shadow: 0 18px 44px rgba(10,12,16,.16); border: 5px solid var(--zu-light);
}
.zu-why__stat {
  position: absolute; right: 6%; bottom: 24px; background: var(--zu-maroon); color: #fff;
  padding: 22px 26px; border-radius: var(--zu-radius); max-width: 160px;
}
.zu-why__stat-value { display: block; font-family: var(--zu-font-display); font-size: 30px; font-weight: 700; line-height: 1; }
.zu-why__stat-label { display: block; font-size: 12px; color: rgba(255,255,255,.8); margin-top: 6px; }
.zu-why__content .zu-eyebrow { margin-bottom: 16px; }
.zu-why__heading { font-size: clamp(28px, 2.8vw, 36px); font-weight: 700; margin: 0 0 34px; }
.zu-why__features { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 980px) {
  .zu-why__inner { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .zu-why__features { grid-template-columns: 1fr; }
}