/* V69 — energetic CTA system + one-time fly-in experience cards */

/* All primary CTA controls: illuminated, breathing, and short vibration bursts. */
:is(a.button, button.button, .text-link, .all-brands-toggle, .mobile-menu-inline, .nav-toggle) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  will-change: transform, box-shadow;
  animation: v69CtaEnergy 3.8s ease-in-out infinite;
}

:is(a.button, button.button, .text-link, .all-brands-toggle, .mobile-menu-inline, .nav-toggle)::after {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 12%, rgba(255,255,255,.42) 46%, transparent 72%);
  transform: translateX(-145%);
  animation: v69CtaSweep 3.1s ease-in-out infinite;
}

:is(a.button, button.button, .text-link, .all-brands-toggle, .mobile-menu-inline, .nav-toggle):hover,
:is(a.button, button.button, .text-link, .all-brands-toggle, .mobile-menu-inline, .nav-toggle):focus-visible {
  animation: v69CtaHot 1.05s ease-in-out infinite;
  box-shadow: 0 0 0 2px rgba(255,255,255,.14), 0 0 22px rgba(227, 32, 46, .72), 0 12px 28px rgba(0,0,0,.42);
}

@keyframes v69CtaEnergy {
  0%, 58%, 100% { transform: translate3d(0,0,0) scale(1); box-shadow: 0 7px 18px rgba(0,0,0,.26), 0 0 0 rgba(223,28,43,0); }
  64% { transform: translate3d(-1px,0,0) scale(1.018); }
  67% { transform: translate3d(2px,0,0) scale(1.025); box-shadow: 0 9px 25px rgba(0,0,0,.34), 0 0 20px rgba(223,28,43,.72); }
  70% { transform: translate3d(-2px,0,0) scale(1.022); }
  73% { transform: translate3d(1px,0,0) scale(1.018); }
  78% { transform: translate3d(0,-2px,0) scale(1.025); box-shadow: 0 12px 28px rgba(0,0,0,.36), 0 0 25px rgba(223,28,43,.78); }
  86% { transform: translate3d(0,0,0) scale(1); }
}

@keyframes v69CtaHot {
  0%,100% { transform: translateY(-2px) scale(1.02); }
  25% { transform: translate(-1px,-3px) scale(1.035); }
  50% { transform: translate(1px,-2px) scale(1.045); }
  75% { transform: translate(-1px,-3px) scale(1.035); }
}

@keyframes v69CtaSweep {
  0%, 22% { transform: translateX(-145%); opacity: 0; }
  34% { opacity: .72; }
  58% { transform: translateX(145%); opacity: .1; }
  100% { transform: translateX(145%); opacity: 0; }
}

/* Rebuilt 01–04 cards fly in once, alternating directions. */
.experience-v66-card.v69-experience-pending {
  opacity: 0 !important;
  transform: translate3d(var(--v69-fly-x, -95px), 42px, 0) scale(.88) rotate(var(--v69-rotate, -2deg)) !important;
  transition: opacity .9s ease, transform 1.15s cubic-bezier(.16,1,.3,1), box-shadow .6s ease !important;
}
.experience-v66-card:nth-child(even).v69-experience-pending {
  --v69-fly-x: 95px;
  --v69-rotate: 2deg;
}
.experience-v66-card.v69-experience-live {
  opacity: 1 !important;
  transform: translate3d(0,0,0) scale(1) rotate(0) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.36);
}
.experience-v66-card.v69-experience-live:nth-child(1) { transition-delay: 0ms !important; }
.experience-v66-card.v69-experience-live:nth-child(2) { transition-delay: 130ms !important; }
.experience-v66-card.v69-experience-live:nth-child(3) { transition-delay: 260ms !important; }
.experience-v66-card.v69-experience-live:nth-child(4) { transition-delay: 390ms !important; }

@media (max-width: 760px) {
  :is(a.button, button.button, .text-link, .all-brands-toggle, .mobile-menu-inline, .nav-toggle) {
    animation-duration: 4.8s;
  }
  .experience-v66-card.v69-experience-pending {
    transform: translate3d(var(--v69-fly-x, -34px), 28px, 0) scale(.94) !important;
  }
  .experience-v66-card:nth-child(even).v69-experience-pending { --v69-fly-x: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  :is(a.button, button.button, .text-link, .all-brands-toggle, .mobile-menu-inline, .nav-toggle),
  :is(a.button, button.button, .text-link, .all-brands-toggle, .mobile-menu-inline, .nav-toggle)::after {
    animation: none !important;
  }
  .experience-v66-card.v69-experience-pending,
  .experience-v66-card.v69-experience-live {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}