@layer section {
    .photos.page {
        gap: var(--body-item-spacing) 0;
    }

    .photos.page > article > :not(:last-child) {
        margin-block-end: var(--body-item-spacing);
    }

    .photos.page > article > h1 {
        font-size: var(--h3-size);
    }

    .photos.page > nav {
        margin-block-end: var(--body-item-spacing);
    }

    .photos.page > :not(figure) {
        grid-column: content-start / content-end;
    }

    .photos.page > figure {
        grid-column: wide-content-start / wide-content-end;
    }
    @media (max-width: 960px) {
        figure, img {
            border-radius: 0;
        }
    }

    .photos.page :is(figure, figure > img) {
        max-width: none;
    }
}