/* Singh Riders — supplemental styles (Tailwind handles most layout) */

html { scroll-behavior: smooth; scroll-padding-top: 6rem; }

:focus-visible { outline: 3px solid #d51220; outline-offset: 2px; }

/* Parallax banner (no JS; falls back gracefully on mobile) */
.parallax {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
@media (max-width: 768px) { .parallax { background-attachment: scroll; } }

/* Lazy image fade-in */
img[loading="lazy"] { transition: opacity .4s ease; }

/* Equal-size gallery cells */
.gallery-cell { aspect-ratio: 4 / 3; object-fit: cover; }

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}