/* DARAFZIN: progressive background delivery; loaded after base.css/home.css. */

/* These selectors stop legacy CSS URLs from requesting images below the fold.
   After JS sets inline background-image, inline styles take precedence. */
.studio__slide[data-lazy-bg]:not([data-bg-loaded]),
.project-slide__media[data-lazy-bg]:not([data-bg-loaded]),
.service-card__bg[data-lazy-bg]:not([data-bg-loaded]),
.quote__bg[data-lazy-bg]:not([data-bg-loaded]),
.article-card__media[data-lazy-bg]:not([data-bg-loaded]),
.cta__half[data-lazy-bg]:not([data-bg-loaded]),
.modal__media[data-lazy-bg]:not([data-bg-loaded]) {
  background-image: none;
}

/* Exit animation remains intact but does not extend perceived load by 1 s. */
.preloader {
  transition: transform 650ms var(--ease), visibility 650ms var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  .preloader { transition: none; }
}