/* Loaded in the head: do not flash stale photos while current rules load. */
html[data-public-media-pending] :is(img, picture, video, canvas, svg image, [data-lightbox], #galeri, #video) {
  visibility: hidden !important;
}
html[data-public-media-pending] body *,
html[data-public-media-pending] body *::before,
html[data-public-media-pending] body *::after {
  background-image: none !important;
}
[data-public-media-hidden], [data-public-media-link-hidden] { display: none !important; }
[data-public-background-hidden], [data-public-background-hidden]::before, [data-public-background-hidden]::after {
  background-image: none !important;
}
[data-public-media-status] { margin: 1rem auto; padding: .8rem 1rem; max-width: 70rem; }

html[data-public-media-pending] :is(a[href*="galeri.html"],a[href="#galeri"],a[href="#video"],[data-nav-submenu-setting="navGaleriSubmenuEnabled"]) { visibility: hidden !important; }

/* R8: visibility owns the entire media unit, including overlay and caption. */
html body :is([data-public-media-hidden], [data-public-media-unit-hidden], [data-public-media-error], [data-public-media-link-hidden]) {
  display: none !important;
}
html body .gallery-grid .gallery-card:is([hidden], [data-cms-excluded="true"], [data-public-media-hidden], [data-public-media-unit-hidden], [data-homepage-limit-hidden="true"], [data-archive-limit-hidden="true"]),
html body .video-grid .video-card:is([hidden], [data-cms-excluded="true"], [data-public-media-unit-hidden], [data-homepage-limit-hidden="true"], [data-archive-limit-hidden="true"]) {
  display: none !important;
}
html[data-public-media-pending] body :is(img, picture, video, canvas, svg image, [data-lightbox], #galeri, #video, .hero-card, .wisdom-media, .media-stack, .about-mosaic, .custom-block-media, .story-video, .cinematic, [data-public-media-unit], [data-video-toggle], [data-manual-video-play]) {
  display: none !important;
}
:is(.hero-content,.split,.wisdom-top):has(> [data-public-media-unit-hidden]),
html[data-public-media-pending] :is(.hero-content,.split,.wisdom-top):has(> :is(.hero-card,.about-mosaic,.media-stack,.wisdom-media)) {
  grid-template-columns: minmax(0, 1fr);
}

/* A reduced mosaic fills its own area; restored three-photo composition is unchanged. */
html body .about-mosaic:is([data-public-media-count="1"], [data-public-media-count="2"]) {
  display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); min-height: 0; gap: 16px;
}
html body .about-mosaic:is([data-public-media-count="1"], [data-public-media-count="2"]) > img {
  position: static; width: 100%; height: auto; aspect-ratio: 4/3;
}