.gallery_hero {
    background: var(--ink);
    padding-block: var(--space-5) var(--space-4);
}

.gallery_hero .section_head {
    max-width: 40rem;
}

.gallery_grid {
    columns: 4 260px;
    column-gap: var(--space-2);
    padding-top: var(--space-4);
    padding-bottom: var(--space-5);
}

.gallery_item {
    break-inside: avoid;
    margin-bottom: var(--space-2);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.gallery_item:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
}

.gallery_item img {
    width: 100%;
    display: block;
}

@media (max-width: 700px) {
    .gallery_grid {
        columns: 2 160px;
    }
}