/* Офис наследия (макет 2005-2682 / 2005-2808).
   Выгрузка даёт у текста коробку «верх заглавной → последняя базовая линия»; отступы ниже пересчитаны в коробки строк:
   Montserrat 72/80 — заглавная на 15.4 от верха строки, 40/48 — на 10.3, 22/30 — на 7.5, 28/30 — на 5.4; Inter 15/22 — на 5.5, 11/20 — на 6. */

/* ---------- Первый экран: заголовок страницы ---------- */
.her-hero { padding: 81px var(--gutter) 49px; border-bottom: 1px solid var(--c-line); }

/* ---------- Вводка: правая половина, блок 460 ---------- */
.her-intro { display: grid; grid-template-columns: 50% minmax(0, 1fr); padding: 42px var(--gutter) 91px; border-bottom: 1px solid var(--c-line); }
.her-intro__text { grid-column: 2; padding-left: 16px; width: calc(460px + 16px); max-width: 100%; }

/* ---------- Заголовки разделов страницы: свои отступы поверх .shead ---------- */
.her-shead { padding-top: 150px; padding-bottom: 90px; }
.her-shead--first { padding-top: 103px; }
@media (min-width: 1024px) { .her-shead .pre { padding-top: 4px; } } /* в макете слиток и заголовок по одной линии заглавных */
.her-sec--video .her-shead { padding-bottom: 90px; }

/* ---------- Историческая справка: доска слева (696), текст справа ---------- */
.her-art { display: grid; grid-template-columns: calc(50% - 24px) minmax(0, 1fr); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.her-art__pic { border-right: 1px solid var(--c-line); }
.her-plaque { position: relative; display: grid; place-items: center; aspect-ratio: 695 / 390; background: #be9065; }
.her-plaque .her-crop { width: 46.47%; aspect-ratio: 323 / 286; }
.her-art__cap { padding: 26px var(--gutter) 0; }
.her-art__body { display: flex; flex-direction: column; padding: 61px 64px 40px var(--gutter); }
.her-art__text { width: 576px; max-width: 100%; color: var(--c-white-80); }
.her-art__text p + p { margin-top: 22px; }
.her-art__more { margin-top: 90px; width: 100%; max-width: 640px; }
.her-art__more .i { width: 16px; height: 16px; }
.her-art__more .i-minus, [data-acc].is-open .her-art__more .i-plus { display: none; }
[data-acc].is-open .her-art__more .i-minus { display: block; }

/* кроп картинки по рамке макета: --w ширина, --l/--t сдвиг в долях рамки */
.her-crop { position: relative; overflow: hidden; }
.her-crop img { position: absolute; left: var(--l, 0); top: var(--t, 0); width: var(--w, 100%); max-width: none; height: auto; }

/* ---------- Фотогалерея: две карточки 605 + колонка стрелок 110 ---------- */
.her-gal { display: grid; grid-template-columns: minmax(0, 1fr) 110px; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.her-gal__view { overflow: hidden; padding: 40px var(--gutter) 58px; touch-action: pan-y; user-select: none; -webkit-user-select: none; cursor: grab; }
.her-gal__view.is-drag { cursor: grabbing; }
.her-gal__track { display: flex; gap: 40px; will-change: transform; }
.her-gal__slide { flex: 0 0 calc((100% - 40px) / 2); min-width: 0; }
.her-gal__pic { aspect-ratio: 605 / 403; background: #9d9d9d; }
.her-gal__pic img { pointer-events: none; }
.her-gal__cap { margin-top: 26px; width: 540px; max-width: 100%; }
.her-gal__nav { display: grid; grid-template-rows: 1fr 1fr; border-left: 1px solid var(--c-line); }
.her-gal__btn { display: grid; place-items: center; transition: background-color .25s var(--ease); }
.her-gal__btn--next { border-bottom: 1px solid var(--c-line); }
.her-gal__btn .i { width: 20px; height: 20px; }
@media (hover: hover) { .her-gal__btn:hover { background: var(--c-hover); } }

/* ---------- Видеопроход: кадр 1440×720 во всю ширину ---------- */
.her-video { position: relative; aspect-ratio: 2 / 1; overflow: hidden; background: #3e3e3e; }
.her-video img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 58%; }
.her-video__full { display: none; position: absolute; top: var(--gutter); right: var(--gutter); width: 56px; height: 56px; place-items: center; background: var(--c-bg); transition: background-color .25s var(--ease); }
.her-video__full .i { width: 24px; height: 24px; }
.her-video:fullscreen { aspect-ratio: auto; }
.her-video:fullscreen img { object-fit: contain; }
@media (hover: hover) { .her-video__full:hover { background: var(--c-hover); } }

/* ---------- Мобильная раскладка (375) ---------- */
@media (max-width: 1023px) {
  .her-hero { padding: 59px var(--gutter) 35px; }
  .her-hero__title { font-size: 28px; line-height: 30px; }
  .her-intro { grid-template-columns: 1fr; padding: 35px var(--gutter) 58px; }
  .her-intro__text { grid-column: 1; padding-left: 0; width: auto; }
  .her-br { display: none; }

  .her-shead { padding-top: 82px; padding-bottom: 57px; gap: 34px; }
  .her-shead .pre { padding-top: 8px; }
  .her-shead--first { padding-top: 51px; }
  .her-sec--video .her-shead, .her-sec--history .her-shead { padding-bottom: 58px; }
  .her-shead .shead__title { font-size: 22px; line-height: 30px; }
  .her-shead .shead__body { gap: 19px; }

  .her-art { grid-template-columns: 1fr; border-top: 0; }
  .her-art__pic { border-right: 0; border-bottom: 1px solid var(--c-line); }
  .her-plaque { aspect-ratio: 375 / 211; }
  .her-plaque .her-crop { width: 46.31%; }
  .her-art__cap { padding: 58px var(--gutter) 34px; }
  .her-art__body { padding: 35px var(--gutter) 40px; }
  .her-art__text { width: auto; }
  .her-more { display: none; }
  [data-acc].is-open .her-more { display: block; }
  .her-art__more { margin-top: 58px; max-width: none; height: 56px; padding-inline: 24px; justify-content: space-between; }
  .her-art__more .i { width: 20px; height: 20px; }

  .her-gal { grid-template-columns: 1fr; border-top: 0; }
  .her-gal__view { padding: 0; }
  .her-gal__track { gap: 0; }
  .her-gal__slide { flex-basis: 100%; }
  .her-gal__pic { aspect-ratio: 375 / 250; }
  .her-gal__cap { display: none; }
  .her-gal__nav { grid-template-rows: 64px; grid-template-columns: 1fr 1fr; border-left: 0; }
  .her-gal__btn--prev { order: -1; border-right: 1px solid var(--c-line); }
  .her-gal__btn--next { border-bottom: 0; }

  .her-video { aspect-ratio: 1 / 1; margin-bottom: 120px; }
  .her-video img { object-position: 73% 80%; }
  .her-video__full { display: grid; }
}
/* авторские переносы рассчитаны на колонку 1440; на узких колонках текст переносится сам */
@media (max-width: 1279px) { .her-br { display: none; } }