/* Цвет скелетонов — --skeleton-color (theme.9f1bad13ad21.css): одна статичная
   светло-серая заливка на всём сайте. */
.skeleton-surface,
.works-grid__item:not(.is-media-loaded)::after{
  background-color:var(--skeleton-color);
}
/* Каждый слот загружается независимо: медленный iframe продолжает
   показывать скелетон, даже когда остальная страница уже готова. */
.works-grid__item::after{
  content:"";
  position:absolute;
  z-index:10;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease;
}
.works-grid__item:not(.is-media-loaded)::after{opacity:1}
.works-grid__item>img,
.works-grid__item>.works-grid__embed{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .45s ease,transform .45s ease;
}
.works-grid__item.is-media-loaded>img,
.works-grid__item.is-media-loaded>.works-grid__embed{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:reduce){
  .works-grid__item>img,
  .works-grid__item>.works-grid__embed{transform:none;transition:opacity .32s ease}
}

/* Скелетоны оболочки видны только на начальной загрузке страницы:
   контент скрыт, на его месте — та же серая заливка. */
.is-page-loading .site-header__avatar img,
.is-page-loading .site-header__cta>* ,
.is-page-loading .site-footer__link>*{opacity:0!important}
.is-page-loading .site-header__logo-mark{background-color:var(--skeleton-color)}
.is-page-loading .site-footer__link,
.is-page-loading .site-header__avatar{
  color:transparent!important;
  border-color:transparent!important;
  background-color:var(--skeleton-color)!important;
}