/* MASONRY AND LIGHTBOX TRIAL (?masonry=1). Everything is under .gs-masonry-on, which masonry.js adds only when it is running. */
.gs-masonry-on .gs-inline.gs-zoomable { cursor: zoom-in; }
/* a single picture no longer fills a screen: capped so the whole picture fits on a page */
.gs-masonry-on .com-content-article figure.gs-inline:not(.gs-pkgpic):not(.gs-gallery .gs-inline):not(.gs-masonry .gs-inline) { margin: 2rem auto; width: fit-content; max-width: 100%; }
.gs-masonry-on .com-content-article figure.gs-inline:not(.gs-pkgpic):not(.gs-masonry .gs-inline) img { max-height: 78vh; width: auto; max-width: 100%; margin: 0 auto; }

.gs-masonry { --mw: min(72rem, 100vw - 2rem); display: flex; gap: clamp(.6rem, 1.6vw, 1.2rem); align-items: flex-start; width: var(--mw); margin: 2rem 0 2rem calc(50% - var(--mw) / 2); }
.gs-masonry__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: clamp(.6rem, 1.6vw, 1.2rem); will-change: transform; transform: translate3d(0, var(--mo-col, 0), 0); }
.gs-masonry-on .com-content-article .gs-masonry figure.gs-inline { margin: 0; width: auto; max-width: none; }
.gs-masonry-on .com-content-article .gs-masonry figure.gs-inline img { width: 100%; height: auto; max-height: none; }
.gs-masonry-on .gs-masonry .gs-inline figcaption { font-size: .95rem; }