body {font-family: 'Inter', sans-serif; margin:0; padding:0; color:#222; background:#fff;}
header {text-align:center; padding:1.5rem;}
header h1 a, header h1 {text-decoration:none; color:#111;}
nav a {margin:0 1rem; color:#555; text-decoration:none;}
nav a:hover {text-decoration:underline;}
main {max-width:1000px; margin:auto; padding:1rem;}
h2 {font-family: 'Playfair Display', serif;}
.gallery-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:1rem; padding:1rem;}
.gallery-grid img {width:100%; height:auto; border-radius:8px; cursor:pointer; transition:transform 0.2s;}
.gallery-grid img:hover {transform:scale(1.03);}
.card {text-align:center; text-decoration:none; color:#000;}
.card h3 {margin-top:0.5rem;}
footer {text-align:center; padding:1rem; color:#666; font-size:0.9rem; border-top:1px solid #ddd;}
.lightbox-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); display:flex; justify-content:center; align-items:center; z-index:9999;}
.lightbox-overlay img {max-width:90%; max-height:90%; border-radius:8px;}
.lightbox-nav {position:absolute; top:50%; transform:translateY(-50%); color:white; font-size:2rem; cursor:pointer; user-select:none; padding:1rem;}
.lightbox-prev {left:0;}
.lightbox-next {right:0;}


nav {
  text-align: center;
  margin-top: 10px;
}
nav a {
  margin: 0 20px;
  text-decoration: none;
  color: inherit;
}