@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Inter:wght@400;600&display=swap');
:root{--gold:#C9A63B;--gold-2:#d8bb5a;--bg:#0f0f0f;--text:#2E2E2E;--muted:#6b7280;--card:#fff}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f7f9;color:var(--text)}
header.hero{background:#111;color:#fff;text-align:center;padding:3rem 2rem 2.2rem}
.logo{max-width:180px;margin-bottom:.5rem}
h1{font-family:Montserrat,sans-serif;font-weight:700}
.site-nav{margin-top:1rem;display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap}
.site-nav a{color:var(--gold);text-decoration:none;font-weight:600;transition:color .2s}
.site-nav a:hover{color:var(--gold-2)}
section{padding:2rem;max-width:1100px;margin:auto}section h2{color:var(--gold);font-family:Montserrat,sans-serif;font-weight:700}
.card{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.btn{display:inline-block;padding:.7rem 1.2rem;border-radius:12px;background:var(--gold);color:#111;text-decoration:none;font-weight:700;transition:all .2s}
.btn:hover{background:var(--gold-2)}
footer{background:#111;color:#fff;text-align:center;padding:1rem}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem;margin-top:1rem}
.gallery-grid a{display:block;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eee;box-shadow:0 6px 20px rgba(0,0,0,.08)}

.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:9999}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.lightbox .close,.lightbox .prev,.lightbox .next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:.6rem .8rem;cursor:pointer;border:1px solid rgba(255,255,255,.2)}
.lightbox .close{top:24px;right:24px;transform:none}
.lightbox .prev{left:24px}
.lightbox .next{right:24px}

/* --- Clean uniform grid for gallery (square thumbnails) --- */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1rem;
}
@media (max-width: 900px){
  .gallery-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 560px){
  .gallery-grid{ grid-template-columns:1fr; }
}
.gallery-grid a{
  display:block;
  position:relative;
  border-radius:12px;
  overflow:hidden;
  border:1px solid #e9e9e9;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .18s ease, border-color .18s ease;
}
.gallery-grid a:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.10);
  border-color: #C9A63B; /* gold */
}
.gallery-grid img{
  width:100%;
  aspect-ratio:1 / 1;      /* make it perfectly square */
  object-fit:cover;        /* crop to square */
  display:block;
}
/* Lightbox keeps original full size image */