/* Keep each existing image/group intact inside the introduction's copy column. */
body.architecture-project-page[data-section="projects"] .interior-project-gallery {
    width: 100%;
    max-width: 1480px;
    margin-inline: auto;
    padding-inline: var(--project-gutter);
    grid-template-columns:
        [full-start] minmax(180px, calc((100% - 64px) * .3))
        64px
        [media-start] minmax(0, min(800px, calc((100% - 64px) * .7)))
        [media-end] minmax(0, 1fr) [full-end];
    column-gap: 0;
}

body.architecture-project-page[data-section="projects"] .interior-project-gallery > * {
    grid-column: media;
}

/* Place each section heading above its text in the same reading column. */
body.architecture-project-page[data-section="projects"] .interior-project-gallery > .architecture-project-chapter {
    grid-column: media;
}

/* Scale the already-approved viewport-height frame too, avoiding a new crop. */
body.architecture-project-page[data-section="projects"] .sound-museum-site-study__visual {
    height: calc(100svh * var(--architecture-media-scale, 1));
}

@media (max-width: 760px) {
    body.architecture-project-page[data-section="projects"] .interior-project-gallery {
        grid-template-columns: [full-start media-start] minmax(0, 1fr) [media-end full-end];
    }
}