/* ==========================================================================
   ANIMATIONS — Keyframes, reveal states, scroll-triggered transitions
   ========================================================================== */

/* Generic scroll reveal */
.reveal {
  opacity: 0;
}

/* Hero door animation */
@keyframes scrollline {
  0% { top: -100%; }
  60% { top: 100%; }
  to { top: 100%; }
}

/* Door panels */
.door {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: var(--forest);
  z-index: 5;
}

.door-l {
  left: 0;
  box-shadow: 6px 0 30px rgba(0, 0, 0, 0.35);
}

.door-r {
  right: 0;
  box-shadow: -6px 0 30px rgba(0, 0, 0, 0.35);
}