/* ===== enhance.css — слой полировки поверх style.css (2026-07-21) =====
   Аддитивно, палитра/структура/JS не тронуты. Грузится ПОСЛЕ style.css.
   Цель: поднять «музейность» ещё на ступень + закрыть доступность.
   Убрать = удалить <link> на этот файл, база работает как прежде. */

/* --- Якоря под фикс-шапку: заголовок больше не прячется при переходе по меню --- */
:root { scroll-padding-top: 84px; }
section[id] { scroll-margin-top: 84px; }

/* --- Выделение текста и хвостовые мелочи в тон бренду --- */
::selection { background: rgba(212,175,55,.28); color: #fff; }

/* --- Заголовки секций: спокойнее переносы, чуть больше воздуха и породы --- */
.section-title {
  text-wrap: balance;
  letter-spacing: .005em;
}
.section-sub, .hero h1, .commission-box h2, .credo blockquote, .hero-tagline {
  text-wrap: balance;
}
/* тонкая световая подложка под заголовком секции — как подсвеченная табличка */
.section-title { position: relative; }

/* --- Кнопки: благородный подъём + мягкое золотое свечение на hover --- */
.btn { transition: background .3s ease, border-color .3s ease, color .3s ease,
                   transform .3s ease, box-shadow .3s ease; }
.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(212,175,55,.16);
}

/* --- Работы: тонкая золотая рама «в багете» на hover (галерейный акцент) --- */
.work-img::after {
  content: ""; position: absolute; inset: 10px; z-index: 2; pointer-events: none;
  border: 1px solid rgba(212,175,55,0);
  transition: border-color .4s ease, inset .4s ease;
}
.work-card:hover .work-img::after {
  border-color: rgba(212,175,55,.45);
  inset: 8px;
}
.work-cap h3 { transition: color .25s ease; }
.work-card:hover .work-cap h3 { color: var(--gold-light); }

/* --- Музейные карточки: чуть живее на hover --- */
.museum-card { transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease; }
.museum-card:hover {
  border-color: rgba(212,175,55,.4);
  transform: translateY(-3px);
  box-shadow: inset 0 0 60px rgba(0,0,0,.45), 0 12px 30px rgba(0,0,0,.35);
}

/* --- Статистика: цифры ровными столбцами + лёгкое золотое сияние --- */
.stat-num { font-variant-numeric: tabular-nums; text-shadow: 0 1px 24px rgba(212,175,55,.18); }

/* --- Форма: видимое кольцо фокуса вместо простой смены рамки --- */
.contact-form input:focus,
.contact-form textarea:focus {
  box-shadow: 0 0 0 3px rgba(212,175,55,.14);
}

/* ============================================================
   ДОСТУПНОСТЬ: единый видимый фокус с клавиатуры по всему сайту
   (в базе он был только у .work-card). Мышке не мешает — :focus-visible.
   ============================================================ */
a:focus-visible,
.btn:focus-visible,
.nav a:focus-visible,
.tab:focus-visible,
.contact-btn:focus-visible,
.source-link:focus-visible,
.bio-toggle:focus-visible,
.lb-arrow:focus-visible,
.lb-close:focus-visible,
.lb-zoom:focus-visible,
.lb-thumb:focus-visible,
.to-top:focus-visible,
.float-contacts a:focus-visible,
.burger:focus-visible,
.site-footer button:focus-visible,
#privacy-open:focus-visible,
#privacy-close:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
  border-radius: 3px;
}
.contact-form input:focus-visible,
.contact-form textarea:focus-visible { outline: none; } /* у полей своё кольцо выше */

/* --- Тач: убрать залипание синей подсветки, отзывчивее тапы --- */
a, button, .work-card, .tab { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

/* --- Модалки: скролл внутри не «протекает» на фон --- */
.lightbox, .modal { overscroll-behavior: contain; }

/* --- Уважать «меньше движения» и для новых эффектов --- */
@media (prefers-reduced-motion: reduce) {
  .btn:hover, .museum-card:hover { transform: none; }
  .work-img::after { transition: none; }
}

/* ============================================================
   ФОН: спокойнее и благороднее (2026-07-21).
   Меньше «жизни» — тёмный музейный зал, работы в центре внимания.
   ============================================================ */

/* Свет за курсором — мягче и тише (базовые альфы приглушены) */
body::before {
  background:
    radial-gradient(130% 78% at calc(50% + var(--gx, 0px)) calc(-8% + var(--gy, 0px)),
      rgba(212,175,55,.042) 0%, rgba(212,175,55,.011) 27%, transparent 58%),
    radial-gradient(118% 92% at 50% 30%, #17130c 0%, #110f0b 50%, #0a0807 100%);
}

/* Aurora — тише и медленнее (меньше заметного движения) */
.fx-aurora { opacity: .58; animation-duration: 48s; }

/* Золотая пыль — убрана совсем (это она «мерцала») */
.fx-dust { display: none !important; }

/* Свет-«пятно» под каждой секцией — чуть спокойнее */
section:not(.hero) {
  background-image: radial-gradient(96% 56% at 50% -6%, rgba(212,175,55,.035) 0%, transparent 55%);
}