/* Additional gallery components reuse the original palette, type and surfaces. */
.gallery-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:3rem; align-items:center; }
.gallery-hero-mosaic { display:grid; grid-template-columns:1.25fr 1fr; gap:1rem; height:480px; }
.gallery-hero-mosaic .media-frame:first-child { grid-row:span 2; }
.gallery-hero-mosaic img { object-position:center; }
.gallery-controls { display:grid; grid-template-columns:1.2fr .7fr 1fr auto; gap:1rem; align-items:end; margin-bottom:1.4rem; }
.gallery-controls label { display:block; margin-bottom:.4rem; font-size:.78rem; font-weight:700; }
.gallery-controls select,.gallery-controls input { width:100%; min-height:50px; border:1px solid #c9d8cd; background:white; color:var(--ink); border-radius:var(--radius-sm); padding:.8rem; font:inherit; font-size:.85rem; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.gallery-card { overflow:hidden; background:var(--white); border:1px solid #dde8df; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); }
.gallery-card[hidden],.album-summary[hidden] { display:none; }
.gallery-photo { display:block; position:relative; overflow:hidden; aspect-ratio:4/3; background:var(--forest-900); }
.gallery-photo picture,.gallery-photo img { display:block; width:100%; height:100%; }
.gallery-photo img { object-fit:cover; transition:transform .35s; }
.gallery-photo:hover img { transform:scale(1.035); }
.photo-expand { position:absolute; right:.8rem; bottom:.8rem; background:var(--gold-gradient); color:var(--forest-950); display:grid; place-items:center; width:36px; height:36px; border-radius:50%; font-size:1.3rem; }
.gallery-card-copy { padding:1.3rem; }
.gallery-card-copy h3 { font-size:1rem; line-height:1.5; margin:.65rem 0; }
.gallery-card-copy p { font-size:.82rem; margin-bottom:.8rem; color:var(--muted); }
.gallery-card-copy .eyebrow { font-size:.6rem; letter-spacing:.1em; }
.album-summary { margin:1.5rem 0 2rem; padding:1.8rem; border-left:4px solid var(--gold); background:var(--white); border-radius:0 var(--radius-md) var(--radius-md) 0; }
.album-summary p { max-width:85ch; }
.project-timeline { list-style:none; padding:0; margin:3rem 0; }
.project-timeline li { display:grid; grid-template-columns:210px 1fr; gap:3rem; position:relative; padding:0 0 3rem 2rem; border-left:2px solid #d4e4d8; }
.project-timeline li::before { content:""; position:absolute; left:-8px; top:.35rem; width:14px; height:14px; background:var(--gold-gradient); border-radius:50%; box-shadow:0 0 0 5px var(--offwhite); }
.timeline-date { font-weight:700; color:var(--forest-700); font-size:.85rem; }
.timeline-copy h3 { margin-top:0; }.timeline-copy p { color:var(--muted); max-width:75ch; }
.photo-feature { margin-bottom:1.5rem; }.album-link { display:block; margin-top:1rem; }
.record-card { border-top:3px solid var(--gold); }.record-card .project-body { height:100%; }
.documented-card { scroll-margin-top:100px; }
#gallery-viewer { border:1px solid rgba(212,175,55,.45); padding:0; background:var(--forest-950); color:var(--white); border-radius:var(--radius-md); width:min(1120px,95vw); max-height:94svh; overflow:auto; }
#gallery-viewer::backdrop { background:rgba(0,0,0,.88); backdrop-filter:blur(5px); }
.viewer-toolbar { display:flex; justify-content:space-between; align-items:center; padding:.65rem 1rem; }
.viewer-toolbar button,.viewer-image-wrap button { border:1px solid rgba(255,255,255,.4); border-radius:50%; color:white; background:var(--forest-800); width:44px; height:44px; font-size:1.7rem; cursor:pointer; flex-shrink:0; }
.viewer-image-wrap { position:relative; display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:0 .7rem; }
.viewer-image-wrap img { min-width:0; max-width:calc(100% - 100px); width:auto; height:55svh; object-fit:contain; }
.viewer-caption { padding:1.2rem 2rem 1.8rem; }.viewer-caption h2 { font-size:1.3rem; }.viewer-caption p { font-size:.85rem; color:#d0dfd4; max-width:90ch; }.viewer-caption .text-link { color:var(--gold-light); }
@media(max-width:1180px) { .desktop-nav{display:none}.menu-toggle{display:block}.gallery-controls{grid-template-columns:1fr 1fr}.gallery-hero{gap:1.5rem}.gallery-hero-mosaic{height:400px} }
@media(max-width:960px) { .gallery-hero{grid-template-columns:1fr}.gallery-hero-mosaic{height:440px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-timeline li{grid-template-columns:150px 1fr;gap:1.5rem} }
@media(max-width:640px) { .gallery-grid{grid-template-columns:1fr}.gallery-controls{grid-template-columns:1fr}.gallery-hero-mosaic{height:350px;gap:.65rem}.project-timeline li{grid-template-columns:1fr;gap:.65rem;padding-left:1.2rem}.viewer-caption{padding:1rem}.viewer-image-wrap{padding:0 .25rem;gap:.25rem}.viewer-image-wrap button{width:36px;height:36px}.viewer-image-wrap img{max-width:calc(100% - 80px);height:45svh}.gallery-hero-mosaic figcaption{font-size:.5rem;border-radius:.5rem}.album-summary{padding:1.1rem} }
@media(prefers-reduced-motion:reduce) { .gallery-photo img{transition:none} }