/* Overrides that let the ported pages render without Squarespace's runtime. */

/* Masonry: our JS positions the items; never let a browser use native masonry. */
.gallery-masonry-wrapper { display: block !important; position: relative; }
figure.gallery-masonry-item[data-show] { opacity: 1; }

/* Fluid image blocks choose desktop or mobile markup by breakpoint (done by JS on Squarespace). */
@media (max-width: 767px) { .js-content-mode-element-system_desktop { display: none !important; } }
@media (min-width: 768px) { .js-content-mode-element-system_mobile { display: none !important; } }

/* Self-hosted video players stand in for Squarespace's native player until Vimeo embeds go in. */
.native-video-player { position: relative; width: 100%; }
.native-video-player video, .native-video-player iframe { display: block; width: 100%; height: 100%; object-fit: contain; background: transparent; }
.native-video-player p { margin: 0; padding: 2em 0; text-align: center; }