/* hero-fade-3 vo-g-ms80qnjl */
.vo-g-ms80qnjl {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.vo-g-ms80qnjl figure {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 1.8s ease-in-out;
}
.vo-g-ms80qnjl figure:first-child { opacity: 1; }
.vo-g-ms80qnjl.vo-g-ms80qnjl-js figure { opacity: 0; }
.vo-g-ms80qnjl.vo-g-ms80qnjl-js figure.vo-g-ms80qnjl-on { opacity: 1; }
.vo-g-ms80qnjl img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-aspect-ratio: 3 / 4) {
  .vo-g-ms80qnjl .vo-s-a img { object-position: 50% 40%; }
  .vo-g-ms80qnjl .vo-s-b img { object-position: 50% 30%; }
  .vo-g-ms80qnjl .vo-s-c img { object-position: 50% 35%; }
}
@media (min-aspect-ratio: 2 / 1) {
  .vo-g-ms80qnjl .vo-s-a img { object-position: 50% 50%; }
  .vo-g-ms80qnjl .vo-s-b img { object-position: 40% 50%; }
  .vo-g-ms80qnjl .vo-s-c img { object-position: 50% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-ms80qnjl figure { transition: none; }
}

/* scatter-5 vo-g-ms80qpze */
.vo-g-ms80qpze {
  position: relative;
  aspect-ratio: 16 / 9;
}
.vo-g-ms80qpze figure {
  position: absolute;
  margin: 0;
  overflow: hidden;
  transition: transform 0.45s ease;
}
.vo-g-ms80qpze figure {
  border-radius: 12px;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.25);
}
.vo-g-ms80qpze figure:hover { transform: rotate(0deg) scale(1.04); z-index: 30; }
.vo-g-ms80qpze img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vo-g-ms80qpze .vo-s-a { left: 2%; top: 6%; width: 34%; height: 64%; transform: rotate(-2.5deg); z-index: 1; }
.vo-g-ms80qpze .vo-s-b { left: 28%; top: 30%; width: 36%; height: 66%; transform: rotate(1.5deg); z-index: 3; }
.vo-g-ms80qpze .vo-s-c { left: 57%; top: 4%; width: 26%; height: 50%; transform: rotate(2.5deg); z-index: 2; }
.vo-g-ms80qpze .vo-s-d { left: 75%; top: 38%; width: 23%; height: 56%; transform: rotate(-3deg); z-index: 2; }
.vo-g-ms80qpze .vo-s-e { left: 42%; top: 2%; width: 17%; height: 32%; transform: rotate(-1.5deg); z-index: 1; }
.vo-g-ms80qpze .vo-s-b img { object-position: 50% 40%; }
.vo-g-ms80qpze .vo-s-c img { object-position: 55% 50%; }
.vo-g-ms80qpze .vo-s-d img { object-position: 50% 45%; }
.vo-g-ms80qpze .vo-s-e img { object-position: 60% 50%; }
@media (max-width: 768px) {
  .vo-g-ms80qpze {
    aspect-ratio: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(14px, 1.8vw, 26px);
  }
  .vo-g-ms80qpze .vo-s-a, .vo-g-ms80qpze .vo-s-b, .vo-g-ms80qpze .vo-s-c, .vo-g-ms80qpze .vo-s-d, .vo-g-ms80qpze .vo-s-e { position: static; left: auto; top: auto; width: auto; height: clamp(150px, 34vw, 230px); }
  .vo-g-ms80qpze figure:nth-child(odd) { transform: rotate(-1.5deg); }
  .vo-g-ms80qpze figure:nth-child(even) { transform: rotate(1.5deg); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-ms80qpze figure { transition: none; }
}