.site-shell .preloader {
  display: grid;
  place-items: center;
  height: 100%;
  height: 100dvh;
  padding: 24px;
  background: #faf9f6;
  z-index: 1000000;
}

.site-shell .preloader::before,
.site-shell .preloader::after {
  display: none;
  content: none;
  animation: none;
}

.preloader__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: clamp(180px, 28vw, 280px);
  max-width: 100%;
}

.preloader__logo {
  width: 100%;
  animation: brand-logo-breathe 1.4s ease-in-out infinite;
}

.preloader__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.preloader__logo .preloader__logo-dark {
  display: none;
}

.preloader__track {
  position: relative;
  width: 64%;
  height: 3px;
  overflow: hidden;
  border-radius: 4px;
  background: #e6ddd6;
}

.preloader__track::after {
  content: "";
  display: block;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff9c2a, #d83180);
  animation: brand-loading-sweep 1.1s ease-in-out infinite;
}

html[data-home-theme="dark"] .site-shell .preloader {
  background: #12161d;
}

html[data-home-theme="dark"] .preloader__logo .preloader__logo-light {
  display: none;
}

html[data-home-theme="dark"] .preloader__logo .preloader__logo-dark {
  display: block;
}

html[data-home-theme="dark"] .preloader__track {
  background: #303947;
}

@keyframes brand-logo-breathe {
  0%, 100% { opacity: 0.65; transform: translateY(0) scale(0.97); }
  50% { opacity: 1; transform: translateY(-3px) scale(1); }
}

@keyframes brand-loading-sweep {
  from { transform: translateX(-110%); }
  to { transform: translateX(335%); }
}

@media (prefers-reduced-motion: reduce) {
  .preloader__logo,
  .preloader__track::after {
    animation: none;
  }

  .preloader__track::after {
    transform: translateX(60%);
  }
}