/* Delivery photos lead closed-project details; every stage remains accessible. */
.closed-project .dialog-hero{height:178px;background:radial-gradient(ellipse at 90% 10%,#49715a 0,transparent 60%),#0B6B4F}
.closed-project .dialog-hero:after{display:none}
.closed-project .dialog-hero-text{bottom:25px}
.closed-project .dialog-hero h2{font-size:30px;line-height:1.2}
.prominent-progress{padding:6px 27px 22px;background:#f7f8f2;border-bottom:1px solid var(--line)}
.prominent-progress .story-section-head{margin:20px 0 10px}
.prominent-progress .story-section-head h3{font-family:var(--display);font-size:24px!important}
.prominent-progress .progress-gallery.multi-photo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
.prominent-progress .multi-photo figure{display:block;min-width:0}
.progress-photo-button{border:0;padding:0;position:relative;display:block;width:100%;cursor:zoom-in;overflow:hidden;background:#dfe6dc;color:white;text-align:left}
.progress-photo-button img,.prominent-progress .multi-photo img{width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:cover;transition:transform .25s ease}
.progress-photo-button:hover img{transform:scale(1.035)}
.progress-photo-button:focus-visible{outline:3px solid #9dbc6e;outline-offset:-4px}
.photo-expand{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0B6B4Fba;font-size:19px;line-height:1}
.photo-latest{position:absolute;bottom:10px;left:10px;padding:5px 8px;border-radius:4px;color:#173a2c;background:#d4efad;font-size:8px;letter-spacing:.8px;font-weight:700}
.prominent-progress .progress-gallery figcaption{padding:14px}
.prominent-progress .progress-gallery figcaption>span{font-size:9px;color:#687663;letter-spacing:0}
.prominent-progress .progress-gallery figcaption>strong{font-family:var(--display);font-size:15px;line-height:1.45}
.prominent-progress .progress-gallery figcaption p{color:#5b6b5d;line-height:1.7}
.progress-sequence-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px!important;margin:14px 0 0!important;color:#58704b!important}
.progress-sequence-note span{color:#74816c}
.project-photo-viewer{border:0;padding:0;border-radius:18px;width:min(1120px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;background:#f5f6ef;color:#203d2e;box-shadow:0 25px 100px #0006}
.project-photo-viewer::backdrop{background:#102b24dd;backdrop-filter:blur(6px)}
.project-photo-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#f5f6ef}
.project-photo-viewer header small{font-size:9px;letter-spacing:1.2px;color:#607451}
.project-photo-viewer header h2{font-family:var(--display);font-size:20px;line-height:1.4;margin:5px 0 0}
.photo-viewer-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #d6dfcc;border-radius:50%;background:transparent;color:#203d2e;font-size:20px;cursor:pointer}
.project-photo-viewer figure{margin:0}
.photo-viewer-image{display:block;width:100%;height:min(57vh,640px);object-fit:contain;background:#142b23}
.project-photo-viewer figcaption{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:20px 24px}
.photo-viewer-caption{min-width:0;max-width:720px}
.photo-viewer-date{font-size:10px;color:#687a5e}
.photo-viewer-stage{font-family:var(--display);font-size:22px;line-height:1.4;margin:7px 0}
.photo-viewer-description{font-size:13px;line-height:1.7;margin:0;color:#5c6e5e}
.project-photo-viewer nav{display:flex;gap:12px;align-items:center;flex-shrink:0}
.project-photo-viewer nav button{width:44px;min-width:44px;justify-content:center;padding:8px;font-size:20px}
.project-photo-viewer nav button:disabled{opacity:.35;cursor:default}
.photo-viewer-count{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap;min-width:32px;text-align:center}
.photo-viewer-disclosure{border-top:1px solid #dce3d3;font-size:10px;color:#718165;padding:14px 24px;margin:0;line-height:1.7}
@media(max-width:680px){
 .closed-project .dialog-hero{height:190px}
 .closed-project .dialog-hero h2{font-size:25px}
 .closed-project .dialog-hero-text{bottom:20px}
 .prominent-progress{padding:3px 16px 20px}
 .prominent-progress .story-section-head{align-items:flex-start}
 .prominent-progress .story-section-head h3{font-size:23px!important}
 .prominent-progress .story-section-head .pill{font-size:8px;line-height:1.5}
 .prominent-progress .progress-gallery.multi-photo{grid-template-columns:minmax(0,1fr);padding:0;gap:15px}
 .prominent-progress .multi-photo figure{flex:none}
 .prominent-progress .progress-gallery figcaption>span{font-size:10px}
 .prominent-progress .progress-gallery figcaption>strong{font-size:16px}
 .photo-expand{width:36px;height:36px}
 .project-photo-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}
 .project-photo-viewer>header{padding:16px;gap:12px}
 .project-photo-viewer header h2{font-size:17px}
 .project-photo-viewer header small{font-size:8px}
 .photo-viewer-image{height:auto;max-height:52dvh;aspect-ratio:3/2}
 .project-photo-viewer figcaption{flex-direction:column;align-items:stretch;padding:18px 16px;gap:16px}
 .photo-viewer-stage{font-size:20px}
 .project-photo-viewer nav{justify-content:space-between}
 .photo-viewer-disclosure{padding:12px 16px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.progress-photo-button img{transition:none}}