/* =====================================================
   PALOMA PAGE LOADER
   Кремовый фон · Cormorant капслок · шторка поднимается
   ===================================================== */


:root {
  --paloma-transition-ease: cubic-bezier(0.76, 0, 0.24, 1);
}

body.is-paloma-loading {
  overflow: hidden;
}

/* ── Весь лоадер — это и есть шторка ── */
.paloma-page-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  width: 100vw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  overflow: hidden;
  background: #FFFFFF;
  pointer-events: auto;

  /* Начальное состояние: виден, стоит на месте */
  transform: translateY(0%);
  will-change: transform;
}

/* ── is-leaving: весь лоадер уезжает вверх как шторка ── */
.paloma-page-loader.is-leaving {
  transform: translateY(-100%);
  transition: transform 1.1s var(--paloma-transition-ease);
}

/* ── is-hidden: убираем из потока после анимации ── */
.paloma-page-loader.is-hidden {
  visibility: hidden;
  pointer-events: none;
}

/* ── Логотип ── */
.paloma-page-loader__logo {
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity  0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}

.paloma-page-loader__logo-base {
  font-family: 'Italiana', Georgia, serif;
  font-size: clamp(22px, 3.2vw, 44px);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.30em;
  text-transform: uppercase;
  color: #1B1A18;
  display: block;
}

/* fill-копия не нужна, скрываем */
.paloma-page-loader__logo-fill {
  display: none;
}

/* ── Подпись логотипа — Italiana, как в вордмарке ── */
.paloma-page-loader__tagline {
  position: relative;
  z-index: 2;
  font-family: 'Italiana', serif;
  font-style: normal;
  font-size: clamp(13px, 1.6vw, 19px);
  font-weight: 400;
  letter-spacing: 0.32em;
  text-transform: lowercase;
  color: rgba(27, 26, 24, 0.52);
  opacity: 0;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.42s,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.42s;
  transform: translateY(14px);
}

/* ── is-ready: показываем текст ── */
.paloma-page-loader.is-ready .paloma-page-loader__logo {
  opacity: 1;
  transform: translateY(0);
}

.paloma-page-loader.is-ready .paloma-page-loader__tagline {
  opacity: 1;
  transform: translateY(0);
}

/* ── Шторка (legacy-элемент, просто прячем) ── */
.paloma-page-loader__shutter {
  display: none;
}

/* ── Мобайл ── */
@media (max-width: 768px) {
  .paloma-page-loader__logo-base {
    font-size: clamp(20px, 5.5vw, 32px);
    letter-spacing: 0.36em;
  }
  .paloma-page-loader__tagline {
    font-size: 9px;
    letter-spacing: 0.28em;
  }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .paloma-page-loader.is-leaving {
    transform: none;
    opacity: 0;
    transition: opacity 0.3s ease !important;
  }
  .paloma-page-loader__logo,
  .paloma-page-loader__tagline {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}