.footer-invitation{max-width:48ch;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--muted);margin:20px 0 26px}
.photo-section{padding:0 var(--gutter) var(--space-section)}
.photo-section h2{font-size:clamp(32px,3.6vw,52px);line-height:1.15;margin-bottom:14px}
.photo-intro{max-width:45ch;font-size:17px;line-height:1.7;margin-bottom:30px;color:var(--muted)}
.photo-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html.project-arrival::after{content:"";position:fixed;inset:0;z-index:10000;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--arrival-color) 24%,var(--paper)),transparent 95%);animation:project-color-arrive .8s ease-out both}
@keyframes project-color-arrive{from{opacity:1}to{opacity:0}}
@media(max-width:760px){.photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.footer-invitation{font-size:17px}}
@media(prefers-reduced-motion:reduce){html.project-arrival::after{display:none}}

.photo-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.photo-hint{font-size:12px;color:var(--muted);white-space:nowrap}
.photo-frame{min-width:0;margin:0}
.photo-open{display:block;position:relative;width:100%;aspect-ratio:4/5;border:0;padding:0;background:var(--surface);border-radius:12px;overflow:hidden;isolation:isolate}
.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.photo-open:hover img{transform:scale(1.035)}
.photo-open:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.photo-enlarge{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#17201fcc;color:#fff;font-size:22px;line-height:1;pointer-events:none}
.photo-frame figcaption{padding-top:12px;font-size:14px;line-height:1.5;color:var(--muted)}
.photo-frame figcaption strong{font-weight:400}
@media(max-width:760px){.photo-heading{display:block}.photo-intro{margin-bottom:10px}.photo-hint{display:block;margin-bottom:24px}.photo-frame figcaption{font-size:13px}.photo-open{border-radius:10px}.photo-enlarge{width:30px;height:30px;right:8px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.photo-open img{transition:none}.photo-open:hover img{transform:none}}