/* Static Motion & Light galleries. No WordPress runtime is required. */
.ml-gallery { margin: 0 auto 44px; min-height: 120px; width: 100%; }
.ml-gallery-grid { column-count: 3; column-gap: 12px; }
.ml-gallery-item { background: #111; break-inside: avoid; display: block; margin: 0 0 12px; overflow: hidden; position: relative; }
.ml-gallery-item img { display: block; height: auto; max-width: 100%; opacity: 1; transition: opacity .25s ease, transform .35s ease; width: 100%; }
.ml-gallery-item:hover img, .ml-gallery-item:focus img { opacity: .84; transform: scale(1.015); }
.ml-gallery-item:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ml-gallery-empty { color: #bbb; font-size: 15px; letter-spacing: .02em; margin: 30px 0 60px; text-align: center; }
.ml-lightbox[hidden] { display: none; }
.ml-lightbox { align-items: center; background: rgba(0,0,0,.94); display: flex; inset: 0; justify-content: center; padding: 54px 74px; position: fixed; z-index: 100000; }
.ml-lightbox__figure { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; margin: 0; max-width: 100%; }
.ml-lightbox__image { box-shadow: 0 2px 26px rgba(0,0,0,.55); display: block; max-height: calc(100vh - 110px); max-width: 100%; object-fit: contain; }
.ml-lightbox__caption { color: #ddd; font-size: 13px; line-height: 1.4; margin-top: 10px; min-height: 1.4em; text-align: center; }
.ml-lightbox__button { align-items: center; background: transparent; border: 0; color: #fff; cursor: pointer; display: flex; font: 300 42px/1 Arial,sans-serif; height: 54px; justify-content: center; padding: 0; position: absolute; width: 54px; }
.ml-lightbox__button[hidden] { display: none; }
.ml-lightbox__button:hover, .ml-lightbox__button:focus-visible { background: rgba(255,255,255,.12); outline: 1px solid rgba(255,255,255,.65); }
.ml-lightbox__close { font-size: 34px; right: 14px; top: 12px; }
.ml-lightbox__previous { left: 10px; top: calc(50% - 27px); }
.ml-lightbox__next { right: 10px; top: calc(50% - 27px); }
body.ml-lightbox-open { overflow: hidden; }
@media (max-width: 900px) { .ml-gallery-grid { column-count: 2; } }
@media (max-width: 560px) {
  .ml-gallery-grid { column-count: 1; column-gap: 0; }
  .ml-gallery-item { margin-bottom: 10px; }
  .ml-lightbox { padding: 48px 10px 68px; }
  .ml-lightbox__previous, .ml-lightbox__next { bottom: 8px; top: auto; }
  .ml-lightbox__previous { left: calc(50% - 62px); }
  .ml-lightbox__next { right: calc(50% - 62px); }
  .ml-lightbox__image { max-height: calc(100vh - 126px); }
}
@media (prefers-reduced-motion: reduce) { .ml-gallery-item img { transition: none; } }
