/* Презентация залов — отдельная страница в системе журнала (19.10). */
.menu, .menu[data-chrome] { color: #1E1715; }
.hp-ph { margin: 0; overflow: hidden; background: #120D0C; }
.hp-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hp-shade { background: linear-gradient(#0007, #0000 30%, #0000 50%, #000B); pointer-events: none; }
.hp-kick { text-align: center; font: 700 calc(11 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #1E1715; }
.hp-kick--light { color: #F8F2E8; z-index: 3; }
.hp-cover { margin: 0; display: flex; flex-direction: column; align-items: center; text-align: center; font: 400 calc(150 * var(--u))/1 "Cormorant Garamond", Georgia, serif; letter-spacing: .14em; padding-left: .14em; text-transform: uppercase; color: #F8F2E8; z-index: 3; }
.hp-cover em { margin-top: calc(10 * var(--u)); font: italic 400 calc(44 * var(--u))/1 "Cormorant Garamond", serif; letter-spacing: 0; text-transform: none; }
.hp-sub { text-align: center; font: 700 calc(11 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #F8F2E8CC; z-index: 3; }
.hp-h { margin: 0; text-align: center; font: 400 calc(72 * var(--u))/1 "Cormorant Garamond", Georgia, serif; letter-spacing: .1em; padding-left: .1em; text-transform: uppercase; color: #1E1715; }
.hp-lead { margin: 0; text-align: center; font: 400 calc(18 * var(--u))/1.45 "Spectral", Georgia, serif; color: #1A1311; }
.hp-lead b { font-weight: 700; }
.hp-txt { columns: 2; column-gap: calc(32 * var(--u)); }
.hp-txt--one { columns: 1; }
.hp-txt p { margin: 0; text-align: justify; hyphens: auto; font: 400 calc(14 * var(--u))/1.55 "Spectral", Georgia, serif; color: #1A1311; }
.hp-txt--one p { text-align: center; text-align-last: center; }
.hp-drop { float: left; margin: calc(4 * var(--u)) calc(8 * var(--u)) 0 0; font: 400 calc(66 * var(--u))/.76 "Cormorant Garamond", serif; color: #A51C1F; }
.hp-nums { margin: 0; display: flex; justify-content: center; gap: calc(48 * var(--u)); padding-top: calc(18 * var(--u)); border-top: 1px solid #B5995D; }
.hp-nums div { text-align: center; }
.hp-nums dt { font: 400 calc(52 * var(--u))/1 "Cormorant Garamond", serif; font-variant-numeric: lining-nums; color: #1E1715; }
.hp-nums dd { margin: calc(6 * var(--u)) 0 0; font: 700 calc(10.5 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #A51C1F; }
.hp-folio, .hp-cap { margin: 0; text-align: center; font: 400 calc(12 * var(--u))/1 "Spectral", serif; color: #6E625C; }
.hp-cap { font: 700 calc(10.5 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #1E1715; }
img.hp-fig { height: calc(var(--h) * var(--u)); object-fit: contain; object-position: 50% 100%; }
.hp-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: calc(18 * var(--u)); }
.hp-list li { font: 400 calc(14.5 * var(--u))/1.4 "Spectral", serif; color: #1A1311; padding-top: calc(12 * var(--u)); border-top: 1px solid #B5995D66; }
.hp-list li b { display: block; margin-bottom: calc(4 * var(--u)); font: 700 calc(12 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #A51C1F; }
.hp-list--two { display: grid; grid-template-columns: 1fr 1fr; gap: calc(18 * var(--u)) calc(32 * var(--u)); }
.hp-list--two li:last-child { grid-column: 1 / -1; }
.hp-velvet { background: #6B171D url("media/v2/paper/wine-dragonflies.jpg") 50% 50% / calc(520 * var(--u)) auto repeat; }
.hp-end { margin: 0; text-align: center; font: 400 calc(132 * var(--u))/.95 "Druzhok", serif; letter-spacing: .04em; text-transform: uppercase; color: #F8F2E8; }
.hp-endtxt { margin: 0; text-align: center; font: 400 calc(17 * var(--u))/1.5 "Spectral", serif; color: #F8F2E8; }
.hp-btn { display: flex; align-items: center; justify-content: center; gap: calc(10 * var(--u)); background: #F8F2E8; color: #6B171D; text-decoration: none; font: 400 calc(17 * var(--u))/1 "Spectral", serif; transition: background-color .2s ease, transform .16s cubic-bezier(.23,1,.32,1); }
.hp-btn:active { transform: scale(.97); }
@media (hover: hover) { .hp-btn:hover { background: #FFF; } }
.hp-contacts { margin: 0; text-align: center; font: 400 calc(15 * var(--u))/1.7 "Spectral", serif; color: #F3E6CC; }
.hp-contacts a { color: #F8F2E8; text-decoration: none; border-bottom: 1px solid #F8F2E855; }
.hp-back { text-align: center; font: 400 calc(13 * var(--u))/1 "Spectral", serif; color: #F3E6CCCC; text-decoration: none; }
/* появления: при каждом входе листа */
@media (prefers-reduced-motion: no-preference) {
  .spread .p { transition: opacity .8s ease, transform .9s cubic-bezier(.16,1,.3,1); }
  .spread:not([data-in]) .p:not(.hp-ph):not(.hp-shade):not(.hp-velvet) { opacity: 0; transform: translateY(calc(16 * var(--u))); }
  .spread .hp-ph img { transition: transform 2.4s cubic-bezier(.16,1,.3,1); }
  .spread:not([data-in]) .hp-ph img { transform: scale(1.06); }
  .spread[data-in] .p:nth-child(2) { transition-delay: .08s; } .spread[data-in] .p:nth-child(3) { transition-delay: .16s; }
  .spread[data-in] .p:nth-child(4) { transition-delay: .24s; } .spread[data-in] .p:nth-child(5) { transition-delay: .32s; }
  .spread[data-in] .p:nth-child(6) { transition-delay: .4s; } .spread[data-in] .p:nth-child(n+7) { transition-delay: .48s; }
}
.hp-h { font-size: calc(58 * var(--u)); white-space: nowrap; }
.menu a[aria-current] { border-bottom: 1px solid #A51C1F; color: #A51C1F; }
.hp-crumb { font: 400 calc(13 * var(--u))/1 "Spectral", serif; color: #F8F2E8; text-decoration: none; border-bottom: 1px solid #F8F2E866; padding-bottom: 3px; z-index: 4; }
/* Аудит 19.10: голос обложки = «Залы» журнала (Playfair, плотный набор) */
.hp-cover { flex-direction: column; font: 400 calc(132 * var(--u))/.82 "Playfair Display", Georgia, serif; letter-spacing: -.04em; padding-left: 0; text-transform: none; }
.hp-cover em { margin-top: calc(18 * var(--u)); font: italic 400 calc(40 * var(--u))/1 "Playfair Display", serif; letter-spacing: -.01em; color: #F3C9B8; }
.hp-end { font: 400 calc(120 * var(--u))/.86 "Playfair Display", Georgia, serif; letter-spacing: -.04em; text-transform: none; }
/* печать «Обсудить вечер» */
.hp-seal { position: fixed; right: 28px; bottom: 28px; z-index: 30; width: 104px; height: 104px; border-radius: 50%; background: #6B171D; color: #F8F2E8; display: grid; place-items: center; box-shadow: 0 8px 24px #0005; text-decoration: none; transition: transform .16s cubic-bezier(.23,1,.32,1), background-color .2s ease; }
.hp-seal__ring { position: absolute; inset: 0; width: 100%; height: 100%; animation: hp-spin 26s linear infinite; }
.hp-seal__ring text { font: 500 11px/1 "Spectral", serif; letter-spacing: .1em; fill: currentColor; }
.hp-seal__star { width: 18px; height: 18px; color: #E8C477; }
.hp-seal:active { transform: scale(.96); }
@media (hover: hover) { .hp-seal:hover { background: #4A0E13; } }
@keyframes hp-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .hp-seal__ring { animation: none; } }
/* Secret Room: «не вижу · не слышу · не скажу» */
img.hp-three { height: calc(var(--h) * var(--u)); object-fit: contain; object-position: 50% 100%; }
.hp-vows { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }
.hp-vows li { font: italic 400 calc(22 * var(--u))/1 "Playfair Display", Georgia, serif; color: #A51C1F; }
.hp-nums dt { font-size: calc(44 * var(--u)); }
img.hp-three { object-position: 50% 50%; }
/* Secret Room в духе Vogue */
.hp-vg__h { margin: 0; font: 400 calc(178 * var(--u))/.78 "Playfair Display", Georgia, serif; letter-spacing: -.05em; color: #111; z-index: 1; }
img.hp-three { z-index: 2; object-position: 50% 100%; }
.hp-vg__deck { margin: 0; font: 700 calc(17 * var(--u))/1.35 "Spectral", Georgia, serif; color: #111; }
.hp-vg__deck span { font-variant: small-caps; letter-spacing: .04em; }
.hp-vg__deck i { font-weight: 400; }
.hp-vg__body { columns: 2; column-gap: calc(28 * var(--u)); }
.hp-vg__body p { margin: 0; text-align: justify; hyphens: auto; font: 400 calc(13.5 * var(--u))/1.5 "Spectral", Georgia, serif; color: #111; }
.hp-vg__drop { float: left; margin: calc(3 * var(--u)) calc(8 * var(--u)) 0 0; font: 400 calc(64 * var(--u))/.76 "Playfair Display", serif; color: #111; }
.hp-vg__caps { margin-top: calc(10 * var(--u)) !important; text-align: left !important; break-inside: avoid; }
.hp-vg__caps b { display: block; margin-bottom: calc(4 * var(--u)); font: 700 calc(10.5 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #A51C1F; }
.hp-vg__body .hp-vg__caps { display: none; }
.hp-vg__inl { font-weight: 700; color: #A51C1F; }
.hp-vg__h { font-size: calc(150 * var(--u)); }
/* Secret Room по рефу «Who's that girl?» */
.hp-wg__h { margin: 0; font: 400 calc(150 * var(--u))/.76 "Playfair Display", Georgia, serif; letter-spacing: -.05em; color: #111; z-index: 3; }
.hp-wg__deck { margin: 0; font: 700 calc(15.5 * var(--u))/1.32 "Spectral", Georgia, serif; color: #111; z-index: 3; }
.hp-wg__deck span { font-variant: small-caps; letter-spacing: .04em; }
.hp-wg__deck i { font-weight: 400; }
.hp-wg__body p { margin: 0; text-align: justify; hyphens: auto; font: 400 calc(13 * var(--u))/1.5 "Spectral", Georgia, serif; color: #111; }
.hp-wg__drop { float: left; margin: calc(3 * var(--u)) calc(8 * var(--u)) 0 0; font: 400 calc(76 * var(--u))/.74 "Playfair Display", serif; color: #111; }
.hp-wg__caps { margin-top: calc(14 * var(--u)) !important; text-align: left !important; }
.hp-wg__caps b { display: block; margin-bottom: calc(5 * var(--u)); font: 700 calc(10.5 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #A51C1F; }
img.hp-wg__fig { height: calc(var(--h) * var(--u)); object-fit: contain; object-position: 50% 100%; }
.hp-disc img { object-fit: cover; }
/* Secret Room — четыре четверти правой полосы */
.hp-c4__h { margin: 0; font: 400 calc(112 * var(--u))/.78 "Playfair Display", Georgia, serif; letter-spacing: -.05em; color: #111; z-index: 3; }
.hp-c4__deck { margin: 0; font: 700 calc(13.5 * var(--u))/1.32 "Spectral", Georgia, serif; color: #111; z-index: 3; }
.hp-c4__deck span { font-variant: small-caps; letter-spacing: .04em; }
.hp-c4__deck i { font-weight: 400; }
.hp-c4__body p { margin: 0; text-align: justify; hyphens: auto; font: 400 calc(11.5 * var(--u))/1.45 "Spectral", Georgia, serif; color: #111; }
.hp-c4__body b { color: #A51C1F; }
.hp-c4__drop { float: left; margin: calc(2 * var(--u)) calc(6 * var(--u)) 0 0; font: 400 calc(58 * var(--u))/.74 "Playfair Display", serif; color: #111; }
img.hp-c4__fig { height: calc(var(--h) * var(--u)); object-fit: contain; object-position: 50% 100%; }
/* сетка 2×2: текстовая четверть */
.hp-c4__q1 { display: flex; flex-direction: column; justify-content: space-between; z-index: 3; }
.hp-c4__q1 .hp-c4__h { font-size: calc(98 * var(--u)); }
.hp-c4__q1 .hp-c4__deck { font-size: calc(13 * var(--u)); }
.hp-c4__q1 .hp-c4__body p { font-size: calc(11 * var(--u)); }
/* текстовая четверть крупнее, меньше пустоты */
.hp-c4__q1 .hp-c4__h { font-size: calc(124 * var(--u)); line-height: .76; }
.hp-c4__q1 .hp-c4__deck { font-size: calc(16 * var(--u)); line-height: 1.32; }
.hp-c4__q1 .hp-c4__body p { font-size: calc(13.5 * var(--u)); line-height: 1.45; }
.hp-c4__q1 .hp-c4__drop { font-size: calc(70 * var(--u)); }
.hp-vsign { writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; font: 400 calc(54 * var(--u))/1 "Druzhok", serif; letter-spacing: .3em; text-transform: uppercase; color: #F8F2E8; z-index: 3; }
.hp-vline { margin: 0; text-align: center; font: 700 calc(10.5 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .26em; text-transform: uppercase; color: #F8F2E8CC; z-index: 3; }
.hp-q { position: absolute; }
.hp-q figcaption { position: absolute; left: calc(14 * var(--u)); bottom: calc(12 * var(--u)); font: 700 calc(10 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #F8F2E8; text-shadow: 0 1px 8px #0009; }
#h2 .hp-c4__q1 .hp-c4__h { font-size: calc(84 * var(--u)); line-height: .82; }
#h2 .hp-vline { z-index: 4; }
#h2 .hp-ph:last-of-type::after { content: ""; }
#h2 .hp-c4__q1 .hp-c4__h { font-size: calc(76 * var(--u)); }
#h2 .hp-shade { z-index: 2; }
#h2 .hp-vsign, #h2 .hp-vline { z-index: 4; }
/* большой разворот со сменой фото */
.hp-slider { overflow: hidden; background: #0E0B0A; }
.hp-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.1s ease; }
.hp-slide.is-on { opacity: 1; }
.hp-slide img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.04); transition: transform 6s linear; }
.hp-slide.is-on img { transform: scale(1); }
.hp-slider__cap { margin: 0; text-align: center; font: italic 400 calc(30 * var(--u))/1 "Playfair Display", serif; color: #F8F2E8; z-index: 3; }
.hp-slider__nav { display: flex; align-items: center; justify-content: center; gap: calc(26 * var(--u)); z-index: 3; }
.hp-slider__nav button { all: unset; cursor: pointer; font: 400 calc(22 * var(--u))/1 "Spectral", serif; color: #F8F2E8; padding: 4px 8px; }
.hp-slider__nav button:focus-visible { outline: 1px solid #F8F2E8; }
.hp-slider__nav [data-dots] { display: flex; gap: calc(10 * var(--u)); }
.hp-slider__nav i { width: calc(28 * var(--u)); height: 2px; background: #F8F2E855; transition: background-color .3s; }
.hp-slider__nav i.on { background: #F8F2E8; }
@media (prefers-reduced-motion: reduce) { .hp-slide, .hp-slide img { transition: none; } }
#h4 .hp-slider__nav { z-index: 4; }
/* ── Основной зал по рефу «Viewpoint» ── */
.hm-big img { transition: opacity .45s ease; }
.hm-open { margin: 0; text-align: right; font: 700 calc(12 * var(--u))/1.35 "HK Grotesk", sans-serif; letter-spacing: .06em; color: #F8F2E8; z-index: 3; }
.hm-ad { margin: 0; font: 400 calc(118 * var(--u))/.82 "Druzhok", serif; letter-spacing: .02em; text-transform: uppercase; color: #F8F2E8; z-index: 3; }
.hm-ad em { display: block; margin-top: calc(10 * var(--u)); font: italic 400 calc(46 * var(--u))/1 "Playfair Display", serif; letter-spacing: -.01em; text-transform: none; }
.hm-adtxt { margin: 0; font: 400 calc(14 * var(--u))/1.45 "Spectral", serif; color: #F8F2E8E6; z-index: 3; }
.hm-kick { margin: 0; text-align: center; font: 400 calc(12 * var(--u))/1 "Cormorant Garamond", serif; letter-spacing: .24em; text-transform: uppercase; color: #1E1715; }
.hm-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.hm-th { all: unset; position: relative; overflow: hidden; cursor: pointer; display: block; height: 100%; }
.hm-th img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s cubic-bezier(.23,1,.32,1), filter .3s; }
.hm-th span { position: absolute; right: calc(8 * var(--u)); bottom: calc(8 * var(--u)); font: 400 calc(11 * var(--u))/1.2 "Spectral", serif; color: #F8F2E8; text-shadow: 0 1px 6px #000A; }
.hm-th.is-on { box-shadow: inset 0 0 0 3px #A51C1F; }
.hm-th.is-on img { filter: brightness(.85); }
@media (hover: hover) { .hm-th:hover img { transform: scale(1.05); } }
.hm-th:focus-visible { outline: 2px solid #A51C1F; outline-offset: -2px; }
.hm-h { margin: 0; text-align: center; font: 700 calc(40 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: -.01em; color: #111; }
.hm-deck { margin: 0; text-align: center; font: 400 calc(18 * var(--u))/1.3 "Spectral", serif; color: #1A1311; }
.hm-cols { columns: 2; column-gap: calc(28 * var(--u)); }
.hm-cols p { margin: 0; text-align: justify; hyphens: auto; font: 400 calc(12.5 * var(--u))/1.42 "Spectral", serif; color: #111; }
.hm-drop { float: left; margin: calc(3 * var(--u)) calc(6 * var(--u)) 0 0; font: 700 calc(52 * var(--u))/.74 "HK Grotesk", sans-serif; color: #111; }
.hm-folio { margin: 0; font: 400 calc(11 * var(--u))/1 "Spectral", serif; color: #6E625C; }
.hm-ad { font: 400 calc(124 * var(--u))/.8 "Playfair Display", serif; letter-spacing: -.045em; text-transform: none; }
.hm-ad em { font-size: calc(48 * var(--u)); }
.hm-nums { margin: 0; display: flex; justify-content: space-between; padding-top: calc(12 * var(--u)); border-top: 2px solid #111; }
.hm-nums div { text-align: left; }
.hm-nums dt { font: 700 calc(54 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: -.03em; color: #111; }
.hm-nums dd { margin: calc(4 * var(--u)) 0 0; font: 400 calc(12 * var(--u))/1 "Spectral", serif; color: #A51C1F; }
.hm-inc { padding-top: calc(12 * var(--u)); border-top: 2px solid #111; font: 400 calc(12.5 * var(--u))/1.45 "Spectral", serif; color: #111; }
.hm-inc b { display: block; margin-bottom: calc(5 * var(--u)); font: 700 calc(11 * var(--u))/1 "HK Grotesk", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #A51C1F; }
/* кадры справа разделены белыми промежутками — тёмные фото не сливаются */
.hm-row { gap: calc(10 * var(--u)); }
/* явная кнопка возврата в журнал на финале */
.hp-backbtn { display: flex; align-items: center; justify-content: center; border: 1px solid #F8F2E8; color: #F8F2E8; text-decoration: none; font: 400 calc(16 * var(--u))/1 "Spectral", serif; letter-spacing: .02em; transition: background-color .2s ease, color .2s ease, transform .16s cubic-bezier(.23,1,.32,1); z-index: 3; }
.hp-backbtn:active { transform: scale(.97); }
@media (hover: hover) { .hp-backbtn:hover { background: #F8F2E8; color: #6B171D; } }
#h2 .hm-open { text-shadow: 0 1px 8px #000A; }

/* печать в чёрном круге Secret Room (21.10) */
.hp-disc-seal { z-index: 3; border-radius: 50%; color: #F8F2E8; text-decoration: none; }
.hp-disc-seal .hp-seal__ring text { font-size: 10px; letter-spacing: .14em; }
@media (hover: hover) { .hp-disc-seal:hover { color: #E8C477; } }
.hp-seal { transition: opacity .35s ease, transform .35s ease; }
body.hp-disc-on .hp-seal { opacity: 0; transform: scale(.6); pointer-events: none; }
/* основной зал: заголовок снят (22.10), текст статьи — Cormorant, как на разворотах журнала, чуть крупнее */
.hm-cols p { font: 500 calc(15.5 * var(--u))/1.32 "Cormorant Garamond", Georgia, serif; color: #111; }
.hm-drop { font-family: "Cormorant Garamond", Georgia, serif !important; font-weight: 500 !important; color: #6B171D !important; }