/* wall-9 vo-g-mu2i9d6u */
.vo-g-mu2i9d6u {
  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 d d" "e e b f g g" "e e h h i i";
  gap: 0;
}
.vo-g-mu2i9d6u { width: 100vw; margin-left: calc(50% - 50vw); }
body { overflow-x: clip; }
.vo-g-mu2i9d6u figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.vo-g-mu2i9d6u img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
  filter: grayscale(35%);
}
.vo-g-mu2i9d6u figure:hover img { transform: scale(1.04); filter: grayscale(0); }
.vo-g-mu2i9d6u figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #0eb290;
  border-radius: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.vo-g-mu2i9d6u figure:hover::after { opacity: 0.85; }
.vo-g-mu2i9d6u .vo-s-a { grid-area: a; }
.vo-g-mu2i9d6u .vo-s-b { grid-area: b; }
.vo-g-mu2i9d6u .vo-s-c { grid-area: c; }
.vo-g-mu2i9d6u .vo-s-d { grid-area: d; }
.vo-g-mu2i9d6u .vo-s-e { grid-area: e; }
.vo-g-mu2i9d6u .vo-s-f { grid-area: f; }
.vo-g-mu2i9d6u .vo-s-g { grid-area: g; }
.vo-g-mu2i9d6u .vo-s-h { grid-area: h; }
.vo-g-mu2i9d6u .vo-s-i { grid-area: i; }
@media (max-width: 768px) {
  .vo-g-mu2i9d6u {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(15, clamp(140px, 24vw, 210px));
    grid-template-areas: "a a" "a a" "b c" "d d" "d d" "e e" "e e" "f f" "f f" "g g" "g g" "h h" "h h" "i i" "i i";
  }
}
@media (max-width: 480px) {
  .vo-g-mu2i9d6u { grid-template-rows: repeat(15, clamp(110px, 30vw, 170px)); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-mu2i9d6u img, .vo-g-mu2i9d6u figure::after { transition: none; }
  .vo-g-mu2i9d6u figure:hover img { transform: none; }
}

/* checkxl-4 vo-g-mu2ia46k */
.vo-g-mu2ia46k {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, clamp(160px, 17.9vw, 280px));
  grid-template-areas: "a a b ." "a a b ." ". c d d" ". c d d";
  gap: clamp(8px, 1.1vw, 16px);
}
.vo-g-mu2ia46k figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
}
.vo-g-mu2ia46k img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.vo-g-mu2ia46k figure:hover img { transform: scale(1.04); }
.vo-g-mu2ia46k figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #0eb290;
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.vo-g-mu2ia46k figure:hover::after { opacity: 0.85; }
.vo-g-mu2ia46k .vo-s-a { grid-area: a; }
.vo-g-mu2ia46k .vo-s-b { grid-area: b; }
.vo-g-mu2ia46k .vo-s-c { grid-area: c; }
.vo-g-mu2ia46k .vo-s-d { grid-area: d; }
.vo-g-mu2ia46k .vo-s-a img { object-position: 50% 40%; }
.vo-g-mu2ia46k .vo-s-b img { object-position: 50% 30%; }
.vo-g-mu2ia46k .vo-s-d img { object-position: 50% 45%; }
@media (max-width: 768px) {
  .vo-g-mu2ia46k {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, clamp(140px, 24vw, 210px));
    grid-template-areas: "a a" "a a" "b c" "d d" "d d";
  }
}
@media (max-width: 480px) {
  .vo-g-mu2ia46k { grid-template-rows: repeat(5, clamp(110px, 30vw, 170px)); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-mu2ia46k img, .vo-g-mu2ia46k figure::after { transition: none; }
  .vo-g-mu2ia46k figure:hover img { transform: none; }
}

/* duo-tower vo-g-mu2ibdsi */
.vo-g-mu2ibdsi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, clamp(200px, 28.2vw, 330px));
  grid-template-areas: "a a b" "a a b";
  gap: clamp(8px, 1.1vw, 16px);
}
.vo-g-mu2ibdsi figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
}
.vo-g-mu2ibdsi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.vo-g-mu2ibdsi figure:hover img { transform: scale(1.04); }
.vo-g-mu2ibdsi figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #0eb290;
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.vo-g-mu2ibdsi figure:hover::after { opacity: 0.85; }
.vo-g-mu2ibdsi .vo-s-a { grid-area: a; }
.vo-g-mu2ibdsi .vo-s-b { grid-area: b; }
.vo-g-mu2ibdsi .vo-s-a img { object-position: 50% 70%; }
.vo-g-mu2ibdsi .vo-s-b img { object-position: 50% 40%; }
@media (max-width: 768px) {
  .vo-g-mu2ibdsi {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, clamp(140px, 24vw, 210px));
    grid-template-areas: "a a" "a a" "b b" "b b";
  }
}
@media (max-width: 480px) {
  .vo-g-mu2ibdsi { grid-template-rows: repeat(4, clamp(110px, 30vw, 170px)); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-mu2ibdsi img, .vo-g-mu2ibdsi figure::after { transition: none; }
  .vo-g-mu2ibdsi figure:hover img { transform: none; }
}

/* wall-12 vo-g-mu2ibxp3 */
.vo-g-mu2ibxp3 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, clamp(160px, 11.9vw, 280px));
  grid-template-areas: "a a b b c d" "e f g g c h" "i i j k l l";
  gap: 0;
}
.vo-g-mu2ibxp3 { width: 100vw; margin-left: calc(50% - 50vw); }
body { overflow-x: clip; }
.vo-g-mu2ibxp3 figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.vo-g-mu2ibxp3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
  filter: grayscale(35%);
}
.vo-g-mu2ibxp3 figure:hover img { transform: scale(1.04); filter: grayscale(0); }
.vo-g-mu2ibxp3 figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #0eb290;
  border-radius: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.vo-g-mu2ibxp3 figure:hover::after { opacity: 0.85; }
.vo-g-mu2ibxp3 .vo-s-a { grid-area: a; }
.vo-g-mu2ibxp3 .vo-s-b { grid-area: b; }
.vo-g-mu2ibxp3 .vo-s-c { grid-area: c; }
.vo-g-mu2ibxp3 .vo-s-d { grid-area: d; }
.vo-g-mu2ibxp3 .vo-s-e { grid-area: e; }
.vo-g-mu2ibxp3 .vo-s-f { grid-area: f; }
.vo-g-mu2ibxp3 .vo-s-g { grid-area: g; }
.vo-g-mu2ibxp3 .vo-s-h { grid-area: h; }
.vo-g-mu2ibxp3 .vo-s-i { grid-area: i; }
.vo-g-mu2ibxp3 .vo-s-j { grid-area: j; }
.vo-g-mu2ibxp3 .vo-s-k { grid-area: k; }
.vo-g-mu2ibxp3 .vo-s-l { grid-area: l; }
.vo-g-mu2ibxp3 .vo-s-a img { object-position: 50% 60%; }
.vo-g-mu2ibxp3 .vo-s-c img { object-position: 50% 20%; }
.vo-g-mu2ibxp3 .vo-s-d img { object-position: 50% 25%; }
.vo-g-mu2ibxp3 .vo-s-e img { object-position: 50% 30%; }
.vo-g-mu2ibxp3 .vo-s-f img { object-position: 50% 25%; }
@media (max-width: 768px) {
  .vo-g-mu2ibxp3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(15, clamp(140px, 24vw, 210px));
    grid-template-areas: "a a" "a a" "b b" "b b" "c d" "e f" "g g" "g g" "h h" "h h" "i i" "i i" "j k" "l l" "l l";
  }
}
@media (max-width: 480px) {
  .vo-g-mu2ibxp3 { grid-template-rows: repeat(15, clamp(110px, 30vw, 170px)); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-mu2ibxp3 img, .vo-g-mu2ibxp3 figure::after { transition: none; }
  .vo-g-mu2ibxp3 figure:hover img { transform: none; }
}

/* marquee-10 vo-g-mu2ibyu1 */
.vo-g-mu2ibyu1 {
  overflow: hidden;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
body { overflow-x: clip; }
.vo-g-mu2ibyu1-track {
  display: flex;
  width: max-content;
  animation: vo-g-mu2ibyu1-drift 60s linear infinite;
  animation-play-state: paused;
}
.vo-g-mu2ibyu1.vo-g-mu2ibyu1-run .vo-g-mu2ibyu1-track { animation-play-state: running; }
.vo-g-mu2ibyu1:hover .vo-g-mu2ibyu1-track { animation-play-state: paused; }
@keyframes vo-g-mu2ibyu1-drift {
  to { transform: translateX(-50%); }
}
.vo-g-mu2ibyu1-reel {
  display: flex;
  gap: clamp(8px, 1.1vw, 16px);
  padding-right: clamp(8px, 1.1vw, 16px);
}
.vo-g-mu2ibyu1 figure {
  margin: 0;
  flex: 0 0 auto;
  height: clamp(240px, 30vw, 380px);
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
}
.vo-g-mu2ibyu1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.vo-g-mu2ibyu1 figure:hover img { transform: scale(1.04); }
.vo-g-mu2ibyu1 figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #0eb290;
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.vo-g-mu2ibyu1 figure:hover::after { opacity: 0.85; }
.vo-g-mu2ibyu1 .vo-s-a { aspect-ratio: 3 / 4; }
.vo-g-mu2ibyu1 .vo-s-b { aspect-ratio: 16 / 10; }
.vo-g-mu2ibyu1 .vo-s-c { aspect-ratio: 1 / 1; }
.vo-g-mu2ibyu1 .vo-s-d { aspect-ratio: 3 / 4; }
.vo-g-mu2ibyu1 .vo-s-e { aspect-ratio: 16 / 10; }
.vo-g-mu2ibyu1 .vo-s-f { aspect-ratio: 1 / 1; }
.vo-g-mu2ibyu1 .vo-s-g { aspect-ratio: 3 / 4; }
.vo-g-mu2ibyu1 .vo-s-h { aspect-ratio: 16 / 10; }
.vo-g-mu2ibyu1 .vo-s-i { aspect-ratio: 1 / 1; }
.vo-g-mu2ibyu1 .vo-s-j { aspect-ratio: 3 / 4; }
.vo-g-mu2ibyu1 .vo-s-a img { object-position: 65% 50%; }
.vo-g-mu2ibyu1 .vo-s-d img { object-position: 20% 50%; }
.vo-g-mu2ibyu1 .vo-s-g img { object-position: 50% 40%; }
.vo-g-mu2ibyu1 .vo-s-j img { object-position: 55% 50%; }
@media (max-width: 768px) {
  .vo-g-mu2ibyu1 figure { height: clamp(168px, 42vw, 266px); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-mu2ibyu1-track { animation: none; }
  .vo-g-mu2ibyu1 { overflow-x: auto; }
  .vo-g-mu2ibyu1 img, .vo-g-mu2ibyu1 figure::after { transition: none; }
  .vo-g-mu2ibyu1 figure:hover img { transform: none; }
}