/* ═══ 03.11 «Партнёры» — ВИТРИНА как у Vertera, светлая тема A «Кость» (палитра bar/svet.css, шрифты Forum + Inter).
   Поверх partnery_baraban.css (тот не трогаем, откат = убрать <link> этого файла; копии *.bak_vertera0311).
   Экспонат стоит на подиуме-травертине с латунным кольцом, сверху тёплый луч, на подиуме блик, в луче пылинки (холст #pbPyl, partnery_baraban.js).
   Пока экспонатов Higgsfield нет — экспонат = фото отдела в паспарту (рамка на подиуме). Геометрию (--cw --ch --cy --pdw --ry --ph --ext) ставит JS.
   Анимации — WAAPI/холст (reduce-motion этой машины гасит CSS-переходы). ═══ */

@font-face{font-family:PbForum;font-weight:400;font-display:swap;src:url(bar/assets/fonts/Forum-400-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:PbForum;font-weight:400;font-display:swap;src:url(bar/assets/fonts/Forum-400-latin.woff2) format('woff2')}
@font-face{font-family:PbInter;font-weight:400;font-display:swap;src:url(bar/assets/fonts/Inter-400-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:PbInter;font-weight:400;font-display:swap;src:url(bar/assets/fonts/Inter-400-latin.woff2) format('woff2')}
@font-face{font-family:PbInter;font-weight:500;font-display:swap;src:url(bar/assets/fonts/Inter-500-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:PbInter;font-weight:500;font-display:swap;src:url(bar/assets/fonts/Inter-500-latin.woff2) format('woff2')}
@font-face{font-family:PbInter;font-weight:600;font-display:swap;src:url(bar/assets/fonts/Inter-600-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:PbInter;font-weight:600;font-display:swap;src:url(bar/assets/fonts/Inter-600-latin.woff2) format('woff2')}

.st-media.pb, .st-txt.st-partnery {
  --bg: #f3eee6; --bg-hi: #fbf8f3; --bg-lo: #e3d8c7; --ink: #1d1813; --mute: rgba(29, 24, 19, .58); --brass: #9c7136; --brass2: #b8883f;
  --line: rgba(156, 113, 54, .42); --shd: 60, 42, 22;
  --serif: PbForum, Georgia, serif; --sans: PbInter, system-ui, sans-serif; font-synthesis: none;
}
.st-media.pb { --pdw: 600px; --ry: 90px; --ph: 40px; --ext: 100px; --razvm: 0; }

/* ---------- фон-зал: кость, светлее под лучом, к краям — тёплая тень ---------- */
.pb-fon { background:
  radial-gradient(ellipse 34% 62% at 50% calc(var(--cy) - 8%), rgba(255, 253, 248, .95), rgba(255, 253, 248, 0) 70%),
  radial-gradient(120% 95% at 50% 40%, var(--bg-hi) 0%, var(--bg) 48%, var(--bg-lo) 100%); }
.pb-svet { display: none; }
.pb-znak { top: calc(var(--cy) - var(--ch) * .12); color: rgba(var(--shd), .05); font-family: var(--serif); font-weight: 400; letter-spacing: .1em; }

/* луч софита: трапеция от верха к подиуму, тёплый, мягкий по краям */
.pb-luch { position: absolute; left: 50%; top: 0; width: calc(var(--pdw) * 1.06); margin-left: calc(var(--pdw) * -.53);
  height: calc(var(--cy) + var(--ch) / 2 - var(--ry) * .35 + var(--ry));
  clip-path: polygon(36% 0, 64% 0, 100% 100%, 0 100%);
  background:
    radial-gradient(ellipse 34% 100% at 50% 0%, rgba(255, 233, 190, .62), rgba(255, 233, 190, 0) 100%),
    linear-gradient(90deg, rgba(255, 238, 205, 0) 6%, rgba(255, 238, 205, .38) 34%, rgba(255, 244, 222, .5) 50%, rgba(255, 238, 205, .38) 66%, rgba(255, 238, 205, 0) 94%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.35) 0, #000 22%, #000 78%, rgba(0,0,0,.55) 100%);
          mask-image: linear-gradient(180deg, rgba(0,0,0,.35) 0, #000 22%, #000 78%, rgba(0,0,0,.55) 100%);
  opacity: calc(1 - var(--razvm)); pointer-events: none; }
/* сам «софит» вверху — латунная щель со свечением */
.pb-luch::before { content: ""; position: absolute; left: 39%; right: 39%; top: 0; height: 3px; border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, transparent, var(--brass2) 20%, #e7c88f 50%, var(--brass2) 80%, transparent);
  box-shadow: 0 0 22px 6px rgba(255, 226, 170, .55); }

/* пятно света на полу вокруг подиума + мягкая тень */
.pb-pyatno { position: absolute; left: 50%; top: calc(var(--cy) + var(--ch) / 2 - var(--ry) * .35 + var(--ph) + var(--ry) * .6);
  width: calc(var(--pdw) * 1.7); height: calc(var(--ry) * 1.9); margin: calc(var(--ry) * -.95) 0 0 calc(var(--pdw) * -.85); border-radius: 50%;
  background: radial-gradient(closest-side, rgba(var(--shd), .26), rgba(var(--shd), .09) 55%, rgba(var(--shd), 0));
  opacity: calc(1 - var(--razvm)); pointer-events: none; }

/* подиум-травертин с латунным кольцом (как .podium темы A барабана «Недвижимость») */
.pb-podium { position: absolute; left: 50%; width: var(--pdw); margin-left: calc(var(--pdw) / -2);
  top: calc(var(--cy) + var(--ch) / 2 - var(--ry) * .35); height: calc(var(--ph) + var(--ry));
  border-radius: 0 0 50% 50% / 0 0 var(--ry) var(--ry);
  background: linear-gradient(90deg, #c9bfaf 0%, #e4dccf 18%, #f6f2ea 44%, #fbf8f2 52%, #ece5d9 66%, #cfc4b3 88%, #bdb19f 100%);
  box-shadow: 0 40px 46px -28px rgba(var(--shd), .55); opacity: calc(1 - var(--razvm)); pointer-events: none; }
/* латунная кромка внизу бока */
.pb-podium::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: inherit;
  background:
    linear-gradient(90deg, transparent 2%, rgba(156, 113, 54, .55) 30%, rgba(184, 136, 63, .85) 48%, rgba(156, 113, 54, .55) 66%, transparent 98%) 50% calc(100% - var(--ry) * .1) / 94% 2px no-repeat; }
/* верх подиума: эллипс с латунным кольцом и паспарту-кромкой */
.pb-podium::before { content: ""; position: absolute; left: 0; right: 0; top: calc(var(--ry) * -1); height: calc(var(--ry) * 2); border-radius: 50%;
  background: radial-gradient(58% 62% at 48% 44%, #fffefb, #f3eee5 55%, #e2d9cb 100%);
  box-shadow: inset 0 0 0 1.5px rgba(156, 113, 54, .85), inset 0 0 0 5px rgba(255, 255, 255, .8), inset 0 0 0 6px rgba(156, 113, 54, .32), inset 0 -3px 6px rgba(var(--shd), .12); }
/* блик софита на верхней плоскости */
.pb-blik { position: absolute; left: 16%; right: 16%; top: calc(var(--ry) * -.05); height: calc(var(--ry) * .9); border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .95), rgba(255, 246, 228, .55) 45%, rgba(255, 240, 210, 0)); }

/* контактная тень экспоната на верхней плоскости подиума */
.pb-kontakt { position: absolute; left: 50%; top: calc(var(--cy) + var(--ch) / 2 - 4px); width: calc(var(--cw) * 1.18); height: calc(var(--ry) * .42);
  margin: calc(var(--ry) * -.21) 0 0 calc(var(--cw) * -.59); border-radius: 50%; pointer-events: none; opacity: calc(1 - var(--razvm));
  background: radial-gradient(closest-side, rgba(var(--shd), .42), rgba(var(--shd), .14) 60%, rgba(var(--shd), 0)); }

/* пылинки в луче — холст над сценой, ниже текста */
.pb-pyl { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; opacity: calc(1 - var(--razvm)); }

/* ---------- экспонат: фото отдела в паспарту, стоит на подиуме ---------- */
.pb-k { background: #fbf8f2; box-shadow: 0 0 0 1px rgba(156, 113, 54, .55), 0 26px 40px -18px rgba(var(--shd), .45), 0 60px 90px -40px rgba(var(--shd), .35); }
.pb-k img { inset: var(--pp, 16px); width: calc(100% - 2 * var(--pp, 16px)); height: calc(100% - 2 * var(--pp, 16px));
  box-shadow: 0 0 0 1px rgba(156, 113, 54, .45); }
.pb-k::after { background: linear-gradient(180deg, rgba(255, 246, 228, .18), rgba(255, 246, 228, 0) 34%); }  /* свет сверху на стекле */
.pb-ten { background: var(--bg); }

/* ---------- подписи и стрелки под подиумом ---------- */
.pb-podpis { top: calc(var(--cy) + var(--ch) / 2 + var(--ext) + 18px); color: var(--ink); }
.pb-podpis .pb-n { color: var(--brass); font-family: var(--sans); }
.pb-podpis .pb-t { font-family: var(--serif); font-weight: 400; letter-spacing: .02em; }
.pb-hint { top: calc(var(--cy) + var(--ch) / 2 + var(--ext) + 96px); color: rgba(var(--shd), .5); font-family: var(--sans); }
.pb-str { top: calc(var(--cy) + var(--ch) / 2 + var(--ext) + 50px); color: var(--brass); background: rgba(255, 255, 255, .4); border-color: var(--line); }
.pb-str:hover, .pb-str:focus-visible { background: var(--brass); color: #faf7f1; border-color: var(--brass); }

/* ---------- бока (наведение): тёмный текст, латунь ---------- */
.pb-bok { color: var(--ink); scrollbar-color: rgba(156, 113, 54, .45) transparent; top: calc(var(--cy) - var(--ch) / 2); height: calc(var(--ch) + var(--ext) * .6); }
.pb-bok .pt-num, .pb-bok .pt-pod { color: var(--brass); font-family: var(--sans); }
.pb-bok h3, .pb-bok h4 { color: var(--ink); font-family: var(--serif); font-weight: 400; }
.pb-bok h3 { letter-spacing: .01em; }
.pb-bok p { color: rgba(29, 24, 19, .8); font-family: var(--sans); }
.pb-vrezka, .pt-kompl-list.pb-kompl li { background: #e9e1d4; box-shadow: 0 0 0 1px var(--line), 0 18px 34px -18px rgba(var(--shd), .4); border: 6px solid #fbf8f2; }
.pb-liniya { background: var(--brass); }

/* ---------- шапка раздела и кнопки: светлые ---------- */
.st-partnery .st-eyebrow { color: var(--brass); font-family: var(--sans); }
.st-txt.st-partnery h2 { color: var(--ink); font-family: var(--serif); font-weight: 400; letter-spacing: .01em; }
.st-partnery .pt-tabs a { color: rgba(29, 24, 19, .52); font-family: var(--sans); }
.st-partnery .pt-tabs a.on, .st-partnery .pt-tabs a:hover, .st-partnery .pt-tabs a:focus-visible { color: var(--ink); }
.st-partnery .pt-tabs a::after { background: var(--brass); }
.st-partnery .st-btn { font-family: var(--sans); }
.st-partnery .st-btn--main { color: #faf7f1; background: var(--brass); border-color: var(--brass); box-shadow: 0 14px 30px -10px rgba(var(--shd), .5); }
.st-partnery .st-btn--main:hover, .st-partnery .st-btn--main:focus-visible { background: #87602b; border-color: #87602b; box-shadow: 0 16px 34px -10px rgba(var(--shd), .55), 0 0 0 1px #e7c88f; }
.st-partnery .st-btn--ghost { color: var(--ink); background: rgba(255, 255, 255, .45); border-color: var(--line); }
.st-partnery .st-btn--ghost:hover, .st-partnery .st-btn--ghost:focus-visible { background: var(--brass); color: #faf7f1; border-color: var(--brass); }

@media (max-height: 820px) and (min-width: 901px) and (min-aspect-ratio: 3/4) {
  .pb-hint { top: calc(var(--cy) + var(--ch) / 2 + var(--ext) + 84px); }
}

/* телефон: подиум ниже фото, при раскрытии (фото уезжает в угол) подиум/луч/пылинки гаснут (--razvm) */
@media (max-width: 900px), (max-aspect-ratio: 3/4) {
  .pb-str { top: var(--cy); }
  .pb-hint { top: calc(var(--cy) + var(--ch) / 2 + var(--ext) + 62px); }
  .pb-podpis { top: calc(var(--cy) + var(--ch) / 2 + var(--ext) + 10px); }
  .pb-bok { height: auto; }
  .pb-sboku { color: var(--ink); }
  .pb-sboku .pt-num { color: var(--brass); }
  .pb-sboku h3 { font-family: var(--serif); font-weight: 400; }
}