.block-hero-home {
  position: relative;
  height: clamp(480px, 30rem + 21vw, 780px);
  overflow: hidden;
}
.block-hero-home .hero-slides,
.block-hero-home .hero-placeholder {
  position: absolute;
  inset: 0;
}
.block-hero-home .hero-placeholder {
  background: rgba(255, 179, 72, 0.08);
}
.block-hero-home img.hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}
.block-hero-home img.hero-slide.is-active {
  opacity: 1;
}
.block-hero-home img.hero-slide:nth-child(odd) {
  animation: kbA 24s ease-in-out -12s infinite alternate;
}
.block-hero-home img.hero-slide:nth-child(even) {
  animation: kbB 24s ease-in-out -12s infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .block-hero-home img.hero-slide {
    animation: none;
  }
}
.block-hero-home .hero-slides {
  animation: fade-in 1s ease-out both;
}
.block-hero-home .hero-overlay {
  position: absolute;
  inset: 0;
  background: var(--wp--preset--gradient--hero);
  z-index: 1;
}
.block-hero-home .hero-logo {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.block-hero-home .hero-logo svg {
  width: min(460px, 70vw);
  height: auto;
}