/* ============================================================
   MYK'S KINSHICHO — CENTRALIZED IMAGE SYSTEM
   ------------------------------------------------------------
   Every section-level image on the site is controlled from
   this single file. Until real photography is supplied, each
   slot below renders an on-brand gradient placeholder.

   TO SWAP IN REAL PHOTOGRAPHY:
   Replace the `background:` line for the relevant --img-* slot
   with:  background:url('../img/your-photo.jpg') center/cover;
   No other HTML or CSS anywhere on the site needs to change —
   every page pulls its imagery from these slots.
   ============================================================ */

.img-slot{
  background-size:cover;
  background-position:center;
  position:relative;
}

/* HERO — homepage + used as the page banner on every subpage */
.img-hero{
  background:
    radial-gradient(ellipse at 20% 20%, rgba(244,3,126,0.14), transparent 55%),
    radial-gradient(ellipse at 80% 75%, rgba(122,44,255,0.18), transparent 55%),
    linear-gradient(160deg, #1c140b, #050403 70%);
}

/* RESTAURANT — 3PM-Midnight dining experience */
.img-restaurant{
  background:
    radial-gradient(circle at 30% 25%, rgba(232,196,104,0.30), transparent 55%),
    radial-gradient(circle at 75% 75%, rgba(122,44,255,0.18), transparent 55%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}

/* MUSIC LOUNGE — Midnight-9AM nightlife experience */
.img-music-lounge{
  background:
    radial-gradient(circle at 70% 30%, rgba(122,44,255,0.35), transparent 55%),
    radial-gradient(circle at 25% 75%, rgba(244,3,126,0.25), transparent 55%),
    linear-gradient(200deg, #1a1130, var(--void));
}

/* FOOD MENU */
.img-food{
  background:
    radial-gradient(circle at 40% 30%, rgba(255,148,51,0.28), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(61,220,132,0.16), transparent 55%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}

/* BAR & COCKTAILS */
.img-cocktails{
  background:
    radial-gradient(circle at 35% 30%, rgba(244,3,126,0.28), transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(232,196,104,0.22), transparent 55%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}

/* EVENTS */
.img-events{
  background:
    radial-gradient(circle at 30% 70%, rgba(58,198,255,0.24), transparent 55%),
    radial-gradient(circle at 75% 25%, rgba(244,3,126,0.24), transparent 55%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}

/* GALLERY (each tile can be assigned a numbered variant below) */
.img-gallery-1{ background: radial-gradient(circle at 40% 30%, rgba(232,196,104,0.35), var(--charcoal-2) 75%); }
.img-gallery-2{ background: radial-gradient(circle at 60% 60%, rgba(122,44,255,0.35), var(--charcoal-2) 75%); }
.img-gallery-3{ background: radial-gradient(circle at 50% 40%, rgba(232,196,104,0.25), var(--charcoal-2) 75%); }
.img-gallery-4{ background: radial-gradient(circle at 30% 60%, rgba(122,44,255,0.28), var(--charcoal-2) 75%); }
.img-gallery-5{ background: radial-gradient(circle at 70% 30%, rgba(232,196,104,0.22), var(--charcoal-2) 75%); }
.img-gallery-6{ background: radial-gradient(circle at 40% 50%, rgba(122,44,255,0.22), var(--charcoal-2) 75%); }
.img-gallery-7{ background: radial-gradient(circle at 60% 40%, rgba(244,3,126,0.28), var(--charcoal-2) 75%); }
.img-gallery-8{ background: radial-gradient(circle at 45% 55%, rgba(58,198,255,0.22), var(--charcoal-2) 75%); }

/* RESERVATIONS */
.img-reservations{
  background:
    radial-gradient(circle at 30% 30%, rgba(232,196,104,0.30), transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(244,3,126,0.18), transparent 55%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}

/* PRIVATE EVENTS */
.img-private-events{
  background:
    radial-gradient(circle at 35% 30%, rgba(122,44,255,0.28), transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(232,196,104,0.20), transparent 55%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}

/* MATCHMAKING */
.img-matchmaking{
  background:
    radial-gradient(circle at 25% 35%, rgba(244,3,126,0.30), transparent 55%),
    radial-gradient(circle at 75% 65%, rgba(122,44,255,0.30), transparent 55%),
    linear-gradient(160deg, #1a1130, var(--void));
}

/* CONTACT */
.img-contact{
  background:
    radial-gradient(circle at 30% 30%, rgba(232,196,104,0.24), transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(58,198,255,0.16), transparent 55%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}

/* ABOUT */
.img-about{
  background:
    radial-gradient(circle at 30% 20%, rgba(232,196,104,0.35), transparent 45%),
    radial-gradient(circle at 75% 80%, rgba(122,44,255,0.35), transparent 50%),
    linear-gradient(160deg, var(--charcoal-2), var(--void));
}