/* Photo breaks preserve the full subjects and hide screenshot framing. */
.photo-break{padding:54px max(6vw,28px);display:grid;gap:28px;background:var(--paper);align-items:center}
.photo-break.photo-single{grid-template-columns:minmax(0,1050px);justify-content:center}
.photo-foundations{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}
.photo-portraits{grid-template-columns:repeat(2,minmax(0,410px));justify-content:center;align-items:start}
.project-photo{margin:0;min-width:0}
.photo-window{position:relative;width:100%;aspect-ratio:var(--photo-ratio);overflow:hidden;background:#e5e7e1}
.photo-window img{position:absolute;max-width:none;width:var(--photo-width);height:var(--photo-height);left:var(--photo-left);top:var(--photo-top)}
.project-photo figcaption{padding:13px 0 0;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#4c554f}
@media(max-width:700px){.photo-break{padding:32px 22px;gap:30px}.photo-foundations,.photo-portraits{grid-template-columns:minmax(0,1fr)}.photo-foundations .project-photo:first-child{width:min(100%,440px);justify-self:center}.photo-portraits{grid-template-columns:minmax(0,410px)}}

.photo-paving{grid-template-columns:minmax(0,480px);justify-content:center}
.photo-window--steel{aspect-ratio:auto}
.photo-window--steel img{position:static;display:block;width:100%;height:auto}

.photo-window--natural{aspect-ratio:auto}
.photo-window--natural img{position:static;display:block;width:100%;height:auto}