/* Prevent stale static/cached images from flashing before Site Admin content is applied. */
html.ns-managed-media-pending body[data-site-page="home"] #top .hero-media img,
html.ns-managed-media-pending body[data-site-page="media-kit"] #overview .commercial-hero-media img,
html.ns-managed-media-pending body[data-site-page="media-kit"] #work .commercial-work-media img,
html.ns-managed-media-pending body[data-site-page="media-kit"] #cases .commercial-case-media img,
html.ns-managed-media-pending body[data-site-page="media-kit"] #model .commercial-model-grid img,
html.ns-managed-media-pending body[data-site-page="model"] .portfolio-hero-media img,
html.ns-managed-media-pending body[data-site-page="model"] .model-gallery img,
html.ns-managed-media-pending body[data-site-page="press"] .press-hero-image,
html.ns-managed-media-pending body[data-site-page="press"] .press-appearances img,
html.ns-managed-media-pending body[data-site-page="links"] .links-avatar,
html.ns-managed-media-pending body[data-site-page="links"] .hub-link img {
  opacity: 0 !important;
}

html.ns-managed-media-pending body[data-site-page="home"] #top .hero-media,
html.ns-managed-media-pending body[data-site-page="media-kit"] #overview .commercial-hero-media,
html.ns-managed-media-pending body[data-site-page="model"] .portfolio-hero-media,
html.ns-managed-media-pending body[data-site-page="press"] .press-hero-media {
  background: #6b5754;
}

html.ns-managed-media-ready body[data-site-page="home"] #top .hero-media img,
html.ns-managed-media-ready body[data-site-page="media-kit"] #overview .commercial-hero-media img,
html.ns-managed-media-ready body[data-site-page="media-kit"] #work .commercial-work-media img,
html.ns-managed-media-ready body[data-site-page="media-kit"] #cases .commercial-case-media img,
html.ns-managed-media-ready body[data-site-page="media-kit"] #model .commercial-model-grid img,
html.ns-managed-media-ready body[data-site-page="model"] .portfolio-hero-media img,
html.ns-managed-media-ready body[data-site-page="model"] .model-gallery img,
html.ns-managed-media-ready body[data-site-page="press"] .press-hero-image,
html.ns-managed-media-ready body[data-site-page="press"] .press-appearances img,
html.ns-managed-media-ready body[data-site-page="links"] .links-avatar,
html.ns-managed-media-ready body[data-site-page="links"] .hub-link img {
  opacity: 1;
  transition: opacity 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  html.ns-managed-media-ready body[data-site-page] img {
    transition: none !important;
  }
}