/* Второстепенные страницы в новом дизайне (spec 006). Значения — из паспорта specs/006-new-design-rollout/design-system.md:
   крем/графит/оранжевый главной, стекло и кнопка-ячейка мастер-группы, тайминги --md-* из style.css.
   Подключается после style.css, mobile.css, footer.css, home-blocks.css (оттуда --nb-graphite и --nb-noise).
   Две темы только через prefers-color-scheme (как шапка и мастер-группа), ручного переключателя нет. */

/* ---------- токены: роль → значение ---------- */
.nd{--nd-bg:#faf7f2;--nd-ink:#111;--nd-mute:#5e5750;--nd-or:#fe6c1f;--nd-acc:#9e3a0a;
  --nd-glass:rgba(250,247,242,.72);--nd-edge:rgba(255,255,255,.75);--nd-line:rgba(17,17,17,.9);
  --nd-btn-bg:#111;--nd-btn-fg:#faf7f2;--nd-cell:#faf7f2;--nd-cell-fg:#111;--nd-sec:#111;
  --nd-glow:radial-gradient(120% 90% at 78% 12%,#ff9a57 0%,#fe6c1f 42%,#c4490a 100%);
  --nd-bg-2:#f2ece3;--nd-surface:#fffdf9;--nd-soft:rgba(17,17,17,.12);--nd-shadow:0 22px 44px -26px rgba(120,52,12,.32);
  --nd-pad:clamp(16px,4.4vw,64px);background:var(--nd-bg)}
@media (prefers-color-scheme:dark){
  .nd{--nd-bg:var(--nb-graphite,#26282d);--nd-ink:#faf7f2;--nd-mute:#cfc8be;--nd-acc:#ff8a4c;
    --nd-glass:rgba(35,37,41,.72);--nd-edge:rgba(250,247,242,.2);--nd-line:rgba(250,247,242,.85);
    --nd-btn-bg:#fe6c1f;--nd-btn-fg:#111;--nd-cell:#111;--nd-cell-fg:#faf7f2;--nd-sec:#faf7f2;
    --nd-bg-2:#1e2024;--nd-surface:#2c2e33;--nd-soft:rgba(250,247,242,.12);--nd-shadow:0 22px 44px -26px rgba(0,0,0,.6)}
}
@media (prefers-reduced-transparency:reduce){.nd{--nd-glass:var(--nd-bg)}}

/* полоса страницы: крем в светлой, графит с зерном (как .nb-band--graphite главной) в тёмной */
.nd .page-band.nd-band{background:var(--nd-bg);color:var(--nd-ink)}
@media (prefers-color-scheme:dark){
  .nd .page-band.nd-band{background-color:var(--nd-bg);background-image:var(--nb-noise,none),linear-gradient(180deg,#2b2d32,#232529)}
}

/* ---------- общие элементы ---------- */
.nd-kick{margin:0 0 16px;font:600 13px/1.25 'Golos Text',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nd-mute)}
.nd-kick i{font-style:normal;color:var(--nd-or)}
.nd-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 clamp(10px,1.8vw,24px);font:500 15px/1.3 'Golos Text',sans-serif;color:var(--nd-ink);
  text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--nd-ink) 35%,transparent);text-underline-offset:3px}
.nd-back:hover{text-decoration-color:var(--nd-or)}
.nd-h1{margin:0;font:900 clamp(52px,6.6vw,96px)/.9 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;
  letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;color:var(--nd-ink)}
.nd-lead{max-width:30em;margin:clamp(16px,1.8vw,26px) 0 0;font:500 clamp(17px,1.35vw,21px)/1.45 'Golos Text',sans-serif;text-wrap:pretty}
.nd-lead b{font-weight:800}

/* основная кнопка: плашка с ячейкой-стрелкой (как .mg-pay мастер-группы) + сдвиг-«плита» --md-* на hover */
.nd-pay{--plate:var(--nd-or);display:inline-flex;align-items:stretch;min-height:58px;border-radius:4px;background:var(--nd-btn-bg);color:var(--nd-btn-fg);
  text-decoration:none;font:600 18px/1.2 'Golos Text',sans-serif}
.nd-pay-c{flex:none;display:grid;place-items:center;width:46px;margin:6px;border-radius:3px;background:var(--nd-cell);color:var(--nd-cell-fg)}
.nd-pay-c svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.nd-pay-t{display:flex;align-items:center;padding:0 22px 0 12px;white-space:nowrap}
.nd-pay:focus-visible,.nd-tix a:focus-visible,.nd-back:focus-visible{outline:2px solid var(--nd-ink);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.nd-pay-c svg{transition:translate .2s var(--md-ease)}
  .nd-pay:is(:hover,:focus-visible) .nd-pay-c svg{translate:0 3px}}

/* ---------- /networking/: первый экран — фото во весь экран, заголовок на фото, полоса стеклянных билетов ---------- */
/* Фото: portrait-phone-call с дорисованным фоном до 32:9 (nw-wide-*.webp); человек в исходном кадре на 60% ширины файла.
   object-position 50% держит человека правее центра на всех ширинах 1.3…3.6:1 (расчёт в specs/006/design-system.md). */
.nd .page-band>.nwx{max-width:none}
.nwx{--tix-h:124px;--ov:24px;--h1fs:clamp(60px,6.8vw,120px);position:relative;isolation:isolate;min-height:max(620px,calc(100svh - 64px));display:grid;
  grid-template-rows:1fr auto;box-sizing:border-box;font-family:'Golos Text',sans-serif;color:#faf7f2}
.nwx *{box-sizing:border-box}
.nwx-ph{position:absolute;display:block;inset:0;z-index:-1;overflow:hidden;background:#0b1428}
/* object-position подобран расчётом (spec 006, design-system.md §6): человек правее текстовой колонки, целиком в кадре */
.nwx-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:46% 30%}
@media (min-aspect-ratio:16/9){.nwx-ph img{object-position:40% 30%}}
@media (min-aspect-ratio:2/1){.nwx-ph img{object-position:40% 30%}}
@media (min-aspect-ratio:3/1){.nwx-ph img{object-position:30% 75%}}
/* затемнение слева под текст + низ фото уходит в фон страницы (крем / графит), чтобы билеты стояли на «полу» */
.nwx-ph::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,12,26,.62) 0%,rgba(8,12,26,.38) 32%,rgba(8,12,26,0) 58%),
    linear-gradient(180deg,rgba(8,12,26,.35) 0%,rgba(8,12,26,0) 22%)}
.nwx-in{grid-row:1;width:100%;max-width:var(--page-max,1320px);margin-inline:auto;padding:clamp(12px,2vw,28px) var(--nd-pad) clamp(24px,3vw,44px);
  display:flex;flex-direction:column;justify-content:center}
.nwx-in>*{align-self:flex-start}
.nwx .nd-lead b{white-space:nowrap}
.nwx .nd-back{color:#faf7f2;text-decoration-color:rgba(250,247,242,.45);align-self:flex-start}
.nwx .nd-kick{color:rgba(250,247,242,.82)}
.nwx .nd-h1{color:#faf7f2;font-size:var(--h1fs);line-height:.86;max-width:6.4em;text-wrap:initial}
.nwx .nd-lead{color:rgba(250,247,242,.92);max-width:25em}
.nwx .nd-lead b{color:#fff}
.nwx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(22px,2.6vw,36px)}
.nwx-note{margin:0;font:500 14px/1.35 'Golos Text',sans-serif;color:rgba(250,247,242,.8)}
/* кнопка на фото: оранжевая в обеих темах (на тёмном фото чёрная плашка теряется) */
.nwx .nd-pay{--plate:#faf7f2;background:#fe6c1f;color:#111}
.nwx .nd-pay-c{background:#111;color:#faf7f2}
.nwx .nd-pay:focus-visible{outline-color:#faf7f2}
/* билеты: стеклянная полоса на фото под текстовой колонкой (60% контейнера) — не заходит на человека:
   при object-position 32%/22% человек на всех ширинах ≥1024 начинается правее 62% контейнера (замер zones.json) */
.nwx-tixband{grid-row:2;width:100%;max-width:var(--page-max,1320px);margin-inline:auto;padding:0 var(--nd-pad) clamp(28px,3.4vw,48px)}
.nwx .nd-tix{width:calc(var(--h1fs) * 6.4);grid-column:auto;grid-row:auto;gap:10px;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:auto auto}  /* ширина = ширине «ЗНАКОМСТВА» */
/* в первом экране билет вертикальный: число и месяц сверху, корешок с днём недели и временем снизу; перфорация общая (subgrid) */
.nwx .nd-tix li{display:grid;grid-row:span 2;grid-template-rows:subgrid}
.nwx .nd-tix a{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:subgrid;min-height:0}
.nwx .nd-t-main{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 10px;border-right:0;border-bottom:1.5px dashed color-mix(in srgb,var(--nd-ink) 40%,transparent)}
.nwx .nd-tix .is-next .nd-t-main{border-bottom-color:rgba(17,17,17,.5)}
.nwx .nd-t-day{font-size:calc(var(--h1fs) * .56)}
.nwx .nd-t-mon{font-size:15px;gap:8px}
.nwx .nd-t-stub{padding:10px 14px 12px;font-size:13.5px;gap:2px}
.nwx .nd-t-stub b{white-space:nowrap}
/* светлая тема: стекло плотнее — на тёмном фото полупрозрачный крем выглядит серым */
.nwx{--nd-glass:rgba(250,247,242,.88)}
@media (prefers-color-scheme:dark){.nwx{--nd-glass:rgba(35,37,41,.72)}}
@media (prefers-reduced-transparency:reduce){.nwx{--nd-glass:var(--nd-bg)}}

@media (prefers-reduced-motion:no-preference){
  .nwx-in>*{animation:nd-rise .6s var(--md-ease) both}
  .nwx-in>:nth-child(2){animation-delay:.06s}.nwx-in>:nth-child(3){animation-delay:.12s}
  .nwx-in>:nth-child(4){animation-delay:.18s}.nwx-in>:nth-child(5){animation-delay:.24s}
  .nwx-ph img{animation:nwx-in 1.2s var(--md-ease) both}
}
@keyframes nwx-in{from{opacity:.001;scale:1.04}to{opacity:1;scale:1}}

/* билеты (общий компонент) */
.nd-tix{--cut:60%;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.nd-tix li{display:flex}
.nd-tix a{flex:1;position:relative;display:grid;grid-template-columns:var(--cut) 1fr;min-height:124px;border:1px solid var(--nd-edge);border-radius:4px;
  background:var(--nd-glass);color:var(--nd-ink);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 40px rgba(8,12,26,.18)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .nd-tix a{-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}}
.nd-t-main{display:flex;align-items:flex-end;gap:12px;padding:18px 14px 16px 20px;border-right:1.5px dashed color-mix(in srgb,var(--nd-ink) 40%,transparent)}
.nd-t-day{font:900 clamp(56px,5vw,76px)/.8 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;font-variant-numeric:tabular-nums}
.nd-t-mon{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:2px;font:700 17px/1.1 'Golos Text',sans-serif}
.nd-t-stub{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 12px 14px 16px;font:500 14px/1.3 'Golos Text',sans-serif}
.nd-t-stub b{font-weight:700;font-variant-numeric:tabular-nums}
.nd-t-tag{padding:3px 7px;border-radius:3px;background:var(--nd-ink);color:var(--nd-bg);
  font:700 11px/1.2 'Golos Text',sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.nd-tix .is-next a{background:#fe6c1f;border-color:#fe6c1f;color:#111}
.nd-tix .is-next .nd-t-main{border-right-color:rgba(17,17,17,.5)}
.nd-tix .is-next .nd-t-tag{background:#111;color:#faf7f2}
@media (prefers-reduced-motion:no-preference){
  .nd-tix a{transition:translate var(--md-t-state) var(--md-ease),border-color .2s}
  .nd-tix a:is(:hover,:focus-visible){translate:0 -4px;border-color:var(--nd-or)}
  .nd-tix .is-next a:is(:hover,:focus-visible){border-color:#111}
  .nd-tix a:active{translate:0 -1px;transition-duration:var(--md-t-tap)}
  .nd-tix li{animation:nd-rise .55s var(--md-ease) both;animation-delay:calc(.3s + var(--i,0) * 80ms)}
}
@keyframes nd-rise{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}

/* ≤700: фото-портрет сверху (без пояса и руки в кармане), низ фото уходит в фон, заголовок на этом переходе,
   дальше билеты и кнопка. Цвет текста — по теме, потому что под ним уже фон страницы, а не фото. */
@media (max-width:1100px),(max-aspect-ratio:5/4){
  .nwx .nd-tix{width:100%}
  .nwx .nd-tix a{min-height:0}
  .nwx{display:block;min-height:0;color:var(--nd-ink)}
  .nwx-ph{position:relative;inset:auto;height:min(118vw,66svh);z-index:0}
  .nwx-ph img{object-position:50% 16%}
  .nwx-ph::after{background:linear-gradient(180deg,rgba(8,12,26,.3) 0%,rgba(8,12,26,0) 20%),
    linear-gradient(0deg,var(--nd-bg) 0,var(--nd-bg) 18%,color-mix(in srgb,var(--nd-bg) 0%,transparent) 58%)}
  .nwx-in{position:relative;z-index:1;margin-top:-132px;padding:0 var(--nd-pad) 0}
  .nwx .nd-back{position:absolute;top:calc(-1 * min(118vw,66svh) + 132px + 8px);left:var(--nd-pad);color:#faf7f2}
  .nwx .nd-kick{color:var(--nd-mute)}
  .nwx .nd-h1{color:var(--nd-ink);font-size:clamp(46px,14.6vw,64px)}
  .nwx .nd-lead{color:var(--nd-ink);font-size:16px;margin-top:12px}
  .nwx .nd-lead b{color:inherit}
  .nwx-note{color:var(--nd-mute)}
  .nwx .nd-pay{width:100%;min-height:54px;font-size:16px}.nwx .nd-pay-t{flex:1;justify-content:center;padding-right:52px}
  .nwx .nd-pay:focus-visible{outline-color:var(--nd-ink)}
  .nwx-tixband{padding:20px var(--nd-pad) 28px}
  .nd-kick{font-size:11px;letter-spacing:.1em;margin-bottom:10px}
  .nd-tix{--cut:64%;gap:8px;grid-template-columns:1.2fr 1fr 1fr}
  /* перфорация на одной высоте у всех трёх билетов: строки корешка общие (subgrid) */
  .nd-tix{grid-template-rows:auto auto}
  .nd-tix li{display:grid;grid-row:span 2;grid-template-rows:subgrid}
  .nd-tix a{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:subgrid;min-height:0}
  .nwx .nd-t-main,.nd-t-main{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 10px 8px 12px;border-right:0;border-bottom:1.5px dashed color-mix(in srgb,var(--nd-ink) 40%,transparent)}
  .nd-tix .is-next .nd-t-main{border-bottom-color:rgba(17,17,17,.5)}
  .nwx .nd-t-day,.nd-t-day{font-size:44px}.nd-t-mon{font-size:14px;gap:6px}
  .nwx .nd-t-stub,.nd-t-stub{padding:8px 10px 10px 12px;font-size:12.5px;gap:2px}
  .nd-t-tag{font-size:9.5px;padding:2px 5px;letter-spacing:.04em}
}
/* планшеты (701–1100 или портрет): фото-портрет не шире 560px по центру — иначе кадр режется по высоте и заголовок ложится на лицо */
@media (min-width:701px) and (max-width:1100px),(min-width:701px) and (max-aspect-ratio:5/4){
  .nwx-ph{width:min(100%,560px);margin-inline:auto;height:min(66svh,640px)}
  .nwx .nd-back{top:calc(-1 * min(66svh,640px) + 140px)}
}
/* широкие мониторы: текстовая колонка шире сетки шапки, чтобы текст и человек стояли группой по центру экрана */
@media (min-aspect-ratio:2/1) and (min-width:1101px){.nwx-in,.nwx-tixband{max-width:1600px}}
@media (min-aspect-ratio:3/1) and (min-width:1101px){.nwx-in,.nwx-tixband{max-width:1700px}}
@media (max-width:380px){.nwx .nd-t-stub b{white-space:normal}.nwx .nd-tix{gap:6px}}

/* ---------- посадочные (волна 2): первый экран — фото во весь экран, у каждой страницы своя композиция ----------
   Фото — исходник страницы с дорисованным фоном (SDXL inpaint + Real-ESRGAN на NVR, пиксели человека из исходника 1:1),
   мастер ≈4:1. Кадр ставится по лицу, а не object-position: ширина картинки = высота экрана × --ar, левый край считается так,
   чтобы лицо (доля --fx ширины мастера) встало в точку --fx-at; clamp не даёт картинке отойти от краёв экрана. */
.nd .page-band>.lpx{max-width:none}
.lpx{--hh:max(640px,calc(100svh - 64px));--lp-ink:var(--nd-ink);--lp-mute:var(--nd-mute);position:relative;isolation:isolate;height:var(--hh);
  overflow:hidden;box-sizing:border-box;font-family:'Golos Text',sans-serif;color:var(--lp-ink)}
.lpx *{box-sizing:border-box}
.lpx-ph{position:absolute;inset:0;z-index:-1;display:block;overflow:hidden;background:var(--nd-bg)}
/* --iw: ширина картинки; на экранах шире мастера картинка растягивается по ширине и режется снизу, без полос по бокам */
/* --iw/--il считаются на секции (не на картинке), чтобы элементы могли встать в точку кадра (у развития — кнопка у ладони) */
.lpx{--iw:max(calc(var(--hh) * var(--sc,1) * var(--ar)),100vw);--il:clamp(calc(100vw - var(--iw)),calc(var(--fx-at) - var(--iw) * var(--fx)),0px)}
.lpx-ph img{position:absolute;bottom:0;width:var(--iw);height:auto;min-height:calc(100% * var(--sc,1));max-width:none;left:var(--il)}
.lpx-ph::after{content:"";position:absolute;inset:0;pointer-events:none}
.lpx-in{position:relative;height:100%;width:100%;max-width:var(--page-max,1320px);margin-inline:auto;padding:clamp(12px,1.6vw,28px) var(--nd-pad) clamp(28px,3.4vw,52px)}
.lpx .nd-back{color:var(--lp-ink)}
.lpx .nd-kick{color:var(--lp-mute)}
.lpx .nd-h1{color:var(--lp-ink);text-wrap:initial}
.lpx .nd-lead{color:var(--lp-ink)}
@media (min-aspect-ratio:2/1) and (min-width:1101px){.lpx-in{max-width:1600px}}
@media (prefers-reduced-motion:no-preference){
  .lpx-ph img{animation:nwx-in 1.2s var(--md-ease) both}
  .lpx [data-rise]{animation:nd-rise .6s var(--md-ease) both;animation-delay:calc(var(--d,0) * 70ms)}
}

/* ===== распаковка: «игра на солнце» — тёплый светлый кадр, человек слева, справа колонка: заголовок → доска игры с ценами → кнопка ===== */
.rpx{--fx-at:calc(50vw - min(26vw,520px))}
.rpx--a{--ar:4.0605;--fx:.4348}   /* rp-wide-a: 8316×2048, центр лица x=3616 */
/* подложка под текст — мягкое пятно только за колонкой (крем / графит), гаснет к краям: вокруг колонки и под ней
   читается фото (камень, стена); плотность подобрана по контрасту текста, не на глаз (замер в отчёте) */
.rpx-col{position:relative}
.rpx-col::before{content:"";position:absolute;z-index:-1;inset:-14% -22% -14% -18%;pointer-events:none;
  background:radial-gradient(closest-side,var(--rp-veil) 0,var(--rp-veil) 62%,color-mix(in srgb,var(--rp-veil) 0%,transparent) 100%)}
.rpx{--rp-veil:rgba(250,247,242,.8)}
/* тёмная: пятно графита на светлом камне читается как клякса — вместо него весь кадр приглушён, справа под колонкой ровное затемнение */
@media (prefers-color-scheme:dark){.rpx{--rp-veil:transparent}
  .rpx .lpx-ph::after{background:linear-gradient(270deg,rgba(28,29,33,.82) 0%,rgba(28,29,33,.7) 30%,rgba(28,29,33,.3) 50%,rgba(28,29,33,0) 62%),rgba(20,21,24,.38)}}
.rpx .lpx-in{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;isolation:isolate}
.rpx-col{width:min(600px,46%);display:flex;flex-direction:column;align-items:flex-start}
.rpx .nd-h1{font-size:clamp(64px,6.6vw,132px);line-height:.86}
.rpx .nd-lead{font-size:clamp(16px,1.2vw,19px);max-width:31em;margin-top:clamp(14px,1.4vw,22px)}
/* доска игры: стекло мастер-группы; клетки цен разделены перфорацией, как корешок билета нетворкинга */
.rpx-game{width:100%;margin-top:clamp(20px,2.2vw,32px);display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden;
  background:var(--nd-glass);border:1px solid var(--nd-edge);color:var(--nd-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 20px 60px rgba(0,0,0,.14)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.rpx-game{-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}}
.rpx{--nd-glass:rgba(255,253,249,.78)}
@media (prefers-color-scheme:dark){.rpx{--nd-glass:rgba(35,37,41,.78)}.rpx-game{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.35)}}
@media (prefers-reduced-transparency:reduce){.rpx{--nd-glass:var(--nd-surface)}}
.rpx-game-head{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1.5px dashed color-mix(in srgb,currentColor 32%,transparent)}
.rpx-game-head img{width:56px;height:56px;flex:none;margin:-6px 0}
.rpx-game-head b{display:block;font:900 clamp(22px,1.7vw,28px)/1 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase}
.rpx-game-head span{display:block;margin-top:4px;font:500 14px/1.3 'Golos Text',sans-serif;color:var(--nd-mute)}
.rpx-price{margin:0;padding:14px 20px 16px}
.rpx-price+.rpx-price{border-left:1.5px dashed color-mix(in srgb,currentColor 32%,transparent)}
.rpx-price small{display:block;margin:0 0 6px;font:600 13px/1.25 'Golos Text',sans-serif;color:var(--nd-mute)}
.rpx-price b{display:block;font:900 clamp(40px,3.3vw,56px)/1 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;white-space:nowrap;font-variant-numeric:tabular-nums}
.rpx .nd-pay{margin-top:clamp(18px,2vw,28px)}

/* ===== развитие: «запись в студии» — светлый кадр N15 (21:9): Валентина слева с телефоном у стола с MacBook, камера на штативе
   на переднем плане; справа стена с окном и диваном — там колонка текста. Светлая тема: тёмный текст, правее камеры кадр уходит в крем;
   тёмная: светлый текст, кадр правее камеры уходит в графит. Лицо, телефон, ноутбук и камера не перекрыты ни вуалью, ни текстом ===== */
.rvx{--ar:2.3571;--fx:.211;--fx-at:clamp(16px,2.2vw,44px)}   /* rv-n15-wide: 3168×1344; .211 — левый край руки с телефоном, встаёт у левого поля */
/* на «узких» десктопах (≈4:3) первый экран ниже окна: кадр 21:9 во всю высоту оставил бы тексту полосу ~300px между камерой и краем */
.rvx{--hh:max(640px,min(100svh - 64px,100vw * .58))}
/* зона текста: левый край — правее камеры (её правый край .607 кадра) и вуали; правый — поле контейнера шапки, на узких — край экрана */
.rvx{--rvx-w:min(100vw,var(--page-max,1320px));--rvx-x:calc(var(--il) + var(--iw) * .645);--rvx-r:calc(50vw + var(--rvx-w) / 2 - var(--nd-pad))}
@media (min-aspect-ratio:2/1) and (min-width:1101px){.rvx{--rvx-w:min(100vw,1600px)}}
/* экран шире 21:9: кадр растянут по ширине — режем больше снизу (стол, штатив), сверху не больше 10% высоты кадра: голова целиком */
.rvx .lpx-ph img{bottom:auto;top:calc(-1 * min(max(var(--iw) / var(--ar) - var(--hh), 0px), var(--iw) / var(--ar) * .1))}
/* вуаль под колонкой: один градиент на обе темы, привязан к кадру — от нуля у правого края камеры (.605) до плотной у начала текста (.65);
   гасит растение, стойку света и переплёт окна за текстом. Светлая — крем страницы, тёмная — графит */
.rvx{--rvx-veil:#faf7f2}
@media (prefers-color-scheme:dark){.rvx{--rvx-veil:#18191c}}
.rvx .lpx-ph{background:var(--rvx-veil)}
.rvx .lpx-ph::after{background:linear-gradient(90deg,color-mix(in srgb,var(--rvx-veil) 0%,transparent) calc(var(--il) + var(--iw) * .605),
  color-mix(in srgb,var(--rvx-veil) 80%,transparent) calc(var(--il) + var(--iw) * .65),color-mix(in srgb,var(--rvx-veil) 86%,transparent) 100%)}
.rvx .lpx-in{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:var(--rvx-w)}
.rvx{--rvx-cw:min(100vw - var(--nd-pad) - var(--rvx-x),clamp(440px,var(--rvx-r) - var(--rvx-x),620px))}
.rvx-col{width:var(--rvx-cw);margin-left:calc(var(--rvx-x) - (50vw - var(--rvx-w) / 2 + var(--nd-pad)));display:flex;flex-direction:column;align-items:flex-start}
/* крошки — по правому краю колонки (на 32:9 колонка выходит за контейнер, крошки уходят с ней на вуаль, а не на камеру) */
.rvx .nd-back{position:absolute;top:clamp(12px,1.6vw,28px);right:min(var(--nd-pad),50vw + var(--rvx-w) / 2 - var(--rvx-x) - var(--rvx-cw));margin:0}
.rvx .nd-h1{font-size:clamp(60px,min(5.6vw,9.6vh),132px);line-height:.86}
.rvx .nd-lead{font-size:clamp(16px,1.15vw,19px);max-width:34em;margin-top:clamp(12px,1.2vw,20px)}
.rvx-lab{margin:clamp(16px,1.8vw,26px) 0 0;font:600 13px/1.25 'Golos Text',sans-serif;color:var(--lp-mute)}
.rvx-from{margin:0}
.rvx-from b{display:block;font:900 clamp(44px,min(3.2vw,6vh),68px)/.9 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;color:var(--lp-ink);white-space:nowrap}
/* цена и кнопка одной строкой, на узкой колонке кнопка уходит под цену */
.rvx-buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:8px}
.rvx-buy .rvx-from{margin:0}
.rvx .nd-pay{--plate:var(--lp-ink);background:#fe6c1f;color:#111}
.rvx .nd-pay-c{background:#111;color:#faf7f2}
.rvx .nd-pay:focus-visible{outline-color:var(--lp-ink)}

/* ---------- ≤1100 и портрет: фото-портрет сверху (исходник страницы), текст ниже на фоне страницы ---------- */
@media (max-width:1100px),(max-aspect-ratio:5/4){
  .lpx{height:auto;overflow:visible}
  .lpx-ph{position:relative;inset:auto;height:min(112vw,62svh);width:min(100%,560px);margin-inline:auto;z-index:0;background:none}
  .lpx-ph img{position:static;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
  .lpx-ph::after{background:linear-gradient(180deg,rgba(20,14,10,.55) 0%,rgba(20,14,10,.3) 12%,rgba(20,14,10,0) 26%),
    linear-gradient(0deg,var(--nd-bg) 0,var(--nd-bg) 12%,color-mix(in srgb,var(--nd-bg) 0%,transparent) 48%)!important}
  .lpx-in{height:auto;margin-top:-104px;padding:0 var(--nd-pad) 36px;display:block}
  .lpx .nd-back,.rpx .nd-back{position:absolute;top:calc(-1 * min(112vw,62svh) + 112px);left:var(--nd-pad);right:auto;color:#faf7f2;text-decoration-color:rgba(250,247,242,.5);text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.35)}
  .rvx{--lp-ink:var(--nd-ink);--lp-mute:var(--nd-mute)}
  .rvx-col{width:100%;margin-left:0}
  /* без верхнего затемнения: у крошек своя тёмная пилюля, а волосы и лоб в кадре N15 близко к верху */
  .rvx .lpx-ph::after{content:"";background:linear-gradient(0deg,var(--nd-bg) 0,var(--nd-bg) 16%,color-mix(in srgb,var(--nd-bg) 0%,transparent) 44%)!important}
  .rvx .nd-pay{background:var(--nd-btn-bg);color:var(--nd-btn-fg)}.rvx .nd-pay-c{background:var(--nd-cell);color:var(--nd-cell-fg)}
  .rvx-buy{flex-direction:column;align-items:stretch;gap:18px;align-self:stretch}
  .rvx .lpx-in{padding-bottom:36px}
  .rvx .nd-back{left:auto;right:var(--nd-pad);top:calc(-1 * min(112vw,62svh) + 112px);max-width:calc(100vw - 2 * var(--nd-pad))}   /* крошки справа, над софтбоксом: лицо по центру ниже пилюли */
  .rvx{--iw:auto;--il:auto}
  .rpx-col{width:100%;position:static}.rpx-col::before{display:none}
  .rpx .nd-h1,.rvx .nd-h1{font-size:clamp(44px,12.6vw,64px)}
  .lpx .nd-lead{font-size:16px}
  .rpx-game-head{padding:12px 14px}.rpx-price{padding:12px 14px 14px}.rpx-price b{font-size:36px}
  .lpx .nd-pay{width:100%;min-height:54px;font-size:16px}.lpx .nd-pay-t{flex:1;justify-content:center;padding-right:52px}
  .rpx--a .lpx-ph img{object-position:60% 18%}
  .rvx .lpx-ph img{object-position:50% 0%}   /* rv-n15-m 2:3: лицо по центру, верх кадра целиком — волосы ниже крошек и на 320 */
}

/* ===================== посадочные целиком (волна 2): блоки ниже первого экрана =====================
   Каркас полос и общие блоки — из /networking/nw-nd.css (.nw2, .nw-head, .nw2-format, .nw-big, .nw-facts, .nw-plans, .nw-cta-panel, .nw-btn):
   файл подключается и на посадочных, один источник. Здесь — только то, чего у нетворкинга нет. body: home nd nw-page lpd. */

/* хлебные крошки на месте «← На главную» первого экрана */
.lpx .lp-crumbs{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 15px/1.3 'Golos Text',sans-serif;color:var(--lp-ink);text-decoration:none}
.lpx .lp-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}
.lpx .lp-crumbs a:hover{text-decoration-color:var(--nd-or)}
.lpx .lp-crumbs [aria-current]{opacity:.78}
.lpx .lp-crumbs a:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* заголовки секций, как у нетворкинга, — на всех h2 в .nw-head (у нетворкинга правило висит на .nw-head h2 — работает и здесь) */
.lpd .nw-head>p{margin:0;flex-basis:100%;font:500 16px/1.4 'Golos Text',sans-serif;color:var(--nd-mute)}

/* «что это»: слева 20+ (как «15–20» нетворкинга), справа лид и текст */
.lpd-author{display:grid;gap:22px;align-content:start}
.lpd-author .nw-big span{display:grid;gap:6px;font:500 clamp(16px,1.25vw,19px)/1.4 'Golos Text',sans-serif}
.lpd-author .nw-big .lpd-author-cap{font:600 13px/1.25 'Golos Text',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nd-mute)}
.lpd-author-ph{margin:0;width:min(100%,300px);aspect-ratio:3/4;border-radius:8px;overflow:hidden;box-shadow:var(--nd-shadow);order:2}
.lpd-author-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
/* --close: портрет от макушки до середины груди (владелец 23.10.2026: оверсайз-пиджак читался огромными плечами, «ещё кропай»).
   Кадр в исходнике 600×800: видно y 22–555, x 100–500; волосы (верх y 47) и серьги (x 200–405) целиком, вырез и плечи пиджака срезаны.
   sizes у img пересчитан под 300×1,5 = 450 px, чтобы на DPR 2 брался 910w без растяжения. */
.lpd-author-ph--close img{scale:1.5;transform-origin:50% 8.25%}
.lpd-lead{margin:0 0 clamp(18px,2vw,28px);max-width:30em;font:700 clamp(21px,1.9vw,30px)/1.3 'Golos Text',sans-serif;text-wrap:balance}
.lpd-what .nw-format-text{margin-bottom:clamp(20px,2.2vw,30px)}
.lpd .lpd-list{margin:0 0 clamp(20px,2.2vw,30px);font-size:clamp(17px,1.35vw,20px)}   /* nw-nd.css грузится позже — специфичность выше */
.lpd .lpd-list li{padding-left:22px}
.lpd-punch{margin:0;padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,30px);border-left:4px solid var(--nd-or);border-radius:0 8px 8px 0;background:var(--nd-surface);
  font:900 clamp(26px,2.4vw,38px)/1.05 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase;text-wrap:balance;box-shadow:var(--nd-shadow)}

/* «для кого / как проходит»: две колонки; шаги — крупные номера Poster; доска игры — тот же компонент, что в первом экране */
.lpd-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,96px);align-items:start}
.lpd-steps{margin:0;padding:0;list-style:none;display:grid;gap:18px}
.lpd-steps li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding-bottom:18px;border-bottom:1.5px dashed var(--nd-soft)}
.lpd-steps b{font:900 clamp(44px,3.6vw,60px)/.8 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;color:var(--nd-or);font-variant-numeric:tabular-nums}
.lpd-steps p{margin:0;font:500 clamp(17px,1.3vw,19px)/1.45 'Golos Text',sans-serif;text-wrap:pretty}
.lpd-board{margin-top:clamp(22px,2.4vw,32px);--nd-glass:var(--nd-surface);background:var(--nd-surface);border-color:var(--nd-soft);box-shadow:var(--nd-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
.lpd-board .rpx-game-head{margin:0;font:inherit}
.lpd-board .rpx-game-head b{font-size:clamp(20px,1.6vw,26px)}

/* «начните сами»: графитовая полоса главной (в обеих темах), вопросы — крупные оранжевые номера */
.nd .page-band.nd-band--graphite{background-color:var(--nb-graphite,#26282d);background-image:var(--nb-noise,none),linear-gradient(180deg,#2b2d32,#232529);color:#faf7f2;
  --nd-ink:#faf7f2;--nd-mute:#cfc8be;--nd-soft:rgba(250,247,242,.16);--nd-surface:#2c2e33}
.lpd-self{color:#faf7f2}
.lpd-qs{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.lpd-qs--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lpd-qs li{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,32px);border-radius:8px;background:rgba(250,247,242,.05);border:1px solid rgba(250,247,242,.14)}
.lpd-qs b{font:900 clamp(56px,4.6vw,80px)/.8 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;color:#fe6c1f}
.lpd-qs p{margin:0;font:500 clamp(17px,1.35vw,20px)/1.45 'Golos Text',sans-serif;text-wrap:pretty}
.lpd-note{margin:clamp(24px,2.6vw,36px) 0 0;max-width:46em;font:500 clamp(16px,1.2vw,18px)/1.5 'Golos Text',sans-serif;color:#dcd9d3}
.lpd-note a,.lpd-link a,.lpd-more a{color:inherit;text-decoration:underline;text-decoration-color:var(--nd-or);text-underline-offset:4px;text-decoration-thickness:1.5px}
.lpd-note a:hover,.lpd-link a:hover,.lpd-more a:hover{color:var(--nd-or)}

/* форматы (развитие): карточки тарифов нетворкинга; ссылка на мастер-группу и «на главной» */
.lpd-link{margin:clamp(18px,2vw,26px) 0 0;font:500 16px/1.45 'Golos Text',sans-serif}
.nw-plan .lpd-link{margin:4px 0 12px;font-weight:600}
.nw-plan .lpd-link a{display:inline-flex;align-items:center;min-height:44px}

/* отзывы: скрины переписок на бумажных карточках (как .rv-card), стикер-пометка — та же SVG-маска */
.lpd-rev .rev-lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start;columns:auto}
.lpd-rev .rev-lead--stack{grid-template-columns:repeat(3,minmax(0,1fr))}
.lpd .lpd-rev .rev-lead>*{grid-area:auto;align-self:start;margin:0}   /* выше специфичностью, чем .rev-lead>:nth-child() в @scope(.home) style.css */
.lpd-rev .rev-card{display:block;margin:0;padding:clamp(12px,1.2vw,18px);border-radius:10px;background:var(--nd-surface);border:1px solid var(--nd-soft);color:var(--nd-ink);
  text-decoration:none;box-shadow:var(--nd-shadow);break-inside:avoid}
.lpd-rev .rev-stage{display:block;position:relative;padding:18px 14px 58px;border-radius:6px;background:var(--nd-bg-2)}
.lpd-rev .rev-card img{display:block;width:100%;height:auto;border-radius:4px}
.lpd-rev .rev-note{position:absolute;right:14px;bottom:12px;height:34px;width:calc(var(--ar) * 34px);max-width:70%;background:var(--nd-ink);pointer-events:none;
  rotate:var(--tilt);-webkit-mask:var(--note) center/contain no-repeat;mask:var(--note) center/contain no-repeat}
.lpd-rev .rev-note--rust{background:var(--nd-acc)}
.lpd-rev .rev-cap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}
.lpd-rev .rev-cap b{font:700 17px/1.2 'Golos Text',sans-serif}
.lpd-rev .rev-tag{padding:3px 8px;border-radius:3px;background:#fe6c1f;color:#111;font:600 12px/1.4 'Golos Text',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.lpd-rev .rev-card:focus-visible{outline:2px solid var(--nd-ink);outline-offset:4px}
@media (prefers-reduced-motion:no-preference) and (hover:hover){
  .lpd-rev .rev-card{transition:translate var(--md-t-state) var(--md-ease),border-color .2s}
  .lpd-rev .rev-card:hover{translate:0 -4px;border-color:var(--nd-or)}}
.lpd-more{margin:clamp(20px,2.2vw,30px) 0 0;font:600 17px/1.4 'Golos Text',sans-serif}
.lpd-more a{display:inline-flex;align-items:center;min-height:44px}

/* вопросы: аккордеон графитового FAQ главной (.fq) в px и токенах */
.lpd-qlist{border-bottom:1px solid var(--nd-soft)}
.lpd-qlist .lp-q{border-top:1px solid var(--nd-soft)}
.lpd-qlist summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:16px 0;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.lpd-qlist summary::-webkit-details-marker{display:none}
.lpd-qlist summary h3{margin:0;font:900 clamp(22px,1.8vw,30px)/1.05 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase;transition:color .2s}
.lpd-qlist summary:hover h3,.lpd-qlist .lp-q[open] summary h3{color:var(--nd-acc)}
.lpd-qlist summary:focus-visible{outline:2px solid var(--nd-ink);outline-offset:4px}
.lpd-qlist .lp-plus{position:relative;flex:none;width:32px;height:32px;border-radius:4px;border:1.5px solid color-mix(in srgb,var(--nd-ink) 45%,transparent);transition:background-color .2s,border-color .2s}
.lpd-qlist .lp-plus::before,.lpd-qlist .lp-plus::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;background:currentColor;translate:-50% -50%;transition:rotate .3s var(--md-ease)}
.lpd-qlist .lp-plus::after{rotate:90deg}
.lpd-qlist .lp-q[open] .lp-plus{background:#fe6c1f;border-color:#fe6c1f;color:#111}
.lpd-qlist .lp-q[open] .lp-plus::before{rotate:45deg}.lpd-qlist .lp-q[open] .lp-plus::after{rotate:135deg}
.lpd-qlist .lp-q>p{margin:0;padding:0 56px 22px 0;max-width:62ch;font:500 clamp(16px,1.2vw,18px)/1.55 'Golos Text',sans-serif;color:var(--nd-mute)}
.lpd-qlist .lp-q>p a{color:var(--nd-ink);text-decoration-color:var(--nd-or)}

/* ещё на сайте */
.lpd-next{padding-top:0}
.lpd-next nav{display:flex;flex-wrap:wrap;gap:10px;padding-top:24px;border-top:1px solid var(--nd-soft)}
.lpd-next a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--nd-soft);color:var(--nd-ink);text-decoration:none;
  font:600 15px/1.2 'Golos Text',sans-serif;transition:border-color .2s,background-color .2s}
.lpd-next a:hover{border-color:var(--nd-or)}
.lpd-next a:focus-visible{outline:2px solid var(--nd-ink);outline-offset:3px}

@media (max-width:1100px){
  .lpd-two{grid-template-columns:1fr}
  .lpd-qs--3{grid-template-columns:1fr 1fr}
  .lpd-rev .rev-lead--stack{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .lpd-qs,.lpd-qs--3{grid-template-columns:1fr}
  .lpd-rev .rev-lead,.lpd-rev .rev-lead--stack{grid-template-columns:1fr}
  .lpd-rev .rev-stage{padding:14px 10px 52px}
  .lpd-author{grid-template-columns:auto 1fr;align-items:center;gap:16px}
  .lpd-author-ph{order:0;width:120px}
  .lpd-qlist .lp-q>p{padding-right:0}
  .lpd-punch{font-size:26px}
}
/* у секции отзывов остаётся класс .reviews (на него завязан лайтбокс в main.js) — поля возвращаем к .nw2 */
.lpd .nw2.lpd-rev{padding:clamp(64px,7.4vw,120px) var(--nd-pad);max-width:var(--page-max,1320px)}
.lpd-faq-band+.nw2-band .nw-cta{padding-top:0}
@media (max-width:700px){.lpd .nw2.lpd-rev{padding:56px var(--nd-pad)}}
/* CTA-плита и «Ещё на сайте» — в одной полосе: без шва фона, отступ — шаг заголовка секции нетворкинга */
.lpd .nw-cta{padding-bottom:0}
.lpd .lpd-next{padding-top:clamp(28px,3.2vw,48px)}
/* мобилка: хлебные крошки поверх фото — тёмная стеклянная пилюля (контраст не зависит от светлоты кадра) */
@media (max-width:1100px),(max-aspect-ratio:5/4){
  .lpx .lp-crumbs{padding:0 14px;border-radius:999px;background:rgba(20,16,13,.62);color:#faf7f2;text-shadow:none;
    box-shadow:inset 0 0 0 1px rgba(250,247,242,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .lpx .lp-crumbs a{text-decoration-color:rgba(250,247,242,.6)}
  .lpx .lp-crumbs [aria-current]{opacity:.9}
}
/* тёмная тема посадочных: у полос графита свой вертикальный градиент — на стыке двух одинаковых полос (вопросы → CTA) был шов; оставляем ровный тон + зерно */
@media (prefers-color-scheme:dark){.lpd .page-band.nd-band:not(.nd-band--graphite){background-image:var(--nb-noise,none)}}

/* ===================== записи вебинаров (волна 3, макет T015): «кадр записи на паузе» =====================
   Общий каркас двух записей: колонка «заголовок → билет-пейволл (цена + оплата)» и полоса плеера внизу первого экрана
   (диск с замком = запись закрыта до оплаты, шкала из глав). Медиа разное: у «Личного бренда» — фото во весь экран
   (portrait-mic с дорисованным фоном, каркас .lpx), у «Маркетинга доверия» — афиша эфира как вертикальное видео. */
.rcx{--fx-at:calc(50vw + min(20vw,330px))}
/* «Личный бренд», кадр Z5 (23.10): zb-z5-wide 3168×1344 (21:9), сцена конференции. Валентина слева: левый край пиджака .125, лицо .2–.29,
   волосы с .065 по высоте, рука с пультом до .396 (y .76–.92); правее — экран и зал, там колонка. Левый край пиджака встаёт у левого поля */
.rcx--lb{--ar:2.3571;--fx:.125;--fx-at:clamp(16px,2.2vw,44px)}
/* почти квадратные десктопы (1280×1000): кадр во всю высоту окна оставил бы колонке ~480px правее руки — первый экран ниже окна, как у «Развития» */
.rcx--lb{--hh:max(640px,min(100svh - 64px,100vw * .58))}
.rcx .lpx-in{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;row-gap:clamp(16px,2vw,28px)}
.rcx-col{width:min(620px,46%);display:flex;flex-direction:column;align-items:flex-start}
.rcx .nd-back{margin-bottom:clamp(6px,1vh,16px)}
.rcx-h1{font-size:clamp(56px,min(6.3vw,9.6vh),150px);line-height:.86}
.rcx-h1 .rcx-h1-s{display:block;margin-bottom:.12em;font-size:.42em;line-height:.92;letter-spacing:.01em}
.rcx-h1 .rcx-h1-m{display:block}
.rcx .nd-lead{margin-top:clamp(12px,1.4vw,20px);font-size:clamp(17px,1.3vw,21px)}

/* билет-пейволл: стекло мастер-группы; цена — цифра Poster, как у мастер-группы; перфорация — как у корешков нетворкинга */
.rcx{--nd-glass:rgba(255,253,249,.82)}
@media (prefers-color-scheme:dark){.rcx{--nd-glass:rgba(35,37,41,.8)}}
@media (prefers-reduced-transparency:reduce){.rcx{--nd-glass:var(--nd-surface)}}
.rcx-tk{width:100%;max-width:520px;margin-top:clamp(18px,2.4vh,30px);border-radius:8px;background:var(--nd-glass);border:1px solid var(--nd-edge);color:var(--nd-ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 20px 60px rgba(0,0,0,.16)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.rcx-tk,.rcx-bar{-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}}
@media (prefers-color-scheme:dark){.rcx-tk{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.4)}}
.rcx-tk-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 20px 14px;border-bottom:1.5px dashed color-mix(in srgb,currentColor 30%,transparent)}
.rcx-tk-what{margin:0;display:grid;gap:5px}
.rcx-tk-what b{display:flex;align-items:center;gap:9px;white-space:nowrap;font:900 clamp(20px,1.5vw,26px)/1 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase}
.rcx-tk-what span{font:500 15px/1.3 'Golos Text',sans-serif;color:var(--nd-mute)}
.rcx-rec{flex:none;width:11px;height:11px;border-radius:50%;background:var(--nd-or);box-shadow:0 0 0 4px color-mix(in srgb,var(--nd-or) 22%,transparent)}
.rcx-price{margin:0;font:900 clamp(48px,3.8vw,64px)/.9 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;white-space:nowrap;font-variant-numeric:tabular-nums}
.rcx-tk .nd-pay{display:flex;width:calc(100% - 28px);margin:14px 14px 0}
.rcx-tk .nd-pay-t{flex:1;justify-content:center;padding-right:58px}
.rcx-tk-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;margin:0;padding:4px 20px 6px;font:500 13px/1.3 'Golos Text',sans-serif;color:var(--nd-mute)}
.rcx-tk-note a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}
.rcx-tk-note a:hover{text-decoration-color:var(--nd-or)}
.rcx-tk-note a:focus-visible{outline:2px solid var(--nd-ink);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.rcx-rec{animation:rcx-rec 1.6s ease-in-out infinite}}
@keyframes rcx-rec{50%{opacity:.35}}

/* полоса плеера: не кнопки — состояние «запись на паузе, откроется после оплаты»; шкала — главы записи (тексты со страницы) */
.rcx-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:12px 22px 12px 12px;border-radius:8px;
  background:var(--nd-glass);border:1px solid var(--nd-edge);color:var(--nd-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 40px rgba(0,0,0,.12)}
.rcx-disk{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px solid currentColor}
.rcx-disk svg{width:20px;height:20px;margin-left:3px;fill:currentColor}
.rcx-disk i{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--nd-or);color:#111}
.rcx-disk i svg{width:13px;height:13px;margin:0;fill:none;stroke:currentColor;stroke-width:2.4}
.rcx-track{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.rcx-track li{flex:1 1 0;min-width:0;display:grid;gap:9px}
.rcx-track span{overflow:hidden;font:600 13px/1.2 'Golos Text',sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}
.rcx-track span b{font-weight:600;color:var(--nd-or)}
.rcx-track li::after{content:"";height:4px;border-radius:2px;background:color-mix(in srgb,currentColor 24%,transparent)}
.rcx-track li:first-child::after{background:linear-gradient(90deg,var(--nd-or) 0 14px,color-mix(in srgb,currentColor 24%,transparent) 14px)}
.rcx-cap{margin:0 0 9px;font:600 13px/1.2 'Golos Text',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nd-mute)}

/* «Личный бренд»: фото высокого ключа (белая стена). Светлая — без подложки, стена сама даёт контраст;
   тёмная — кадр приглушён, слева под колонкой графит (без белой «дыры» во весь экран) */
/* зона текста: левый край .45 кадра (правее руки с пультом; вуаль к нему уже набрала плотность), правый — поле контейнера шапки */
.rcx--lb{--lb-w:min(100vw,var(--page-max,1320px));--lb-x:calc(var(--il) + var(--iw) * .45);--lb-r:calc(50vw + var(--lb-w) / 2 - var(--nd-pad));
  --lb-cw:min(100vw - var(--nd-pad) - var(--lb-x),clamp(440px,var(--lb-r) - var(--lb-x),680px));--lb-ml:calc(var(--lb-x) - (50vw - var(--lb-w) / 2 + var(--nd-pad)))}
@media (min-aspect-ratio:2/1) and (min-width:1101px){.rcx--lb{--lb-w:min(100vw,1600px)}}
@media (min-aspect-ratio:2/1) and (min-height:1200px){.rcx--lb{--lb-w:min(100vw,2000px);--lb-cw:min(100vw - var(--nd-pad) - var(--lb-x),clamp(440px,var(--lb-r) - var(--lb-x),960px))}}   /* «ВАШ ЛИЧНЫЙ» при 151px — 906px: в 860 строка ломалась на три */
/* колонка по центру высоты, а если не влезает — от верха (safe): строка «← На главную» и подпись справа никогда не съезжают друг на друга */
.rcx--lb .rcx-col{width:var(--lb-cw);margin-left:var(--lb-ml);align-self:safe center}
/* полоса плеера — под колонкой до правого поля, не через пиджак и руку с пультом */
.rcx--lb .rcx-bar{justify-self:start;width:calc(var(--lb-r) - var(--lb-x));margin-left:var(--lb-ml)}
/* полоса уже прежней: главы по ширине своих подписей, а не поровну — «Позиционирование» и «Дисциплина» без многоточия */
.rcx--lb .rcx-track li{flex:1 1 auto}
/* ширина полосы зависит и от высоты окна (кадр шире), поэтому подписи подгоняются по самой полосе: уже 720 (по содержимому, без полей) — плотнее трекинг,
   уже 590 — кегль 12 и без знаков «×» (формула целиком в aria-label полосы) */
.rcx--lb .rcx-bar{container-type:inline-size}
@container (max-width:719px){.rcx--lb .rcx-track span{letter-spacing:.04em}}
@container (max-width:589px){.rcx--lb .rcx-track span{font-size:12px}.rcx--lb .rcx-track span b{display:none}}
/* низкий первый экран (окно до 800 по высоте или до 1279 по ширине — кадр ≤742): колонка не помещается над полосой — ссылка «На главную» скрыта, домой ведёт имя в шапке (как на планшетах) */
@media (min-width:1101px) and (min-aspect-ratio:5/4) and (max-height:800px),(min-width:1101px) and (max-width:1279px) and (min-aspect-ratio:5/4){.rcx--lb .nd-back{display:none}
  .rcx--lb .rcx-who{display:flex;gap:0 8px;white-space:nowrap}}   /* подпись одной строкой в ряд с «ПРАКТИЧЕСКИЙ ВЕБИНАР», выше заголовка */
/* экран шире 21:9: кадр растянут по ширине — режем снизу (зал), сверху не больше 5% высоты кадра: волосы с .065 целиком */
.rcx--lb .lpx-ph img{bottom:auto;top:calc(-1 * min(max(var(--iw) / var(--ar) - var(--hh), 0px), var(--iw) / var(--ar) * .05))}
/* вуаль под колонкой: фон страницы (крем / графит), от нуля правее пульта (.40) до рабочей плотности до начала текста (.44);
   лицо и руки без вуали и без фильтров в обеих темах */
.rcx--lb{--lb-veil:var(--nd-bg);--lb-v1:62%;--lb-v2:70%}
@media (prefers-color-scheme:dark){.rcx--lb{--lb-v1:84%;--lb-v2:88%}}
.rcx--lb .lpx-ph{background:var(--nd-bg)}
.rcx--lb .lpx-ph::after{background:linear-gradient(90deg,color-mix(in srgb,var(--lb-veil) 0%,transparent) calc(var(--il) + var(--iw) * .40),
  color-mix(in srgb,var(--lb-veil) var(--lb-v1),transparent) calc(var(--il) + var(--iw) * .44),color-mix(in srgb,var(--lb-veil) var(--lb-v2),transparent) 100%)}

/* «Маркетинг доверия»: полоса страницы (крем / графит), афиша — вертикальное видео справа, за ней тлеющее сияние */
.rcx--md{--pw:calc((var(--hh) - var(--pw-rest,250px)) * .5626)}   /* ширина афиши от высоты кадра: 1200×2133 */
.rcx--md .lpx-in{grid-template-columns:minmax(0,580px) var(--pw);justify-content:center;column-gap:clamp(36px,4vw,96px)}
.rcx--md .rcx-col{width:auto}
.rcx--md .rcx-bar{grid-column:1 / -1}
.rcx-h1--md span{display:block}
.rcx-h1--md small{display:block;margin-top:.32em;max-width:17em;font:600 clamp(22px,1.9vw,34px)/1.15 'Golos Text',sans-serif;letter-spacing:0;text-transform:none;text-wrap:balance}
.rcx-poster{position:relative;z-index:0;align-self:center;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rcx-poster::before{content:"";position:absolute;z-index:-1;inset:-6% -42% -6% -42%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(254,108,31,.34),rgba(254,108,31,.12) 55%,rgba(254,108,31,0))}
@media (prefers-color-scheme:dark){.rcx-poster::before{background:radial-gradient(closest-side,rgba(254,108,31,.3),rgba(196,73,10,.12) 55%,rgba(196,73,10,0))}}
.rcx-poster>a{display:block;width:100%;line-height:0;border-radius:8px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(60,24,6,.45),0 0 0 1px rgba(17,17,17,.08)}
@media (prefers-color-scheme:dark){.rcx-poster>a{box-shadow:0 30px 70px -20px rgba(0,0,0,.7),0 0 0 1px rgba(250,247,242,.1)}}
.rcx-poster img{display:block;width:100%;height:auto;aspect-ratio:1200/2133}
.rcx-poster>a:focus-visible{outline:2px solid var(--nd-ink);outline-offset:3px}
.rcx-poster figcaption{font:500 13px/1.3 'Golos Text',sans-serif;color:var(--nd-mute)}
.rcx-poster figcaption a{display:inline-flex;align-items:center;min-height:44px;margin-left:6px;color:var(--nd-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}
@media (prefers-reduced-motion:no-preference){.rcx-poster>a{animation:nd-rise .7s var(--md-ease) both;animation-delay:.12s}}

/* высокие широкие мониторы (3440×1440, 5120×1440): колонка растёт вместе с высотой кадра, а не остаётся «ноутбучной» */
@media (min-aspect-ratio:2/1) and (min-height:1200px){
  .rcx .lpx-in{max-width:2000px}.rcx--md{--pw-rest:290px}
  .rcx-col{width:min(860px,46%)}.rcx--md .lpx-in{grid-template-columns:minmax(0,820px) var(--pw)}
  .rcx-h1{font-size:min(7vw,10.5vh)}.rcx .nd-lead{font-size:25px}
  .rcx-tk{max-width:660px}.rcx-tk-what b{font-size:30px}.rcx-tk-what span{font-size:18px}.rcx-price{font-size:80px}
  .rcx-tk .nd-pay{min-height:68px;font-size:21px}.rcx-tk-note{font-size:15px}
  .rcx-track span,.rcx-cap{font-size:15px}.rcx-disk{width:60px;height:60px}
}
/* мобилка и портрет: фото сверху (каркас .lpx), полоса плеера скрыта; у «Маркетинга доверия» афиша рядом с заголовком */
@media (max-width:1100px),(max-aspect-ratio:5/4){
  .rcx .lpx-in{display:block}
  .rcx-col{width:100%}
  .rcx-bar{display:none}
  .rcx--lb{--ph:min(96vw,42svh - 48px)}   /* текст больше не заходит на фото (было −48px): высоту кадра уменьшили на столько же, оплата на прежнем месте */
  .rcx--lb .lpx-in{margin-top:0;padding-top:4px}
  .rcx--lb .lpx-ph{height:var(--ph)}
  .rcx--lb .rcx-col,.rcx--lb .rcx-bar{width:100%;margin-left:0}
  /* низ кадра не растворяется и сверху нет затемнения: фото режется ровной кромкой */
  .rcx--lb .lpx-ph::after{content:none!important;background:none!important}
  .rcx--lb .nd-back{position:static;margin:0 0 4px;color:var(--nd-ink);text-shadow:none;text-decoration-color:color-mix(in srgb,var(--nd-ink) 35%,transparent)}   /* не на фото: на узком кадре ссылка ложилась на лицо */
  .rcx--lb .lpx-ph img{object-position:50% 9%}   /* zb-z5-m 2:3: волосы с .09, кулак с микрофоном до .56 — в кадре 390×306 видно .045–.57 */
  .rcx-h1{font-size:clamp(46px,12.6vw,72px)}
  .rcx .nd-lead{font-size:16px}
  .rcx-tk{max-width:none}
  .rcx-tk-top{padding:14px 16px 12px}
  .rcx-tk .nd-pay{width:calc(100% - 24px);margin:12px 12px 0;min-height:54px;font-size:16px}
  .rcx-tk-note{padding:2px 16px 4px}
  .rcx--md .lpx-in{display:grid;grid-template-columns:minmax(0,1fr) 34%;column-gap:16px;align-items:start;margin-top:0;padding-top:4px}
  .rcx--md .rcx-col{display:contents}
  .rcx--md .rcx-col>*{grid-column:1}
  .rcx--md .nd-back{position:static;color:var(--nd-ink);text-shadow:none}
  .rcx--md .rcx-tk{grid-column:1 / -1}
  .rcx--md .lpx-in{grid-template-rows:auto auto auto 1fr auto}
  .rcx--md .rcx-poster{grid-column:2;grid-row:2 / span 3;height:auto;align-self:start}
  .rcx--md .rcx-poster figcaption{display:none}
  .rcx--md .rcx-poster::before{inset:-14% -10%}
  .rcx-h1--md{font-size:clamp(40px,10.6vw,64px)}
  .rcx-tk-what b{white-space:normal;font-size:18px}
  .rcx-price{font-size:44px}
  .rcx-tk-top{flex-wrap:wrap;gap:8px 16px}
  .rcx-h1--md small{font-size:clamp(17px,4.6vw,24px)}
}
/* планшеты (701…1100): фото ниже, иначе цена и оплата «Личного бренда» уходят под сгиб на 1024×768 */
@media (min-width:701px) and (max-width:1100px),(min-width:701px) and (max-aspect-ratio:5/4){.rcx--lb{--ph:min(60vw,34svh)}}
/* планшет в альбомной: широкий кадр полосой во всю ширину — человек целиком, а не узкий портрет по центру */
@media (min-width:701px) and (max-width:1100px) and (min-aspect-ratio:5/4){.rcx-tk{max-width:560px}}
/* планшеты 701…1100 в любой ориентации: кадр Z5 21:9 полосой во всю ширину; в портретной полоса ≈2.2:1 — кадр почти целиком,
   в альбомной ≈4:1 — режется снизу, сверху держим волосы (.065) */
@media (min-width:701px) and (max-width:1100px){.rcx--lb .lpx-ph{width:100%}.rcx--lb .lpx-ph img{object-position:25% 3%}}
/* планшеты (701…1100): билет в левой колонке рядом с афишей — цена и оплата не уходят под сгиб */
@media (min-width:701px) and (max-width:1100px),(min-width:701px) and (max-aspect-ratio:5/4){
  .rcx--md .lpx-in{grid-template-columns:minmax(0,1fr) min(36%,300px);column-gap:32px}
  .rcx--md .rcx-tk{grid-column:1}
  .rcx--md .rcx-poster{grid-row:1 / span 5}
}
@media (max-width:380px){.rcx-tk .nd-pay-t{padding-right:14px;white-space:normal}}
@media (max-width:1100px) and (max-height:700px){.rcx--lb{--ph:min(96vw,33svh)}.rcx--lb .nd-back{display:none}}   /* на домой ведёт имя в шапке */

/* ===================== записи вебинаров целиком (волна 3, T016–T017): блоки ниже первого экрана =====================
   Каркас полос — /networking/nw-nd.css (.nw2, .nw-head, .nw2-format, .nw-big, .nw-facts, .nw-cta-panel) и .lpd-* выше.
   Здесь только то, чего у посадочных нет: программа карточками и билет-пейволл .rcx-tk вне первого экрана. body: home nd nw-page lpd rc-page */
.rcd-lead{margin:0;max-width:34em;font:600 clamp(22px,2.1vw,34px)/1.35 'Golos Text',sans-serif;text-wrap:pretty}
.rcd-sub{margin:0 0 18px;max-width:34em;font:500 clamp(17px,1.35vw,20px)/1.5 'Golos Text',sans-serif;text-wrap:pretty}
.rcd-sub:last-child{margin-bottom:0}
.nw-big.rcd-big b{font-size:clamp(64px,6.4vw,112px);white-space:normal}
@media (max-width:700px){.nw-big.rcd-big b{font-size:clamp(56px,18vw,96px)}}

/* программа: карточки ровной высоты в ряду, внутри «номер/заголовок → текст» */
.rcd-prog{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.rcd-prog--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rcd-prog li{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.2vw,30px);border-radius:8px;background:var(--nd-surface);border:1px solid var(--nd-soft);box-shadow:var(--nd-shadow)}
.rcd-prog h3{margin:0;font:800 clamp(19px,1.5vw,23px)/1.25 'Golos Text',sans-serif;text-wrap:balance}
.rcd-prog p{margin:0;font:500 clamp(16px,1.2vw,18px)/1.5 'Golos Text',sans-serif;text-wrap:pretty}
.rcd-prog strong{font-weight:700}
.rcd-prog .rcd-n{font:900 clamp(48px,3.8vw,64px)/.8 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;color:var(--nd-or);font-variant-numeric:tabular-nums}
.rcd-prog--num p{font-size:clamp(17px,1.35vw,20px)}
.rcd-jump{display:inline-flex;align-items:center;min-height:44px;font:600 16px/1.3 'Golos Text',sans-serif;color:var(--nd-ink);text-decoration:underline;text-decoration-color:var(--nd-or);text-underline-offset:4px;text-decoration-thickness:1.5px}
.rcd-jump:hover{color:var(--nd-acc)}
.rcd-bonus{margin-top:clamp(20px,2.4vw,32px)}

/* оплата в середине и в финале: билет-пейволл первого экрана рядом с текстом */
.rcd-buy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,96px);align-items:center}
.rcd-buy .rcx-tk{margin:0;max-width:none}
.rcd-kick{margin:0 0 14px;font:600 13px/1.25 'Golos Text',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nd-mute)}
.rcd-kick i{font-style:normal;color:var(--nd-or)}
.rcd-h2{margin:0 0 clamp(20px,2.4vw,32px);font:900 clamp(30px,4.4vw,72px)/1.04 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase;text-wrap:balance}
.rcd-buy .nw-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
/* на графите билет и кнопка — как тёмный тариф нетворкинга (.nw-plan--ink): поверхность графита, кнопка рыжая */
.nd-band--graphite .rcx-tk{--nd-glass:var(--nd-surface);--nd-edge:rgba(250,247,242,.16);--nd-btn-bg:#fe6c1f;--nd-btn-fg:#111;--nd-cell:#111;--nd-cell-fg:#faf7f2;
  -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.nd-band--graphite .rcx-tk-note a:focus-visible{outline-color:#faf7f2}
/* финал: оранжевая плита нетворкинга, справа вместо фото — билет */
.rc-page .rcd-final{padding-bottom:clamp(64px,7.4vw,120px)}   /* у посадочных под плитой идёт «Ещё на сайте», здесь плита последняя */
.rcd-final .rcx-tk{margin:clamp(22px,2.4vw,32px) 0 0;max-width:540px;--nd-glass:rgba(255,253,249,.9);--nd-ink:#111;--nd-mute:#5e5750;--nd-edge:rgba(255,255,255,.75);--nd-btn-bg:#111;--nd-btn-fg:#faf7f2;--nd-cell:#faf7f2;--nd-cell-fg:#111;color:#111;
  box-shadow:0 24px 60px -18px rgba(90,30,0,.5)}
.rcd-final .rcd-kick{color:#3b1d0c}.rcd-final .rcd-kick i{color:#111}
@media (prefers-color-scheme:dark){
  .rcd-final .rcx-tk{--nd-glass:rgba(35,37,41,.92);--nd-ink:#faf7f2;--nd-mute:#cfc8be;--nd-edge:rgba(250,247,242,.2);--nd-btn-bg:#fe6c1f;--nd-btn-fg:#111;--nd-cell:#111;--nd-cell-fg:#faf7f2;color:#faf7f2}
}
.rcd-tk-kick{display:block;margin:0 0 6px;font:600 12px/1.25 'Golos Text',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nd-mute)}

.rcd-links{margin:clamp(14px,1.6vw,22px) 0 0;font:600 17px/1.9 'Golos Text',sans-serif}
.rcd-links a{display:inline;padding-block:11px;color:inherit;text-decoration:underline;text-decoration-color:var(--nd-or);text-underline-offset:4px;text-decoration-thickness:1.5px}
.rcd-links a:hover{color:var(--nd-acc)}

@media (max-width:1100px){
  .rcd-prog--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rcd-buy{grid-template-columns:minmax(0,1fr)}
  .rcd-final h2{font-size:clamp(34px,8.6vw,64px)}
}
@media (max-width:700px){
  .rcd-prog,.rcd-prog--3{grid-template-columns:1fr}
  .rcd-buy .nw-facts{grid-template-columns:1fr}
}
/* подпись к фото «Личного бренда» (была figcaption старого первого экрана): на десктопе — у края кадра справа сверху, на стене */
.rcx-who{position:absolute;top:clamp(16px,2.4vw,40px);right:var(--nd-pad);margin:0;display:grid;justify-items:end;gap:2px;font:600 14px/1.3 'Golos Text',sans-serif;color:var(--lp-ink)}
.rcx-who span+span{font-weight:500;color:var(--lp-mute)}
/* «Личный бренд»: подпись в строке «← На главную», по правому краю колонки, на вуали — цвета темы */
.rcx--lb .rcx-who{top:clamp(12px,1.6vw,28px);right:calc(50vw + var(--lb-w) / 2 - var(--lb-x) - var(--lb-cw))}
@media (max-width:1100px),(max-aspect-ratio:5/4){.rcx-who{position:static;justify-items:start;margin:14px 0 0;color:var(--nd-mute)}.rcx-who span+span{color:var(--nd-mute)}
  .rcx--lb .rcx-who{color:var(--nd-mute)}}

/* финал с фото справа (как CTA посадочных); кадр ставится по лицу */
.rcd-final .nw-cta-copy h2{text-wrap:balance}
.rcd-final .nw-cta-text{margin-bottom:0}
.rcd-ph--chin img{object-position:50% 18%}
/* кадр N17 (кофейня, 2:3, 23.10): волосы с 20%, кулаки под подбородком до 52%, чашка 74–84%. Двойной класс — иначе .nw-cta-photo img из nw-nd.css (грузится позже) перебивает.
   На широких мобильных боксах (до 1.7:1) окно держит лицо и руки; на почти квадратном телефоне опускается, чтобы целиком вошла чашка */
.nw-cta-photo.rcd-ph--n17 img{object-position:50% 25%}
@media (max-width:400px){.nw-cta-photo.rcd-ph--n17 img{object-position:50% 50%}}
/* кадр N20 (лобби, 4:5, 23.10): волосы с 15%, левая рука x 16.5–33% и y до 96.5%, пальцы правой руки до x 99.5% — на десктопе окно к правому краю.
   На широких мобильных боксах держит лицо и плечи, на почти квадратном телефоне опускается к рукам */
.nw-cta-photo.nw-cta-photo--n20 img{object-position:100% 6%}
@media (max-width:700px){.nw-cta-photo.nw-cta-photo--n20 img{object-position:50% 25%}}
@media (max-width:400px){.nw-cta-photo.nw-cta-photo--n20 img{object-position:50% 78%}}
@media (max-width:1100px){.rcd-final .rcx-tk{max-width:none}.rcd-final .nw-cta-panel{grid-template-columns:minmax(0,1fr)}.rcd-final .nw-cta-copy h2{font-size:clamp(36px,9.4vw,64px)}}

/* ===== автор записи: разворот — фото крупно (половина контейнера, до 80vh) с рыжей «плитой», справа имя, плашка 20+ с текстом, путь, ссылки ===== */
.rca{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,96px);align-items:center}
.rca-ph{position:relative;margin:0 0 18px;height:min(80vh,860px);min-height:520px;border-radius:8px;box-shadow:18px 18px 0 0 var(--nd-or),var(--nd-shadow)}
.rca-ph img{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover;object-position:50% 16%}
.rca--md .rca-ph img{object-position:50% 30%}
/* кадр N37 (микрофон, набережная, 3:4, 23.10): волосы с 3%, бейдж 44–55%, рука с микрофоном до 62%, рука с карточкой до 89% — окно к верху */
.rca-ph.rca-ph--n37 img{object-position:50% 5%}
/* кадр N40 (синее кресло, 4:5, 23.10): волосы с 25%, руки на коленях 70–97% — окно к низу; на широком планшетном боксе выше, чтобы не срезать лицо */
.rca-ph.rca-ph--n40 img{object-position:50% 90%}
.rca-ph.rca-ph--n40 figcaption{left:auto;right:16px}   /* слева внизу лежит рука на колене — плашка уходит вправо */
.rca-ph figcaption{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:999px;font:600 14px/1.2 'Golos Text',sans-serif;
  background:rgba(20,16,13,.66);color:#faf7f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rca-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.rca-name{margin:0;font:900 clamp(56px,6.4vw,112px)/.86 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase;letter-spacing:-.01em}
.rca-brand{margin:clamp(12px,1.4vw,18px) 0 0;font:900 clamp(28px,2.6vw,42px)/1 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase;color:var(--nd-acc)}
/* плашка как «Обо мне» главной: графит с рыжим сиянием, «20+» крупно рядом с текстом */
.rca-plate{position:relative;isolation:isolate;overflow:hidden;width:100%;margin-top:clamp(22px,2.6vw,36px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2.2vw,32px);align-items:center;
  padding:clamp(22px,2.6vw,36px);border-radius:8px;color:#ecebe8;
  background:radial-gradient(60% 70% at 0% 0%,rgba(254,108,31,.32) 0%,rgba(254,108,31,0) 100%),radial-gradient(55% 60% at 100% 100%,rgba(168,51,12,.36) 0%,rgba(168,51,12,0) 100%),#26282d}
@media (prefers-color-scheme:dark){.rca-plate{box-shadow:inset 0 0 0 1px rgba(250,247,242,.1);background-color:#1c1d21}}
.rca--md .rca-plate{grid-template-columns:minmax(0,1fr)}
.rca-years{margin:0;display:grid;gap:10px}
.rca-years b{font:900 clamp(96px,9vw,160px)/.8 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;letter-spacing:-.03em;color:#fe6c1f}
.rca-years span{font:600 13px/1.3 'Golos Text',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c9cacd;white-space:nowrap}
.rca-bio{margin:0;font:500 clamp(18px,1.5vw,22px)/1.45 'Golos Text',sans-serif;text-wrap:pretty}
.rca-path{margin:clamp(18px,2vw,26px) 0 0;max-width:34em;font:500 clamp(17px,1.3vw,19px)/1.5 'Golos Text',sans-serif;color:var(--nd-mute);text-wrap:pretty}
.rca .rcd-links{margin-top:clamp(12px,1.4vw,18px)}
@media (max-width:1100px){
  .rca{grid-template-columns:minmax(0,1fr);gap:40px}
  .rca-ph{height:auto;min-height:0;aspect-ratio:4/5;max-height:80vh;width:calc(100% - 14px);box-shadow:14px 14px 0 0 var(--nd-or),var(--nd-shadow)}
  .rca-ph.rca-ph--n37 img{object-position:50% 0%}
  .rca-ph.rca-ph--n40 img{object-position:50% 40%}
}
@media (max-width:800px){.rca-ph.rca-ph--n40 img{object-position:50% 80%}}   /* бокс снова уже 1:1 — окно вниз, к рукам */
@media (max-width:520px){
  .rca-plate{grid-template-columns:minmax(0,1fr)}
  .rca-years{grid-template-columns:auto 1fr;align-items:end;gap:14px}
  .rca-years b{font-size:96px}
  .rca-years span{white-space:normal}
}
/* правки после просмотра 02.10: подпись к «в 5–7 раз» крупнее (была мелкой рядом с цифрой), отступ под вступлением «Что внутри»,
   кнопка в билете на телефоне без обрезки суммы */
.nw-big.rcd-big span{max-width:18em;font-size:clamp(18px,1.6vw,24px)}
.rcd-intro{margin-bottom:clamp(40px,5vw,72px)}
@media (max-width:700px){.rcx-tk .nd-pay-t{padding-right:14px;white-space:normal}}

/* ===================== /otzyvy/ (волна 4, T021): кнопка «Написать Валентине» — в конце полосы отзывов, кнопка паспорта .nd-pay
   (была отдельная кремовая полоса с .btn — в тёмной теме светлое пятно между графитом отзывов и подвалом) ===================== */
.otzyvy .rv-write{position:relative;margin:clamp(40px,4.6vw,72px) 0 0}
@media (max-width:700px){.otzyvy .rv-write .nd-pay{display:flex;width:100%}}
/* Текстовые цитаты под «пузырями» отзывов (карточки .nwr-card из nw-nd.css) */
.lpd-rev .rev-lead+.lpd-quotes{margin-top:clamp(16px,2vw,28px)}
@media (min-width:1101px){.lpd-rev .nwr-list--even>li:first-child{grid-column:auto}}  /* специфичнее правила span 2 из nw-nd.css */