/* страница галереи: заголовок, капсула фильтров и сетка карточек берутся из
   общих стилей главной (.gallery-intro / .gallery-filters / .gallery-grid /
   .gallery-card), здесь — только то, что отличает эту страницу: фиксированный
   WebGL-фон (gallery-bg.js). Две темы:
   тёмная — как в референсе, светлая — те же эффекты на кремовой бумаге сайта */

/* фон и эффект воды приколочены к окну (fixed): при скролле не двигаются и не
   меняются, страница любой высоты едет поверх одного и того же полотна */
.gallery-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
}

/* нет WebGL2 — остаётся просто картина своей темы (светлая — слегка размыта кремом) */
.gallery-bg.is-fallback {
  background:
    linear-gradient(rgba(234, 226, 211, 0.55), rgba(234, 226, 211, 0.55)),
    url("../images/gallery-bg-light.png") center / cover no-repeat;
}
[data-theme="dark"] .gallery-bg.is-fallback {
  background: #000 url("../images/gallery-bg-dark.png") center / cover no-repeat;
}

/* заголовок в одну строку: на главной он 110px, тут масштабируется с экраном */
.gallery-page .gallery-intro {
  padding-top: 150px;
}
.gallery-page .gallery-intro__title {
  font-size: clamp(44px, 6.1vw, 110px);
  letter-spacing: -0.01em;
}