/* ── Custom styles on top of Tailwind ── */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Hero slideshow */
.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.2s ease-in-out; }
.hero-slide.active { opacity: 1; }

/* Gallery lightbox */
#lightbox { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.88);
  z-index: 9999; align-items: center; justify-content: center; }
#lightbox.open { display: flex; }
#lightbox img { max-width: 90vw; max-height: 88vh; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,.6); }

/* Gallery grid hover */
.gallery-item { overflow: hidden; cursor: pointer; }
.gallery-item img { transition: transform .4s ease; }
.gallery-item:hover img { transform: scale(1.06); }

/* Nav active link */
nav a.active { color: #f97316; border-bottom: 2px solid #f97316; }

/* Reels grid */
.reel-card { aspect-ratio: 9/16; }

/* Mobile menu */
#mobile-menu { display: none; }
#mobile-menu.open { display: block; }

/* Video iframe wrapper */
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Reel iframe wrapper */
.reel-wrapper { position: relative; padding-bottom: 177.78%; height: 0; overflow: hidden; }
.reel-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Section fade-in on scroll */
.fade-in { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.fade-in.visible { opacity: 1; transform: none; }