/* Media / Gallery Styles */
.media {
  background: #000000;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.media h2 { color: #fff; font-size: 2rem; }

.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  width: 100%;
  max-width: 100%;
}

.gallery-item {
  width: 100%;
  height: 80vh;
  object-fit: cover;
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover { transform: scale(1.03); box-shadow: 0 8px 30px rgba(0,0,0,0.6); }

.lightbox { position: fixed; inset: 0; display: grid; place-items: center; background: rgba(0,0,0,0.9); opacity: 0; pointer-events: none; transition: opacity 0.25s ease; z-index: 2000; }
.lightbox.open { opacity: 1; pointer-events: auto; }
.lightbox-img { width: 100vw; height: 100vh; object-fit: contain; border-radius: 0; box-shadow: none; }
.lightbox-close { position: absolute; top: 24px; right: 24px; background: transparent; border: none; color: #fff; font-size: 2rem; cursor: pointer; }
.lightbox-caption { color: #ddd; margin-top: 12px; }

/* Footer */
.site-footer { background: #0f0f0f; padding: 20px; color: #aaa; }
.site-footer .footer-inner { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.site-footer a { color: #aaa; text-decoration: none; margin-left: 12px; }
.site-footer a:hover { color: #858585; }