/* ── SCROLL REVEAL ────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}
.reveal-child {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal-child.in-view {
  opacity: 1;
  transform: translateY(0);
}
.reveal-img {
  opacity: 0;
  transform: scale(0.97);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal-img.in-view {
  opacity: 1;
  transform: scale(1);
}

/* ── HERO ENTRANCE ────────────────────── */
.hero-content {
  animation: heroEnter 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes heroEnter {
  from { opacity: 0; transform: translateY(36px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-media img {
  animation: heroZoom 8s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes heroZoom {
  from { transform: scale(1.12); }
  to   { transform: scale(1.04); }
}