.zu-gallery { background: var(--zu-light); padding: 96px 0; }
.zu-gallery__header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px; }
.zu-gallery__header .zu-eyebrow { margin-bottom: 12px; }
.zu-gallery__heading { font-size: clamp(26px, 2.6vw, 34px); font-weight: 700; margin: 0; }
.zu-gallery__link { display: inline-flex; align-items: center; gap: 7px; color: var(--zu-gray-700); font-size: 14px; }
.zu-gallery__link:hover { color: var(--zu-maroon); }
.zu-gallery__grid {
  display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 182px 182px 182px; gap: 16px;
}
.zu-gallery__item { width: 100%; height: 100%; object-fit: cover; border-radius: var(--zu-radius); }
.zu-gallery__item--1 { grid-column: 1; grid-row: 1 / span 2; }
.zu-gallery__item--2 { grid-column: 2; grid-row: 1; }
.zu-gallery__item--3 { grid-column: 3; grid-row: 1; }
.zu-gallery__item--4 { grid-column: 2; grid-row: 2; }
.zu-gallery__item--5 { grid-column: 3; grid-row: 2; }
.zu-gallery__item--6 { grid-column: 4; grid-row: 1 / span 2; }
.zu-gallery__cta {
  grid-column: 1; grid-row: 3;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  background: var(--zu-maroon); color: #fff; border-radius: var(--zu-radius);
  font-family: var(--zu-font-display); font-size: 15px; font-weight: 700;
}
.zu-gallery__cta:hover { background: var(--zu-maroon-dark); color: #fff; }
@media (max-width: 820px) {
  .zu-gallery__grid { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(4, 170px); }
  .zu-gallery__item--1 { grid-column: 1; grid-row: 1 / span 2; }
  .zu-gallery__item--2 { grid-column: 2; grid-row: 1; }
  .zu-gallery__item--3 { grid-column: 2; grid-row: 2; }
  .zu-gallery__item--4 { grid-column: 1; grid-row: 3; }
  .zu-gallery__item--5 { grid-column: 2; grid-row: 3; }
  .zu-gallery__item--6 { grid-column: 1; grid-row: 4; }
  .zu-gallery__cta { grid-column: 2; grid-row: 4; }
}