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

/* polaroid-4 vo-g-msrfk76z */
.vo-g-msrfk76z {
  position: relative;
  aspect-ratio: 3 / 2;
}
.vo-g-msrfk76z figure {
  position: absolute;
  margin: 0;
  overflow: hidden;
  transition: transform 0.45s ease;
}
.vo-g-msrfk76z figure {
  background: #fff;
  padding: clamp(5px, 0.9vw, 10px);
  padding-bottom: clamp(16px, 3vw, 36px);
  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}
.vo-g-msrfk76z figure:hover { transform: rotate(0deg) scale(1.04); z-index: 30; }
.vo-g-msrfk76z img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vo-g-msrfk76z .vo-s-a { left: 3%; top: 8%; width: 27%; height: 58%; transform: rotate(-6deg); z-index: 1; }
.vo-g-msrfk76z .vo-s-b { left: 27%; top: 28%; width: 28%; height: 60%; transform: rotate(4deg); z-index: 2; }
.vo-g-msrfk76z .vo-s-c { left: 52%; top: 6%; width: 25%; height: 54%; transform: rotate(-3deg); z-index: 1; }
.vo-g-msrfk76z .vo-s-d { left: 73%; top: 30%; width: 24%; height: 56%; transform: rotate(7deg); z-index: 2; }
.vo-g-msrfk76z .vo-s-b img { object-position: 50% 40%; }
.vo-g-msrfk76z .vo-s-d img { object-position: 50% 60%; }
@media (max-width: 768px) {
  .vo-g-msrfk76z {
    aspect-ratio: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(14px, 1.8vw, 26px);
  }
  .vo-g-msrfk76z .vo-s-a, .vo-g-msrfk76z .vo-s-b, .vo-g-msrfk76z .vo-s-c, .vo-g-msrfk76z .vo-s-d { position: static; left: auto; top: auto; width: auto; height: clamp(150px, 34vw, 230px); }
  .vo-g-msrfk76z figure:nth-child(odd) { transform: rotate(-1.5deg); }
  .vo-g-msrfk76z figure:nth-child(even) { transform: rotate(1.5deg); }
}
@media (prefers-reduced-motion: reduce) {
  .vo-g-msrfk76z figure { transition: none; }
}