/* Google Fonts: Manrope (заголовки), Nunito Sans (основной текст) */

@layer base {
  body {
    font-family: 'Nunito Sans', ui-sans-serif, system-ui, sans-serif;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  }
}

/* Утилиты для Tailwind (если понадобится явно задать шрифт в разметке) */
.font-body {
  font-family: 'Nunito Sans', ui-sans-serif, system-ui, sans-serif;
}
.font-heading {
  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
}

/* Плавное появление блоков при скролле */
.scroll-reveal {
  opacity: 0;
  transform: translateY(32px) scale(0.98);
  transition:
    opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.scroll-reveal-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Плавные анимации для слайдера работ */
#post-gallery-main {
  position: relative;
}

#post-gallery-main .gallery-main-image,
#post-gallery-main video.gallery-main-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: translateX(12px);
  transition:
    opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#post-gallery-main .gallery-main-image-active {
  opacity: 1;
  transform: translateX(0);
}