/* Motion only: retain existing dimensions, colors and layout in both languages. */
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .lasp-page-root .lasp-partner-card {
    transition: transform 360ms ease, border-color 360ms ease, box-shadow 360ms ease;
  }
  .lasp-page-root .lasp-partner-card:hover {
    transform: translateY(-3px);
    border-color: var(--acid);
    box-shadow: 0 10px 24px #0b071f33;
  }
  .lasp-page-root .btn { transition: transform 320ms ease, background-color 320ms ease, color 320ms ease; }
  .lasp-page-root .btn:hover { transform: translateY(-2px); }
  .lasp-page-root .project-card img { transition: transform 550ms cubic-bezier(.22,1,.36,1), filter 300ms ease; }
  .lasp-page-root .project-card:hover img { transform: translateY(-4px); }
}
@media (prefers-reduced-motion: reduce) {
  .lasp-page-root .lasp-partner-card,
  .lasp-page-root .btn,
  .lasp-page-root .project-card img { transition: none; }
}

/* Golden light accents: one pass on entry, no continuous effects on mobile. */
@media (prefers-reduced-motion: no-preference) {
  .lasp-page-root h2.lasp-motion-accent { position: relative; }
  .lasp-page-root h2.lasp-motion-accent::after {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    bottom: -9px;
    width: min(110px, 35%);
    height: 2px;
    background: linear-gradient(90deg, var(--acid), transparent);
    transform-origin: left center;
    pointer-events: none;
    opacity: 0;
    animation: lasp-gold-draw 1900ms ease var(--lasp-motion-delay, 0ms) both;
  }
  .lasp-page-root .lion-lang-ar h2.lasp-motion-accent::after {
    transform-origin: right center;
    background: linear-gradient(270deg, var(--acid), transparent);
  }
  .lasp-page-root .lasp-partner-card { position: relative; overflow: hidden; }
  .lasp-page-root .lasp-partner-card::after {
    content: '';
    position: absolute;
    inset: -25% -30%;
    background: linear-gradient(110deg, transparent 30%, #f2c09400 39%, #f2c09430 50%, #ffffff14 54%, transparent 67%);
    transform: translateX(-120%);
    opacity: 0;
    pointer-events: none;
  }
  .lasp-page-root .lasp-partner-card.lasp-motion-accent::after {
    animation: lasp-gold-sweep 1700ms cubic-bezier(.25,.46,.45,.94) var(--lasp-motion-delay, 0ms) both;
  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .lasp-page-root .btn { position: relative; overflow: hidden; isolation: isolate; }
  .lasp-page-root .btn::after {
    content: '';
    position: absolute;
    inset: -60% -30%;
    background: linear-gradient(110deg, transparent 37%, #ffffff40 50%, transparent 63%);
    transform: translateX(-120%);
    opacity: 0;
    pointer-events: none;
  }
  .lasp-page-root .btn:hover::after { animation: lasp-gold-sweep 1100ms ease both; }
  .lasp-page-root .lasp-social-link .lasp-footer-icon,
  .lasp-page-root .lasp-whatsapp .lasp-footer-icon { transition: transform 500ms cubic-bezier(.22,1,.36,1); }
  .lasp-page-root .lasp-social-link:hover .lasp-footer-icon,
  .lasp-page-root .lasp-whatsapp:hover .lasp-footer-icon { transform: rotate(-8deg) scale(1.12); }
  .lasp-page-root .star { transition: transform 1500ms cubic-bezier(.22,1,.36,1); }
  .lasp-page-root .star:hover { transform: rotate(90deg); }
}
@keyframes lasp-gold-draw {
  0% { transform: scaleX(0); opacity: 0; }
  25% { opacity: 1; }
  60% { transform: scaleX(1); opacity: 1; }
  100% { transform: scaleX(1); opacity: 0; }
}
@keyframes lasp-gold-sweep {
  0% { transform: translateX(-120%); opacity: 0; }
  18% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translateX(120%); opacity: 0; }
}