/* 02.11 правки Елены — «Партнёры»: три подраздела (тексты Елены) + медиа партнёров вместо латунной планировки.
   Медиа (#stMedia) — слева на бумаге (там, где стоял план), на узком экране — полоса сверху. Набор меняет stroyka.js по разделу в тексте.
   Только opacity/transform (WAAPI в stroyka.js). Копии до правки — *.bak_elena0211. */
.st-media { position: absolute; left: 4vw; top: 13vh; width: 46vw; height: 72vh; opacity: 0; pointer-events: none; }
.pm-set { position: absolute; inset: 0; visibility: hidden; }
.pm-set.on { visibility: visible; }
.pm-v {
  position: absolute; left: 0; top: 0; width: 100%; aspect-ratio: 16 / 9; height: auto; max-height: 78%; object-fit: cover; display: block;
  background: #2a231b; box-shadow: 0 30px 70px rgba(27, 23, 19, .28), 0 0 0 1px rgba(176, 138, 69, .55);
}
.pm-f {
  position: absolute; right: 3%; top: calc(46vw * 9 / 16 - 6vw); width: 40%; aspect-ratio: 16 / 10; height: auto; object-fit: cover; display: block;
  background: #3a3027; box-shadow: 0 22px 50px rgba(27, 23, 19, .32), 0 0 0 6px rgba(250, 243, 228, .92), 0 0 0 7px rgba(176, 138, 69, .5);
}
.pm-cap {
  position: absolute; left: 0; top: calc(46vw * 9 / 16 + 18px); margin: 0; max-width: 50%;
  font: 600 .68rem/1.5 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: #5a4120;
}
/* комплектация: три места под ролики партнёров (пока кадры) */
.pm-kompl { display: grid; grid-template-columns: 1.25fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; }
.pm-kompl figure { position: relative; margin: 0; overflow: hidden; background: #2a231b; box-shadow: 0 0 0 1px rgba(176, 138, 69, .5); }
.pm-kompl figure:first-child { grid-row: 1 / 3; }
.pm-kompl img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pm-kompl figcaption {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 14px 12px;
  background: linear-gradient(180deg, rgba(20, 16, 12, 0), rgba(20, 16, 12, .72));
  font: 600 .66rem/1.3 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: #f3efe8;
}

/* текст: шире под три раздела, подзаголовки — антиква сайта */
.st-partnery { width: min(600px, 42vw); }
.pt-tabs { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 18px 0 4px; padding-bottom: 12px; border-bottom: 1px solid rgba(27, 23, 19, .2); }
.pt-tabs a {
  position: relative; min-height: 32px; display: inline-flex; align-items: center; text-decoration: none;
  font: 600 .7rem/1.3 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: rgba(27, 23, 19, .62);
}
.pt-tabs a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: #b08a45; transform: scaleX(0); transform-origin: 0 50%; transition: transform .35s ease; }
.pt-tabs a.on, .pt-tabs a:hover, .pt-tabs a:focus-visible { color: #1b1713; outline: none; }
.pt-tabs a.on::after { transform: none; }
.pt-razdel { padding: 22px 0 6px; }
.pt-razdel + .pt-razdel { border-top: 1px solid rgba(27, 23, 19, .16); }
.pt-num { margin: 0; font: 600 .7rem/1 var(--sans); letter-spacing: .2em; color: #6e5128; }
.pt-razdel h3 { margin: 8px 0 12px; font-family: var(--serif); font-weight: 500; font-size: clamp(1.7rem, 2.3vw, 2.2rem); line-height: 1.05; color: #1b1713; }
.pt-razdel h4 { margin: 18px 0 6px; font-family: var(--serif); font-weight: 600; font-size: 1.28rem; line-height: 1.15; color: #1b1713; }
.pt-razdel p { margin: 0 0 10px; font-size: .95rem; line-height: 1.6; color: #2a231b; max-width: 58ch; }
.pt-razdel .pt-pod { font-size: .72rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #5a4120; line-height: 1.5; }
.pt-kompl-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pt-kompl-list li {
  padding: 8px 14px; border: 1px solid rgba(27, 23, 19, .3); border-radius: 999px;
  font: 600 .68rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: #2a231b;
}

/* узкий экран / телефон: медиа — полоса сверху (где был план), текст ниже своей прокруткой */
@media (max-width: 900px), (max-aspect-ratio: 3/4) {
  .st-media { left: 5vw; width: 90vw; top: max(64px, 9vh); height: calc(36vh - max(64px, 9vh) - 10px); }
  .pm-v { width: 100%; height: 100%; max-height: none; aspect-ratio: auto; }
  .pm-f { display: none; }
  .pm-cap { left: 10px; top: auto; bottom: 8px; max-width: 90%; color: #f3efe8; text-shadow: 0 1px 8px rgba(0, 0, 0, .6); font-size: .62rem; }
  .pm-kompl { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 1fr; gap: 8px; }
  .pm-kompl figure:first-child { grid-row: auto; }
  .pm-kompl figcaption { padding: 18px 8px 8px; font-size: .58rem; letter-spacing: .16em; }
  .st-partnery { width: auto; }
  .pt-tabs { gap: 2px 14px; }
  .pt-tabs a { min-height: 44px; font-size: .66rem; letter-spacing: .14em; }
  .pt-razdel h3 { font-size: 1.75rem; }
  .pt-razdel p { font-size: .95rem; }
}
@supports (height: 1dvh) {
  @media (max-width: 900px), (max-aspect-ratio: 3/4) {
    .st-media { top: max(64px, 9dvh); height: calc(36dvh - max(64px, 9dvh) - 10px); }
  }
}

/* 02.11 «О нас» — текст Елены: подзаголовки, список отличий, финальная фраза (цвета — как у листа, mob.css) */
.onas-h { margin: 26px 0 0; font-family: var(--serif); font-weight: 500; font-size: 1.5rem; line-height: 1.1; color: var(--paper); }
.onas .onas-h + .onas-lead { margin-top: 10px; }
.onas .onas-lead + .onas-lead { margin-top: 10px; }
.onas .onas-trust { margin-top: 12px; gap: 12px; }
.onas .onas-trust li { border-top: 1px solid var(--line); padding-top: 10px; }
.onas-final {
  margin: 24px 0 0; padding-left: 14px; border-left: 1px solid rgba(176, 141, 87, .55);
  font-family: var(--serif); font-style: italic; font-size: 1.2rem; line-height: 1.4; color: var(--paper);
}
.onas .persona { align-items: center; }