html { scroll-behavior: smooth; }
body { font-family: 'DM Sans', system-ui, sans-serif; }
.font-display { font-family: 'DM Sans', system-ui, sans-serif; }
.hero-pan { animation: heroPan 30s ease-in-out infinite alternate; will-change: transform; }
@keyframes heroPan {
  from { transform: scale(1.04) translate(0, 0); }
  to { transform: scale(1.1) translate(-1.5%, -1%); }
}
.fade-up { opacity: 0; transform: translateY(20px); animation: fadeUp .85s ease forwards; }
.fade-up-d1 { animation-delay: .12s; }
.fade-up-d2 { animation-delay: .24s; }
.fade-up-d3 { animation-delay: .36s; }
@keyframes fadeUp { to { opacity: 1; transform: none; } }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }
.nav-link { position: relative; }
.nav-link::after {
  content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 2px;
  background: #fca000; transition: width .25s ease;
}
.nav-link:hover::after, .nav-link[aria-current="page"]::after { width: 100%; }
.text-gradient-gold {
  background: linear-gradient(135deg, #ffb84d, #fca000, #d4890a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
details summary { list-style: none; cursor: pointer; }
details summary::-webkit-details-marker { display: none; }
@media (prefers-reduced-motion: reduce) {
  .hero-pan, .fade-up { animation: none !important; opacity: 1; transform: none; }
  .reveal { opacity: 1; transform: none; transition: none; }
}