/* Nirvan Studio – home-a area (hero, home about, services section, portfolio cover flow). */

/* tw-animate-css "animate-in fade-in duration-*" used by the services section (expanded rows + archive wrapper). */
@keyframes nvHaFadeIn { from { opacity: 0; } to { opacity: 1; } }
#capabilities-list .animate-in.fade-in,
.animate-in.fade-in.duration-200 { animation: nvHaFadeIn .3s ease-out both; }
.animate-in.fade-in.duration-200 { animation-duration: .2s; }

/* Service rows: keyboard focus ring for the expandable toggle. */
[data-service-toggle]:focus-visible { outline: 2px solid #EF4444; outline-offset: 4px; }

/* Cover flow: keep the project title link visually identical to the original heading. */
[data-coverflow-link] { color: inherit; text-decoration: none; }
[data-coverflow-card] img { -webkit-user-drag: none; }

@media (prefers-reduced-motion: reduce) {
  .animate-marquee-rtl { animation-duration: 120s; }
  [data-coverflow-card] { transition-duration: 0ms !important; }
}