.gallery-page-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.gallery-page-item {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border-radius: 10px;
    background: #eee;
}
.gallery-page-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.gallery-page-item:hover img {
    transform: scale(1.05);
}
.gallery-empty {
    padding: 64px 20px;
    text-align: center;
}
.gallery-empty h2 {
    margin-bottom: 8px;
}
.gallery-empty p {
    margin: 0;
    color: var(--muted);
}