/* wall-9 vo-g-mv1rrdyz */
.vo-g-mv1rrdyz {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, clamp(160px, 11.9vw, 280px));
  grid-template-areas: "a a b c c d" "a a b e e d" "f f g g g d";
  gap: 0;
}
.vo-g-mv1rrdyz { width: 100vw; margin-left: calc(50% - 50vw); }
body { overflow-x: clip; }
.vo-g-mv1rrdyz figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.vo-g-mv1rrdyz img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.6s ease;
  filter: grayscale(30%);
}
.vo-g-mv1rrdyz figure:hover img { transform: scale(1.04); filter: grayscale(0); }
.vo-g-mv1rrdyz figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #A8703A;
  border-radius: 0;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.vo-g-mv1rrdyz figure:hover::after { opacity: 0.6; }
.vo-g-mv1rrdyz .vo-s-a { grid-area: a; }
.vo-g-mv1rrdyz .vo-s-b { grid-area: b; }
.vo-g-mv1rrdyz .vo-s-c { grid-area: c; }
.vo-g-mv1rrdyz .vo-s-d { grid-area: d; }
.vo-g-mv1rrdyz .vo-s-e { grid-area: e; }
.vo-g-mv1rrdyz .vo-s-f { grid-area: f; }
.vo-g-mv1rrdyz .vo-s-g { grid-area: g; }
.vo-g-mv1rrdyz .vo-s-c img { object-position: 50% 35%; }
.vo-g-mv1rrdyz .vo-s-d img { object-position: 50% 55%; }
.vo-g-mv1rrdyz .vo-s-g img { object-position: 45% 50%; }
@media (max-width: 768px) {
  .vo-g-mv1rrdyz {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 260px repeat(3, clamp(200px, 56vw, 220px));
    grid-template-areas: "a a" "b c" "d e" "f g";
    gap: 8px;
  }
}
@media (max-width: 480px) {
  .vo-g-mv1rrdyz { grid-template-rows: 240px repeat(3, clamp(190px, 52vw, 210px)); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-mv1rrdyz img, .vo-g-mv1rrdyz figure::after { transition: none; }
  .vo-g-mv1rrdyz figure:hover img { transform: none; }
}