/* Preserve the live theme's image size, position, shade, headline and buttons. */
.hero.obin-hero-rotating .hero-image {
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
  pointer-events: none;
}
.hero.obin-hero-rotating .hero-image.obin-hero-current { opacity: 1; }
.hero .obin-hero-frame { z-index: 0; }
.project-visual.obin-card-rotating img {
  opacity: 0;
  transition: opacity 1.2s ease-in-out, transform .6s;
  pointer-events: none;
}
.project-visual.obin-card-rotating img.obin-card-current { opacity: 1; }
.project-visual .obin-card-frame { position: absolute; inset: 0; z-index: 0; }
.project-visual.obin-card-rotating .badge,
.project-visual.obin-card-rotating .round-arrow { z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .hero.obin-hero-rotating .hero-image { transition: none !important; }
  .project-visual.obin-card-rotating img { transition: none !important; }
}