/* Consistent panel gaps, with more breathing room at the two section breaks. */
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] {
    --process-panel-gap: 24px;
    --process-section-gap: clamp(48px, 5vw, 64px);
}
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] main {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--process-panel-gap);
    padding-top: 26px;
}
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] main > :is(.process-page-intro, .site-ad) {
    width: var(--photo-banner-width);
    margin-block: 0;
    margin-inline: auto;
}
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] main > :is(.process-overview, .process-template-section) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--process-panel-gap);
    width: var(--photo-banner-width);
    min-width: 0;
    margin: calc(var(--process-section-gap) - var(--process-panel-gap)) auto 0;
    padding: 0;
}
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] :is(.process-core-heading, .process-template-heading, .process-template-list, .process-template-empty) {
    margin: 0;
}
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] .process-core-heading {
    padding-block: clamp(32px, 3.5vw, 48px);
}
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] :is(.process-core-track, .process-template-list) {
    row-gap: var(--process-panel-gap);
}
.grey-site.glass-depth.photographic-glass[data-page-template='processes'] .site-frame > :is(.insight-band, .data-strip, .frame-footer, .site-ad) {
    margin-block: var(--process-panel-gap);
}
@media (max-width: 900px) {
    .grey-site.glass-depth.photographic-glass[data-page-template='processes'] main { padding-top: 20px; }
}