/* =============================================
   LONGEVITA — Photo Backgrounds (selective)
   Фото только в ключевых местах, всё остальное — чистый CSS
   Unsplash License: free for commercial use
   ============================================= */

/* ===== 1. HERO — главный акцент всего сайта
   Ночной город через дождевое стекло
   Создаёт ощущение высоты, власти, масштаба
   ===== */
.hero {
  background-image:
    linear-gradient(
      135deg,
      rgba(10,12,15,0.94) 0%,
      rgba(10,12,15,0.78) 50%,
      rgba(13,21,32,0.90) 100%
    ),
    url('https://images.unsplash.com/photo-1486325212027-8081e485255e?w=1920&q=85&auto=format&fit=crop');
  background-size: cover;
  background-position: center 40%;
  background-attachment: fixed;
}

/* ===== 2. PAGE HERO (внутренние страницы)
   Ночные огни города с высоты
   Единый визуальный язык с главной
   ===== */
.page-hero {
  background-image:
    linear-gradient(
      to bottom,
      rgba(13,21,32,0.92) 0%,
      rgba(13,21,32,0.84) 50%,
      rgba(13,21,32,0.96) 100%
    ),
    url('https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=1920&q=85&auto=format&fit=crop');
  background-size: cover;
  background-position: center 35%;
  background-attachment: fixed;
}

/* ===== 3. CTA BAND — призыв к действию
   Тёплые золотистые абстрактные тона
   Перекликается с золотом бренда
   ===== */
.cta-band {
  background-image:
    linear-gradient(
      to bottom,
      rgba(19,32,53,0.95) 0%,
      rgba(19,32,53,0.90) 100%
    ),
    url('https://images.unsplash.com/photo-1541701494587-cb58502866ab?w=1920&q=80&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
}

/* ===== Параллакс отключаем на мобильных ===== */
@media (max-width: 768px) {
  .hero,
  .page-hero {
    background-attachment: scroll;
  }
}

/* ===== Print ===== */
@media print {
  .hero, .page-hero, .cta-band {
    background-image: none !important;
  }
}