
/* wall-4 vo-g-muvhugw4 */
.vo-g-muvhugw4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, clamp(190px, 20vw, 310px));
  grid-template-areas:
    "a a a b"
    "c c d b";
  gap: 10px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 10px clamp(1rem, 3vw, 2.5rem);
  box-sizing: border-box;
}
body { overflow-x: clip; }
.vo-g-muvhugw4 figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.vo-g-muvhugw4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
  filter: grayscale(35%);
}
.vo-g-muvhugw4 figure:hover img { transform: scale(1.04); filter: grayscale(0); }
.vo-g-muvhugw4 figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #C7402D;
  border-radius: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.vo-g-muvhugw4 figure:hover::after { opacity: 0.85; }
.vo-g-muvhugw4 .vo-s-a { grid-area: a; }
.vo-g-muvhugw4 .vo-s-b { grid-area: b; }
.vo-g-muvhugw4 .vo-s-c { grid-area: c; }
.vo-g-muvhugw4 .vo-s-d { grid-area: d; }
.vo-g-muvhugw4 .vo-s-a img { object-position: 50% 60%; }
.vo-g-muvhugw4 figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.4rem 1.1rem 0.75rem;
  background: linear-gradient(to top, rgba(36, 30, 25, 0.88), rgba(36, 30, 25, 0));
  color: #F7F0E1;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 768px) {
  .vo-g-muvhugw4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, clamp(140px, 26vw, 220px));
    grid-template-areas:
      "a a"
      "b b"
      "c d";
    gap: 8px;
    padding: 8px 1rem;
  }
}
@media (max-width: 480px) {
  .vo-g-muvhugw4 { grid-template-rows: repeat(3, clamp(110px, 32vw, 180px)); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-muvhugw4 img, .vo-g-muvhugw4 figure::after { transition: none; }
  .vo-g-muvhugw4 figure:hover img { transform: none; }
}
