/* ── Base ───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

/* ── Nav scroll state ───────────────────────────── */
nav.scrolled {
  background: rgba(254, 252, 251, 0.95);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(126, 30, 30, 0.08);
}

/* ── Hero subtitle animation ────────────────────── */
@keyframes slideUp {
  from { transform: translateY(110%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.hero-subtitle {
  animation: slideUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.1s;
}

/* ── Scroll-reveal base (progressive enhancement) ─ */
.reveal {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal.is-hidden {
  opacity: 0;
  transform: translateY(40px);
}

/* ── Mobile menu ────────────────────────────────── */
#mobile-menu.open { transform: translateX(0); }
#mobile-menu       { transform: translateX(100%); }

.menu-line { transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
body.menu-open .menu-line:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
body.menu-open .menu-line:nth-child(2) { opacity: 0; }
body.menu-open .menu-line:nth-child(3) { width: 1.5rem; transform: rotate(-45deg) translate(5px, -5px); }

/* ── Reduced motion ─────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .reveal.is-hidden { opacity: 1; transform: none; }
  html { scroll-behavior: auto; }
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}