.gallery { background:var(--forest); }
.gallery-heading { display:grid; grid-template-columns:1fr 1.75fr; gap:60px; align-items:start; margin-bottom:60px; }
.gallery-heading h2 { margin-bottom:18px; }
.gallery-hint { color:var(--muted); font-size:.875rem; letter-spacing:.04em; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:245px; gap:18px; }
.gallery-photo { position:relative; display:block; min-width:0; overflow:hidden; background:var(--surface); isolation:isolate; }
.gallery-photo:first-child { grid-column:span 2; grid-row:span 2; }
.gallery-photo::after { content:""; position:absolute; inset:45% 0 0; z-index:0; background:linear-gradient(transparent,rgba(3,13,8,.8)); pointer-events:none; }
.gallery-photo img { transition:transform .6s ease; }
.gallery-photo:hover img { transform:scale(1.035); }
.gallery-photo:focus-visible { outline-offset:4px; }
.gallery-photo>span { position:absolute; z-index:1; bottom:18px; left:20px; right:20px; color:var(--white); font-size:.9375rem; line-height:1.8; letter-spacing:.06em; }
.gallery-photo:first-child>span { font-size:1.125rem; bottom:24px; left:26px; }
html.gallery-open { overflow:hidden; }
.photo-viewer { color:var(--white); background:var(--deep); border:1px solid var(--line); padding:26px 32px; width:min(1240px,94vw); max-width:94vw; max-height:94dvh; overflow:auto; box-shadow:0 20px 100px rgba(0,0,0,.4); }
.photo-viewer::backdrop { background:rgba(2,7,4,.94); }
.photo-viewer[open] { display:flex; flex-direction:column; }
.photo-viewer-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:20px; }
.photo-viewer-top>p { font-family:var(--serif); font-size:1.25rem; letter-spacing:.12em; }
.photo-viewer-top>p span { font-family:Georgia,serif; font-size:.875rem; letter-spacing:.09em; color:var(--muted); margin-left:20px; }
.photo-viewer button { cursor:pointer; }
.photo-close { display:flex; align-items:center; gap:20px; background:none; border:1px solid var(--line); padding:6px 16px; font-size:.9375rem; min-height:44px; }
.photo-close>span { font-size:1.6rem; line-height:1; font-weight:300; }
.photo-stage { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr) 52px; gap:18px; align-items:center; min-height:0; }
.photo-full { height:min(65dvh,760px); width:100%; object-fit:contain; }
.photo-full[hidden] { display:none; }
.photo-arrow { width:48px; height:48px; border:1px solid var(--line); border-radius:50%; background:var(--forest); font-size:1.3rem; }
.photo-arrow:hover,.photo-close:hover { border-color:var(--accent); }
.photo-viewer-bottom { display:flex; justify-content:space-between; gap:24px; padding-top:20px; align-items:start; }
#photo-viewer-caption { font-family:var(--serif); font-size:1rem; line-height:1.9; letter-spacing:.05em; }
.photo-count { color:var(--muted); font-family:Georgia,serif; font-size:1rem; white-space:nowrap; }
.photo-error { padding:20px 0; color:var(--muted); font-size:1rem; line-height:1.8; }
.photo-error[hidden] { display:none; }
@media(max-width:1150px) {
  .gallery-heading { grid-template-columns:1fr 1.8fr; gap:40px; }
  .gallery-grid { grid-auto-rows:205px; gap:14px; }
  .desktop-nav { gap:18px; }
}
@media(max-width:900px) and (min-width:761px) {
  .header { gap:18px; }
  .desktop-nav { gap:13px; letter-spacing:0; }
  .header-book { gap:16px; padding:10px 14px; }
}
@media(max-width:760px) {
  .gallery-heading { display:block; margin-bottom:35px; }
  .gallery-heading h2 { margin-top:35px; }
  .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:210px; gap:12px; }
  .gallery-photo:first-child { grid-column:span 2; grid-row:span 1; }
  .gallery-photo>span,.gallery-photo:first-child>span { font-size:.875rem; bottom:12px; left:14px; right:14px; }
  .photo-viewer { width:96vw; max-width:96vw; padding:18px 16px; max-height:96dvh; }
  .photo-viewer-top { gap:16px; margin-bottom:14px; }
  .photo-viewer-top>p span { display:block; margin-left:0; margin-top:5px; }
  .photo-close { gap:10px; padding:6px 12px; }
  .photo-stage { grid-template-columns:minmax(0,1fr); gap:0; }
  .photo-full { height:min(60dvh,600px); }
  .photo-arrow { position:absolute; z-index:1; background:rgba(12,21,18,.85); width:44px; height:44px; }
  .photo-prev { left:0; }.photo-next { right:0; }
  .photo-viewer-bottom { padding-top:16px; gap:18px; }
}
@media(max-width:460px) {
  .gallery-grid { grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; gap:18px; }
  .gallery-photo,.gallery-photo:first-child { grid-column:auto; grid-row:auto; aspect-ratio:4/3; }
  .gallery-photo>span,.gallery-photo:first-child>span { font-size:1rem; bottom:16px; left:18px; }
}
@media(prefers-reduced-motion:reduce) { .gallery-photo img { transition:none; } }