/* 1. Scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* 2. Hero title entrance */
@keyframes title-settle {
  from { letter-spacing: 0.04em; opacity: 0; }
  to   { letter-spacing: -0.05em; opacity: 1; }
}
.hero-title {
  animation: title-settle 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* 3. Nav hover underline grow */
nav a.nav-link {
  position: relative;
}
nav a.nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background: #46617f;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
nav a.nav-link:hover::after {
  transform: scaleX(1);
}
/* Don't show underline on the active page link */
nav a.nav-link-active::after {
  display: none;
}