/* Neno Urban FC - custom styles layered on top of Tailwind CDN */

/* Rajdhani weight helpers (used with font-display) */
.font-500 { font-weight: 500; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }

/* Never use rounded corners anywhere */
* { border-radius: 0 !important; }

body { -webkit-font-smoothing: antialiased; }

/* Hero image — portrait source framed for wide hero */
.hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Favor upper body / face so heads are not cropped off */
  object-position: center 18%;
  z-index: 0;
}
@media (min-width: 1024px) {
  .hero-media {
    /* On desktop, push focus slightly right so the player sits in the open (brighter) half */
    object-position: 62% 16%;
  }
}
@media (max-width: 640px) {
  .hero-media {
    object-position: center 12%;
  }
}

/* Scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
  will-change: opacity, transform;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* Diagonal accent panel used behind hero visuals */
.clip-slant {
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
}

/* Player / member square avatar */
.avatar-initials {
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #2E3192, #191b52);
  color: #fff;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  letter-spacing: .05em;
}

/* Image hover zoom container */
.zoom-wrap { overflow: hidden; }
.zoom-wrap img { transition: transform .6s ease; }
.zoom-wrap:hover img { transform: scale(1.06); }

/* Lightbox */
#lightbox { transition: opacity .25s ease; }