/* ============================================================
   ВАРИАНТ B — «ГАЛЕРЕЯ»
   Светлый выставочный зал: костяной фон, золотые рамы, музейная развеска,
   много воздуха. Отсылка к номеру «Галерея» и к светлым студийным съёмкам.
   ============================================================ */

[data-theme="gallery"] {
  --bg:       #f3ede7;
  --bg-2:     #eae2da;
  --bg-3:     #e0d6cc;
  --ink:      #1c1917;
  --ink-2:    #52483f;
  --muted:    #8d8177;
  --accent:   #a86b74;
  --accent-2: #8d5a62;
  --gold:     #ab8850;
  --line:     rgba(28, 25, 23, .16);

  --font-display: 'Prata', Georgia, serif;
  --font-body:    'Manrope', system-ui, sans-serif;
  --display-weight: 400;
  --tracking-display: -0.015em;
  --fs-hero: clamp(2.6rem, 7vw, 6.5rem);
  --lh-body: 1.75;

  --radius: 0px;
  --img-radius: 0px;
  --grid-cols: 3;
  --grid-gap: clamp(1.25rem, 3.5vw, 3.5rem);
  --section-y: clamp(6rem, 14vh, 12rem);
  color-scheme: light;
}

/* герой: разворот — слева типографика, справа кадр */
[data-theme="gallery"] .hero { min-height: 96svh; }
[data-theme="gallery"] .hero__media { inset: 0 0 0 auto; width: 100%; }
@media (min-width: 1000px) { [data-theme="gallery"] .hero__media { width: 46%; } }
[data-theme="gallery"] .hero__scrim {
  background: linear-gradient(to right, var(--bg) 0%, var(--bg) 52%, rgba(243,237,231,.55) 62%, transparent 78%);
}
@media (max-width: 999px) {
  [data-theme="gallery"] .hero__scrim { background: linear-gradient(to bottom, rgba(243,237,231,.94), rgba(243,237,231,.78)); }
}
[data-theme="gallery"] .hero__inner { justify-items: start; text-align: left; max-width: var(--maxw); margin-inline: auto; width: 100%; }
@media (min-width: 1000px) { [data-theme="gallery"] .hero__inner { padding-right: 44%; } }

/* шапка идёт поверх тёмного кадра — держим её всегда на своём фоне */
[data-theme="gallery"] .nav { background: var(--bg); border-bottom: 1px solid var(--line); }
/* кнопки в герое: справа кадр, поэтому ряд не должен уезжать под него */
@media (min-width: 1000px) { [data-theme="gallery"] .hero__actions { max-width: 52ch; } }
[data-theme="gallery"] .hero__logo { width: clamp(64px, 9vw, 104px); margin-bottom: 1.25rem; }
[data-theme="gallery"] .hero__script { color: var(--accent); }
[data-theme="gallery"] .hero__scroll { left: var(--gutter); transform: none; justify-items: start; }

/* тонкая рамка-паспарту вокруг фото, подпись под кадром — как в музее */
[data-theme="gallery"] .tile {
  cursor: zoom-in; background: transparent;
  padding: 0; border: 0;
}
[data-theme="gallery"] .tile img {
  border: 1px solid var(--line);
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 18px 40px -28px rgba(28,25,23,.55);
  transition: transform .8s var(--ease), box-shadow .5s var(--ease);
}
[data-theme="gallery"] .tile:hover img { transform: none; box-shadow: 0 26px 60px -30px rgba(28,25,23,.6); }
[data-theme="gallery"] .tile__cap {
  position: static; opacity: 1; transform: none; padding: .85rem 0 0;
  background: none; color: var(--muted); letter-spacing: .12em;
  border-top: 1px solid var(--line); margin-top: .85rem;
}
[data-theme="gallery"] .tile__cap::before { content: '№ '; color: var(--accent); }

/* программа как экспликация выставки */

[data-theme="gallery"] .stat b { color: var(--ink); }
[data-theme="gallery"] .format { background: var(--bg); }
[data-theme="gallery"] .format:hover { background: var(--bg-2); }
[data-theme="gallery"] .nav.is-stuck { border-bottom: 1px solid var(--line); }
[data-theme="gallery"] .btn--solid { color: var(--bg); }
[data-theme="gallery"] .lb { background: rgba(243,237,231,.97); }
[data-theme="gallery"] .lb__close, [data-theme="gallery"] .lb__prev, [data-theme="gallery"] .lb__next { border-color: var(--line); }
[data-theme="gallery"] .lb__close:hover, [data-theme="gallery"] .lb__prev:hover, [data-theme="gallery"] .lb__next:hover { color: var(--bg); }
[data-theme="gallery"] .vcard__meta { background: linear-gradient(transparent, rgba(28,25,23,.75)); }