/* Gallery and navigation refinements in the existing woodland palette. */
footer{flex-wrap:wrap;row-gap:18px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}
footer nav a{padding:5px 0}
footer small{line-height:1.5}
.photo-gallery{columns:3;column-gap:18px;margin:34px 0 0}
.gallery-photo{display:block;break-inside:avoid;margin:0 0 18px;line-height:0}
.gallery-photo[hidden],.gallery-more[hidden]{display:none!important}
.gallery-photo img{display:block;width:100%;height:auto}
.gallery-photo:hover img{opacity:.93}
.gallery-photo:focus-visible,.gallery-more:focus-visible,.photo-viewer button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.gallery-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 36px}
.gallery-count{font-size:12px;color:var(--muted);margin:0}
.gallery-more{cursor:pointer;background:transparent;font-family:var(--sans)}
.photo-viewer-open{overflow:hidden}
.photo-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;border:0;background:#080d09;color:var(--paper)}
.photo-viewer::backdrop{background:#080d09ed}
.viewer-frame{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;margin:0;padding:42px 48px 20px}
.viewer-image{display:block;max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain;margin:auto}
.viewer-caption{text-align:center;color:var(--muted);font:12px var(--sans);letter-spacing:.12em}
.photo-viewer button{position:absolute;width:44px;height:44px;border:1px solid #78846f;background:#101711de;color:var(--paper);font:32px/1 var(--sans);cursor:pointer}
.photo-viewer button:disabled{opacity:.3;cursor:default}
.viewer-close{top:16px;right:16px}
.viewer-prev{top:50%;left:16px;transform:translateY(-50%)}
.viewer-next{top:50%;right:16px;transform:translateY(-50%)}
@media(max-width:900px){.photo-gallery{columns:2}}
@media(max-width:650px){.photo-gallery{column-gap:9px;margin-top:24px}.gallery-photo{margin-bottom:9px}.gallery-tools{align-items:flex-start;flex-direction:column;gap:12px}footer p{width:auto;flex:1 1 180px}.photo-viewer{padding:10px}.viewer-frame{padding:48px 0 50px}.viewer-image{max-height:calc(100dvh - 140px)}.viewer-prev,.viewer-next{top:auto;bottom:10px;transform:none}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-close{top:10px;right:12px}}

/* Keep mobile navigation collapsed until the menu button opens it. */
@media(max-width:760px){
  .home-page .topbar>nav{display:none;position:absolute;inset:74px 0 auto;padding:10px 24px 20px;grid-template-columns:1fr;align-items:stretch;gap:0;background:var(--forest-2);border-top:1px solid var(--studio-line)}
  .home-page .topbar>nav.open{display:flex}
  .home-page .topbar>nav>a,.home-page .topbar>nav>.nav-portfolio{grid-column:auto;grid-row:auto;justify-self:stretch;align-self:stretch;margin:0;padding:11px 0;text-align:left;text-shadow:none}
  .home-page .topbar>nav>.nav-portfolio{position:relative}
  .home-page .topbar .nav-submenu{position:static;min-width:0;padding:0 0 0 14px;background:transparent;border:0;box-shadow:none}
  .home-page .topbar>nav.open .nav-submenu{display:block}
  .home-page .topbar>nav.open .nav-submenu a{padding:7px 0;color:var(--muted);font-size:14px}
}