/* ============================================================
   PRELOADER: лого по центру на нашем фоне → перелёт в позицию
   логотипа в шапке, затем blur-каскад появления hero (preloader.js).
   ============================================================ */
.preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  /* фон как в hero-секции: тот же гаражный backdrop + тёмная база */
  background: var(--dark-1100) url('../../public/assets/bg/backdrop.png') center top / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .6s ease, visibility .6s ease;
}
/* затемнение поверх фона — чтобы центральный логотип читался (как тон hero) */
.preloader::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13,13,13,.78) 0%, rgba(13,13,13,.45) 45%, rgba(13,13,13,.72) 100%);
  pointer-events: none;
}
.preloader__logo { position: relative; }
.preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.preloader__logo {
  width: 200px;          /* чуть меньше (было 240) */
  height: auto;
  display: block;
  transform-origin: center center;
  transition: transform .55s cubic-bezier(.7, 0, .2, 1);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .preloader { display: none; }
}