/* Restore the gallery's alternating photographs and vertical captions. */
.gallery-page .page { padding-top: 30px; }
.gallery-page .filter-bar { margin-bottom: 35px; }
.gallery-page .gallery-flow { display: grid; grid-template-columns: minmax(0,1fr); gap: 70px; padding-top: 8px; }
.gallery-page .gallery-piece,
.gallery-page .gallery-piece.narrow { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: clamp(25px,4vw,60px); margin: 0; padding: 0 0 50px; border-bottom: 1px solid var(--line); width: 100%; }
.gallery-page .gallery-piece:nth-child(even) { grid-template-columns: auto minmax(0,1fr); }
.gallery-page .gallery-piece:nth-child(even) .frame { order: 2; justify-self: end; }
.gallery-page .gallery-piece:nth-child(even) figcaption { order: 1; }
.gallery-page .gallery-piece .frame { display: block; width: min(68%,530px); max-width: none; justify-self: start; padding: 7px; border: 1px solid var(--line-ink); border-radius: 0; background: var(--surface); overflow: hidden; }
.gallery-page .gallery-piece img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 0; filter: saturate(.94) contrast(1.015); }
.gallery-page .gallery-piece .image-open:hover img { transform: none; }
.gallery-page .gallery-piece .frame:focus-within { outline: 2px solid var(--cinnabar); outline-offset: 4px; }
.gallery-page .gallery-piece figcaption { writing-mode: vertical-rl; text-orientation: mixed; max-height: 352px; margin: 0 0 2px; padding: 0 19px 0 0; border-right: 1px solid var(--line-ink); font: 400 19px/2 var(--font-kai); letter-spacing: .28em; color: var(--ink-2); }
.gallery-page .gallery-piece figcaption>.idx { display: inline; font: 11px/2 var(--font-serif); color: var(--cinnabar); letter-spacing: .2em; }
.gallery-page .gallery-piece figcaption>br:first-of-type { display: initial; }
.gallery-page .gallery-piece figcaption .sub { font: 400 13px/2 var(--font-kai); letter-spacing: .18em; color: var(--muted); }
.gallery-page .pager { margin-top: 40px; }
@media(max-width:900px) {
 .gallery-page .gallery-piece .frame { width: 88%; }
 .gallery-page .gallery-piece figcaption { max-height: 300px; font-size: 17px; }
}
@media(max-width:600px) {
 .gallery-page .page { padding-top: 23px; }
 .gallery-page .gallery-flow { gap: 42px; }
 .gallery-page .gallery-piece,
 .gallery-page .gallery-piece.narrow,
 .gallery-page .gallery-piece:nth-child(even) { grid-template-columns: minmax(0,1fr) auto; gap: 18px; padding-bottom: 30px; }
 .gallery-page .gallery-piece:nth-child(even) .frame,
 .gallery-page .gallery-piece:nth-child(even) figcaption { order: 0; }
 .gallery-page .gallery-piece .frame { width: 100%; padding: 4px; }
 .gallery-page .gallery-piece figcaption { max-height: 256px; font-size: 15px; padding-right: 9px; letter-spacing: .2em; }
 .gallery-page .gallery-piece figcaption .sub { font-size: 11px; line-height: 1.8; letter-spacing: .12em; }
 .gallery-page .gallery-piece figcaption>.idx { font-size: 10px; }
}