/* vn-photo-grid — Gallery "Building & Community" (mosaic) + "Events & Life" (captioned)
   Source: Rest of pages/Responsive/Gallery (.bld-grid, .ev-grid). */

.vn-pgrid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: min(0.7vw, 13.5px) min(0.89vw, 17px);
    max-width: 1924px;
    margin: 0 auto;
    padding: 0 var(--vn-pgrid-pr, min(2.57vw, 49px)) 0 var(--vn-pgrid-pl, min(2.4vw, 46px));
    font-family: var(--vn-font-body);
    color: var(--vn-navy);
}

.vn-pgrid__item { min-width: 0; margin: 0; }

.vn-pgrid .vn-pgrid__photo {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 7px;
    background-color: var(--vn-card);
}

.vn-pgrid__photo .vn-img-cover {
    position: absolute;
    inset: 0;
    transition: transform 0.6s ease;
}

a.vn-pgrid__photo:hover .vn-img-cover,
a.vn-pgrid__photo:focus-visible .vn-img-cover { transform: scale(1.03); }

a.vn-pgrid__photo:focus-visible { outline: 3px solid var(--vn-navy); outline-offset: 3px; }

/* Mosaic: rows of three, then two wider photos, repeating */
.vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n+1),
.vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n+2),
.vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n+3) { grid-column: span 2; }

.vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n+4),
.vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n) { grid-column: span 3; }

.vn-pgrid-layout-mosaic .vn-pgrid__item .vn-pgrid__photo { aspect-ratio: 1.69; }
.vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n+4) .vn-pgrid__photo,
.vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n) .vn-pgrid__photo { aspect-ratio: 2.49; }

/* Captioned tiles */
.vn-pgrid-layout-captioned .vn-pgrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: min(1.15vw, 22px) min(1vw, 19px);
    padding: 0 var(--vn-pgrid-pr, min(2.26vw, 43px)) 0 var(--vn-pgrid-pl, min(2.73vw, 52px));
}

.vn-pgrid-layout-captioned .vn-pgrid__photo { aspect-ratio: 1.656; }

.vn-pgrid .vn-pgrid__caption {
    margin-top: 2px;
    font-size: min(1.5vw, 28.77px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.53;
    text-align: center;
}

@media (max-width: 1024px) {
    .vn-pgrid,
    .vn-pgrid-layout-captioned .vn-pgrid { gap: 12px; padding: 0 32px; }
    .vn-pgrid-layout-captioned .vn-pgrid { row-gap: 24px; }

    .vn-pgrid .vn-pgrid__photo { border-radius: 8px; }
    .vn-pgrid-layout-mosaic .vn-pgrid__item .vn-pgrid__photo,
    .vn-pgrid-layout-captioned .vn-pgrid__photo { aspect-ratio: 3 / 2; }
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n+4) .vn-pgrid__photo,
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n) .vn-pgrid__photo { aspect-ratio: 16 / 9; }

    .vn-pgrid .vn-pgrid__caption { margin-top: 10px; font-size: clamp(0.95rem, 1.7vw, 1.1rem); line-height: 1.3; }
}

@media (max-width: 767px) {
    .vn-pgrid,
    .vn-pgrid-layout-captioned .vn-pgrid { gap: 10px; padding: 0 20px; }
    .vn-pgrid-layout-captioned .vn-pgrid { row-gap: 20px; }

    .vn-pgrid-layout-mosaic .vn-pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(n) { grid-column: span 1; }
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(n) .vn-pgrid__photo { aspect-ratio: 4 / 3; }
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n) { grid-column: 1 / -1; }
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n) .vn-pgrid__photo { aspect-ratio: 16 / 9; }
}

@media (max-width: 480px) {
    .vn-pgrid-layout-mosaic .vn-pgrid { grid-template-columns: 1fr; }
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(n),
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(5n) { grid-column: auto; }
    .vn-pgrid-layout-mosaic .vn-pgrid__item:nth-child(n) .vn-pgrid__photo { aspect-ratio: 3 / 2; }
    .vn-pgrid .vn-pgrid__caption { font-size: 0.9rem; }
}