/* ============================================================
   _loader.css — экран загрузки страницы: картина Айвазовского
   на фоне, логотип, прогресс-бар. Скрывается JS-таймером в
   static/js/site_loader.js (~350мс после load). Разметка —
   partials/_page_loader.html.

   На privacy/404 лоадер отключён через {% block site_loader %}{% endblock %}.

   Зависит от _base.css (только базовые tokens — accent через хардкод).
   ============================================================ */

#page-loader {
  position: fixed; inset: 0; z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  transition: opacity 0.7s ease, visibility 0.7s ease;
}
#page-loader.out { opacity: 0; visibility: hidden; pointer-events: none; }

.pl-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center 40%;
  filter: brightness(0.65) saturate(0.9);
}
.pl-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, rgba(28,18,10,0.25), rgba(28,18,10,0.60));
}
.pl-content {
  position: relative; z-index: 1;
  text-align: center; color: #fff;
}
.pl-logo {
  font-family: 'Inter', sans-serif;
  font-size: clamp(22px, 4vw, 34px);
  font-weight: 800; letter-spacing: -0.03em;
  text-shadow: 0 2px 24px rgba(0,0,0,0.6);
  margin-bottom: 28px;
}
.pl-logo span { color: #E8A84C; }
.pl-bar-track {
  width: 160px; height: 2px; margin: 0 auto;
  background: rgba(255,255,255,0.15); border-radius: 99px; overflow: hidden;
}
.pl-bar {
  height: 100%; width: 0%; border-radius: 99px;
  background: linear-gradient(90deg, #8B1A2C, #C27D2A);
  animation: pl-fill 1.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes pl-fill { to { width: 90%; } }