/* One quiet placeholder treatment; never animate the photograph or its layout. */
:is(img,video)[data-mt-media][data-mt-media-color]:not([data-mt-media-state="ready"]):not([data-mt-media-state="error"]){background-color:var(--mt-media-color,#777777)}
[data-mt-media][data-mt-media-state="loading"]{animation:mt-media-breathe 2.8s ease-in-out infinite;animation-play-state:paused}
[data-mt-media][data-mt-media-state="loading"][data-mt-media-visible="true"]{animation-play-state:running}
[data-mt-media][data-mt-media-state="ready"],
[data-mt-media][data-mt-media-state="error"]{animation:none}
/* The source-less full image has no natural dimensions yet. Fit its saved ratio
   to the same padded slide area that constrains the decoded original. */
.project-lightbox__slide{container-type:size}
.project-lightbox .project-lightbox__slide:not([data-zoomed="true"]) .project-lightbox__media[data-mt-media]:not([data-mt-media-state="ready"]):not([data-mt-media-state="error"]){width:min(var(--mt-media-width,100cqw),100cqw,calc(100cqh * var(--mt-media-ratio,1.7777778)));height:auto;aspect-ratio:var(--mt-media-ratio,1.7777778)}
/* Keep the accessible description without painting fallback text over the loader. */
.project-lightbox .project-lightbox__slide img.project-lightbox__media[data-mt-media]:not([data-mt-media-state="ready"]){color:transparent;font-size:0}
@keyframes mt-media-breathe{
  0%,100%{background-color:color-mix(in srgb,var(--mt-media-color,#777777),#000 5%)}
  50%{background-color:color-mix(in srgb,var(--mt-media-color,#777777),#fff 7%)}
}
@media(prefers-reduced-motion:reduce){[data-mt-media][data-mt-media-state="loading"]{animation:none}}