body {
margin: 0;
background: #000;
color: #fff;
font-family: Arial, sans-serif;
}

/* header */
header {
text-align: center;
padding: 50px 20px 20px;
}

header h1 {
margin: 0;
font-size: 34px;
letter-spacing: 2px;
}

header p {
margin-top: 8px;
opacity: 0.5;
}

header span {
display: block;
margin-top: 8px;
font-size: 14px;
opacity: 0.7;
}

/* ГАЛЕРИЯ - grid (НЕ masonry) */
.gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 8px;
padding: 20px;
}

/* снимки */
.gallery img {
width: 100%;
height: 220px;
object-fit: cover;
cursor: pointer;

filter: brightness(60%);
transition: 0.3s ease;
}

/* hover ефект */
.gallery img:hover {
filter: brightness(100%);
transform: scale(1.05);
}

/* responsive */
@media (max-width: 600px) {
.gallery img {
height: 160px;
}
}

/* lightbox */
.lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.95);
display: none;
justify-content: center;
align-items: center;
}

.lightbox img {
max-width: 90%;
max-height: 90%;
}

.lightbox img {
  max-width: 90%;
  max-height: 90%;
  transition: transform 0.3s ease;
  cursor: zoom-in;
}

.lightbox img.zoomed {
  transform: scale(1.5);
  cursor: zoom-out;
}

img {
  user-select: none;
  -webkit-user-drag: none;
}