/* index.html only */

/* index uses a diagonal, full-cover sweep rather than the shared left-to-right one */
.light-sweep::after {
  top: -100%; left: -100%; width: 300%; height: 300%;
  background: linear-gradient(45deg, transparent, var(--c-sweep), transparent);
  pointer-events: none;
}
.light-sweep:hover::after { top: 0; left: 0; }

.marquee { display: flex; overflow: hidden; user-select: none; gap: 4rem; mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); }
.marquee-content { flex-shrink: 0; display: flex; justify-content: space-around; gap: 4rem; min-width: 100%; animation: scroll 40s linear infinite; }
@keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-100%); } }

.hero-slider-container { position: relative; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; }
.hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s cubic-bezier(0.4,0,0.2,1); display: flex; align-items: center; justify-content: center; }
.hero-slide.active { opacity: 1; z-index: 10; }
@media (prefers-reduced-motion: reduce) { .hero-slide { transition: none; } .marquee-content { animation: none; } }