/*
 * Movimiento del hero de KNOLL-TEST.
 * Recupera la entrada progresiva del hero anterior sin cargar Revolution Slider.
 */

.heading-slider-single-slide-content2 {
  z-index: 3;
}

.knoll-hero__content > picture,
.knoll-hero h1 {
  opacity: 0;
  transform: translateX(-72px);
  animation: knoll-hero-enter-left 1.15s cubic-bezier(.22, .61, .36, 1) forwards;
}

.knoll-hero__content > picture {
  animation-delay: .35s;
}

.knoll-hero h1 {
  animation-delay: .6s;
  font-size: 28px;
  line-height: 1.2;
}

.knoll-hero__features li {
  opacity: 0;
  transform: translateY(28px);
  animation: knoll-hero-enter-up .8s cubic-bezier(.22, .61, .36, 1) forwards;
}

.knoll-hero__features li:nth-child(1) {
  animation-delay: 1.2s;
}

.knoll-hero__features li:nth-child(2) {
  animation-delay: 1.55s;
}

.knoll-hero__features li:nth-child(3) {
  animation-delay: 1.9s;
}

.knoll-hero__features li:nth-child(4) {
  animation-delay: 2.25s;
}

.knoll-hero__features li:nth-child(5) {
  animation-delay: 2.6s;
}

.knoll-hero__features li::before {
  content: none;
}

.knoll-hero__feature-icon {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

@keyframes knoll-hero-enter-left {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes knoll-hero-enter-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .knoll-hero__content > picture,
  .knoll-hero h1,
  .knoll-hero__features li {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

@media (max-width: 768px) {
  .knoll-hero h1 {
    font-size: 16px;
    line-height: 1.3;
  }
}