/* Native touch scrolling; the next photograph and scrollbar expose the direction. */
@media(max-width:700px){
 .gallery-grid,.s-work-grid,.p-detail .ps-gallery{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:86%;gap:18px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:18px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a53128 #d8cabb;align-items:start}
 .gallery-grid>*,.s-work-grid>*,.p-detail .ps-gallery>*{grid-column:auto!important;grid-row:auto!important;min-width:0;scroll-snap-align:start}
 .gallery-grid>[hidden],.s-work-grid>[hidden]{display:none!important}
 .gallery-grid .work-image,.s-work-grid .s-work-card figure{height:260px!important;aspect-ratio:auto!important}
 .gallery-grid img,.s-work-grid img{height:100%;width:100%;object-fit:cover}
 .p-detail .ps-gallery img{height:280px;width:100%;object-fit:contain}
 .gallery-grid::-webkit-scrollbar,.s-work-grid::-webkit-scrollbar,.p-detail .ps-gallery::-webkit-scrollbar{height:4px}
 .gallery-grid::-webkit-scrollbar-thumb,.s-work-grid::-webkit-scrollbar-thumb,.p-detail .ps-gallery::-webkit-scrollbar-thumb{background:#a53128}
}

/* Keep work filters in one touch-scrollable row on every mobile gallery. */
@media(max-width:700px){
 .gallery-controls{min-width:0}
 .gallery-controls .filters,.p-filters{display:flex;flex-wrap:nowrap;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#b3a08b transparent;padding-bottom:8px}
 .gallery-controls .filters>* ,.p-filters>*{flex-shrink:0;white-space:nowrap}
 .gallery-controls .filters::-webkit-scrollbar,.p-filters::-webkit-scrollbar{height:3px;background:transparent}
 .gallery-controls .filters::-webkit-scrollbar-thumb,.p-filters::-webkit-scrollbar-thumb{background:#b3a08b;border-radius:2px}
}

/* Centre the existing SVG chevrons inside their lightbox buttons. */
#lightbox .lightbox-prev,#lightbox .lightbox-next{display:grid;place-items:center;padding:0;line-height:1;box-sizing:border-box}
#lightbox .lightbox-prev[hidden],#lightbox .lightbox-next[hidden]{display:none}
#lightbox .lightbox-prev svg,#lightbox .lightbox-next svg{display:block;width:30px;height:30px;margin:0;flex:none}
@media(max-width:700px){#lightbox .lightbox-prev svg,#lightbox .lightbox-next svg{width:24px;height:24px}}