/* Natural photo proportions. Keep source order and existing lightbox/filter behavior. */
body #main .gallery-grid,
body #main .portfolio-grid {
 display:block;
 column-count:4;
 column-gap:14px;
}
body #main .inner-main-column .gallery-grid {column-count:3;}
body #main .gallery-grid > .gallery-item,
body #main .portfolio-grid > .portfolio-tile {
 display:inline-block;
 vertical-align:top;
 width:100%;
 height:auto;
 min-height:0;
 aspect-ratio:auto;
 grid-row:auto;
 break-inside:avoid;
 margin:0 0 14px;
 padding:0;
 line-height:0;
 background:transparent;
}
body #main .gallery-grid > .gallery-item[hidden],
body #main .portfolio-grid > .portfolio-tile[hidden] {display:none!important;}
body #main .gallery-grid > .gallery-item img,
body #main .portfolio-grid > .portfolio-tile img {
 display:block;
 position:static;
 width:100%;
 max-width:100%;
 height:auto;
 max-height:none;
 aspect-ratio:auto;
 object-fit:contain;
 transform:none;
}
body #main .gallery-overlay,
body #main .portfolio-tile > span {line-height:1.4;}
body #main .gallery-item:focus-visible,
body #main .portfolio-tile:focus-visible {outline:3px solid var(--violet,#8d00c9);outline-offset:3px;}
@media(max-width:1100px){
 body #main .gallery-grid, body #main .portfolio-grid {column-count:3;}
 body #main .inner-main-column .gallery-grid {column-count:2;}
}
@media(max-width:700px){
 body #main .gallery-grid, body #main .portfolio-grid,
 body #main .inner-main-column .gallery-grid {column-count:2;column-gap:10px;}
 body #main .gallery-grid > .gallery-item,
 body #main .portfolio-grid > .portfolio-tile {margin-bottom:10px;}
}