/* ─── Scroll reveal ──────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity   1.1s cubic-bezier(.2,.6,.2,1),
    transform 1.1s cubic-bezier(.2,.6,.2,1);
}

.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

/* ─── Soft bounce (scroll arrow) ─────────────────────────── */
@keyframes softBounce {
  0%, 100% { transform: translateY(0);   opacity: .6; }
  50%       { transform: translateY(8px); opacity: 1; }
}

.bounce-soft {
  animation: softBounce 2.4s ease-in-out infinite;
}

/* ─── Petal fall (confetti) ──────────────────────────────── */
@keyframes fall {
  0%   { transform: translateY(-30px) rotate(0deg);   opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: translateY(420px) rotate(540deg); opacity: 0; }
}

/* ─── Companion fields slide open ────────────────────────── */
.slide-open {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition:
    grid-template-rows .55s cubic-bezier(.2,.6,.2,1),
    opacity .5s ease;
}

.slide-open > div {
  overflow: hidden;
}

.slide-open.open {
  grid-template-rows: 1fr;
  opacity: 1;
}