/* =============================================
   BÉTON MALIN — Animations & Responsive
   ============================================= */

.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
}
.reveal.visible { opacity: 1; transform: none; }

/* Stagger hero */
.hero__eyebrow.reveal  { transition-delay: 80ms; }
.hero__title.reveal    { transition-delay: 180ms; }
.hero__sub.reveal      { transition-delay: 280ms; }
.hero__actions.reveal  { transition-delay: 360ms; }
.hero__card.reveal     { transition-delay: 220ms; }

@media (max-width: 1024px) {
  .hero__inner        { grid-template-columns: 1fr; }
  .hero__card         { display: none; }
  .about__inner       { grid-template-columns: 1fr; gap: 3rem; }
  .about__photo       { aspect-ratio: 16/9; max-height: 420px; }
  .about__name-card   { transform: translate(0, 0); bottom: 1rem; right: 1rem; }
  .about__photo-wrap::before { display: none; }
  .contact__inner     { grid-template-columns: 1fr; gap: 3rem; }
  .services__grid     { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .nav__links         { display: none; }
  .nav__burger        { display: flex; }
  .hero__actions      { flex-direction: column; }
  .footer__inner      { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
  .form               { padding: 1.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .ticker-inner { animation: none; }
}