/* Посадочные (body.lp): /raspakovka-lichnosti/, /razvitie-lichnogo-brenda/ — шаблон /networking/ (nw-* из networking.css).
   Reference lock (Refero, 27.09.2026): docs/reference-poster.jpg — главный; Album Colors 99be9294
   (0px, тонкие линейки, контролы в цвет текста); Pop Manifesto 137e85e2 (секции цветовыми полями);
   TidyCal bd346950 (страница услуги: обложка → для кого → отзывы → FAQ на тонких линейках);
   Slack 475e90ca (FAQ-аккордеон, разделители, без карточек). */

.lp .lp-crumbs { margin: 0 0 24px; font: 500 14px/1.4 'Golos Text', sans-serif; }
.lp .lp-crumbs a { text-decoration: underline; text-underline-offset: 3px; }
.lp .lp-crumbs span[aria-hidden] { margin: 0 6px; opacity: .6; }
/* Лицо справа в кадре: держим его вне левой диагонали. */
.lp .lp-photo img { object-position: 62% 22%; }
.lp .nw-next-date b { font-size: 72px; }

.lp .lp-h2 {
  margin: 0; font-family: Poster, sans-serif; font-weight: 900; font-stretch: 75%;
  font-size: clamp(44px, 4.6vw, 68px); line-height: .9; letter-spacing: -.02em;
}
.lp .lp-lead { max-width: 20em; margin: 18px 0 0; font: 700 clamp(19px, 1.6vw, 24px)/1.25 'Golos Text', sans-serif; text-wrap: balance; }
.lp .lp-what { align-items: start; }

.lp .lp-two {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px 64px;
  padding: 64px var(--gutter, 40px) 72px; color: #000; border-bottom: 1px solid #000;
}
.lp .lp-two .nw-head { margin-bottom: 20px; }
.lp .lp-list { padding-top: 0; }
.lp .lp-list li { font: 500 18px/1.45 'Golos Text', sans-serif; }
.lp .lp-steps, .lp .lp-qs { margin: 0; padding: 0; list-style: none; }
.lp .lp-steps li, .lp .lp-qs li {
  display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px;
  padding: 16px 0; border-top: 1px solid currentColor;
}
.lp .lp-steps li:first-child { border-top: 0; padding-top: 0; }
.lp :is(.lp-steps, .lp-qs) b { font: 900 44px/.85 Poster, sans-serif; font-stretch: 75%; color: #fd5918; }
/* На креме #fd5918 даёт 2.97:1 (< 3:1 для крупного текста) — тёмно-рыжий токен шапки --md-rust-ink, 4.57:1. На чёрном остаётся оранжевый (6.6:1). */
.lp .lp-steps b { color: #c4490a; }
.lp :is(.lp-steps, .lp-qs) p { margin: 0; font: 500 18px/1.45 'Golos Text', sans-serif; }
.lp .lp-price { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid #000; font: 700 17px/1.4 'Golos Text', sans-serif; }

.lp .lp-self { padding: 64px var(--gutter, 40px) 72px; background: #000; color: #faf7f2; }
.lp .lp-self .nw-rule { border-top-color: #faf7f2; }
.lp .lp-qs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
.lp .lp-qs li { grid-template-columns: 96px minmax(0, 1fr); padding: 22px 0 0; border-top-color: #faf7f2; }
.lp .lp-qs b { font-size: 80px; }
.lp .lp-qs p { font-size: clamp(19px, 1.6vw, 24px); line-height: 1.35; font-weight: 600; }
.lp .lp-self-note { max-width: 44em; margin: 36px 0 0; font: 500 17px/1.5 'Golos Text', sans-serif; color: #e8e1d8; }
.lp .lp-self-note a { color: #fe6c1f; text-decoration: underline; text-underline-offset: 3px; }

/* Карточки отзывов: правила .rev-* живут в @scope(.home) style.css и сюда не доходят —
   те же значения в px (постерные 10rem ≈ 20px на 1440). */
.lp .rev-lead { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.lp .rev-card { display: block; margin: 0; padding: 16px; background: #fff; border: 2px solid #000; color: #000; text-decoration: none; }
.lp .rev-stage { display: block; position: relative; background: #faf7f2; padding: 20px 16px 64px; }
.lp .rev-card img { width: 100%; height: auto; filter: drop-shadow(0 1px 0 #00000014) drop-shadow(0 6px 14px #00000021); }
.lp .rev-note { position: absolute; right: 14px; bottom: 10px; height: 36px; width: calc(var(--ar) * 36px); max-width: 66%; background: currentColor; pointer-events: none; transform: rotate(var(--tilt)); z-index: 2; -webkit-mask: var(--note) no-repeat right center / contain; mask: var(--note) no-repeat right center / contain; }
.lp .rev-note--rust { background: #c4490a; }
.lp .rev-cap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #d5d1cc; }
.lp .rev-cap b { font: 700 17px/1.2 'Golos Text', sans-serif; letter-spacing: -.02em; }
.lp .rev-tag { background: #fe6c1f; color: #000; padding: 3px 8px; font: 500 12px/1.5 'Golos Text', sans-serif; letter-spacing: .14em; text-transform: uppercase; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .lp .rev-card { transition: transform 200ms cubic-bezier(.2,.7,.2,1), border-color 200ms cubic-bezier(.2,.7,.2,1); }
  .lp .rev-card:hover { transform: translateY(-4px); border-color: #fe6c1f; }
}
.lp .rev-card:focus-visible { outline: 2px solid #000; outline-offset: 4px; }
.lp .shot { border: 0; padding: 0; background: none; max-width: min(94vw, 900px); max-height: 94vh; overflow: visible; color: #faf7f2; }
.lp .shot::backdrop { background: #000000e6; }
.lp .shot[open] { display: grid; gap: 12px; justify-items: center; }
.lp .shot-x { justify-self: end; width: 44px; height: 44px; display: grid; place-items: center; background: #faf7f2; color: #000; border: 1px solid #000; font: 400 28px/1 'Golos Text', sans-serif; cursor: pointer; }
.lp .shot-img { max-width: 100%; max-height: 80vh; width: auto; height: auto; background: #faf7f2; border: 1px solid #000; }
.lp .shot-cap { margin: 0; font: 500 12px/1 'Golos Text', sans-serif; letter-spacing: .18em; text-transform: uppercase; }

.lp .lp-reviews { padding: 64px var(--gutter, 40px) 48px; }
.lp .lp-reviews .rev-lead { margin-top: 0; }
.lp .lp-more-rev { margin: 24px 0 0; font: 600 17px/1.4 'Golos Text', sans-serif; }
.lp .lp-more-rev a { display: inline-flex; min-height: 44px; align-items: center; text-decoration: underline; text-underline-offset: 4px; }

.lp .lp-faq { padding: 32px var(--gutter, 40px) 72px; color: #000; }
.lp .lp-qlist { border-top: 1.5px solid #000; max-width: 980px; }
.lp .lp-q { border-bottom: 1px solid #000; }
.lp .lp-q summary {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  min-height: 64px; padding: 14px 0; cursor: pointer; list-style: none;
}
.lp .lp-q summary::-webkit-details-marker { display: none; }
.lp .lp-q h3 { margin: 0; font: 700 clamp(18px, 1.5vw, 22px)/1.3 'Golos Text', sans-serif; letter-spacing: -.01em; }
.lp .lp-plus { position: relative; flex: none; width: 22px; height: 22px; }
.lp .lp-plus::before, .lp .lp-plus::after { content: ""; position: absolute; left: 0; right: 0; top: 10px; height: 2px; background: currentColor; transition: transform 200ms cubic-bezier(.2,.7,.2,1); }
.lp .lp-plus::after { transform: rotate(90deg); }
.lp .lp-q[open] .lp-plus::after { transform: rotate(0deg); }
.lp .lp-q p { max-width: 46em; margin: 0; padding: 0 0 20px; font: 400 18px/1.5 'Golos Text', sans-serif; }
@media (hover: hover) { .lp .lp-q summary:hover h3 { color: #c4490a; } }
.lp .lp-q summary:active h3 { color: #c4490a; transition: none; } /* отклик нажатия на телефоне, где нет hover */
.lp .lp-q summary:focus-visible { outline: 2px solid #000; outline-offset: 4px; }

.lp .lp-cta-photo img { object-position: 74% 38%; }
.lp .lp-next nav { display: flex; flex-wrap: wrap; gap: 8px 32px; padding: 0; font: 600 16px/1.4 'Golos Text', sans-serif; }
.lp .lp-next { padding: 28px var(--gutter, 40px); }
.lp .lp-next a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1100px) and (min-width: 761px) {
  .lp .lp-two { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .lp .lp-crumbs { margin-bottom: 16px; }
  .lp .lp-photo img { object-position: 64% 20%; }
  .lp .nw-next-date b { font-size: 60px; }
  .lp .lp-h2 { font-size: 44px; }
  .lp .lp-lead { font-size: 19px; }
  .lp .lp-two { grid-template-columns: 1fr; gap: 40px; padding: 40px 20px 44px; }
  .lp .lp-list li, .lp :is(.lp-steps, .lp-qs) p { font-size: 17px; }
  .lp .lp-self { padding: 40px 20px 44px; }
  .lp .lp-qs { grid-template-columns: 1fr; }
  .lp .lp-qs li { grid-template-columns: 64px minmax(0, 1fr); padding: 18px 0 18px; }
  .lp .lp-qs b { font-size: 56px; }
  .lp .lp-qs p { font-size: 19px; }
  .lp .lp-self-note { margin-top: 20px; font-size: 16px; }
  .lp .lp-reviews { padding: 40px 20px 32px; }
  .lp .rev-lead { grid-template-columns: 1fr; gap: 16px; }
  .lp .rev-card { padding: 10px; }
  .lp .rev-stage { padding: 14px 10px 56px; }
  .lp .rev-note { right: 10px; bottom: 8px; height: 30px; width: calc(var(--ar) * 30px); max-width: 64%; }
  .lp .rev-cap { margin-top: 10px; padding-top: 10px; gap: 6px 10px; }
  .lp .rev-cap b { font-size: 13px; }
  .lp .rev-tag { font-size: 11px; letter-spacing: .1em; padding: 3px 7px; }
  .lp .lp-faq { padding: 24px 20px 44px; }
  .lp .lp-q p { font-size: 17px; }
  .lp .lp-next { padding: 20px; }
  .lp .lp-next nav { flex-direction: column; gap: 0; }
  .lp .lp-cta-photo img { object-position: 74% 36%; }
}
@media (prefers-reduced-motion: reduce) { .lp .lp-plus::before, .lp .lp-plus::after { transition: none; } }

/* ===== /razvitie-lichnogo-brenda/ (body.lp-rz), 27.09.2026.
   Reference lock (Refero): постер + Kajabi 6a80f749 (портрет как доказательство, чёрная секция, форматы
   карточками с прямыми углами), Elementor affiliates 5b879336 (hero → проблема → шаги → форматы → отзывы → FAQ → CTA).
   Сигнатура страницы — срок крупным постерным числом в карточке формата вместо цены. */
/* event-selfie (выбор владельца): волосы Валентины от 27% высоты, лицо 43–83% ширины; за спиной участники
   мероприятия (лица на 12–33% высоты, слева 10–30% ширины). Снимок шире рамки в 1,43 раза, окно по ширине
   ~30–100%, по высоте от 26% — головы участников уходят за верхний край. */
.lp-rz .lp-photo img { inset: auto; top: 0; left: -43%; width: 143%; height: auto; max-width: none; object-fit: fill; transform: translateY(-26%); }
/* CTA — два варианта на выбор владельца: 25 portrait-binoculars-sea (лицо закрыто биноклем по сюжету), 28 portrait-sea-meditation. */
.lp-rz .lp-cta--25 img { object-position: 50% 50%; }
.lp-rz .lp-cta--28 img { object-position: 50% 40%; }
.lp .lp-traps { margin-top: 12px; }
.lp .lp-punch { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid #000; font: 700 clamp(18px, 1.5vw, 22px)/1.35 'Golos Text', sans-serif; text-wrap: balance; }
.lp .lp-qs--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; }
.lp .lp-qs--3 li { grid-template-columns: 1fr; gap: 12px; }
.lp .lp-formats { padding: 64px var(--gutter, 40px) 56px; }
.lp .lp-formats .nw-plan h3 { font-size: 30px; }
.lp .lp-formats .nw-sum { font-size: 56px; }
.lp .lp-home-link { margin: 24px 0 0; font: 500 16px/1.45 'Golos Text', sans-serif; }
.lp .lp-home-link a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
/* Отзывы: длинный (Таня) справа на всю высоту, два коротких слева. */
@media (min-width: 761px) {
  .lp .rev-lead--stack > :nth-child(2) { grid-column: 2; grid-row: 1 / span 2; }
  .lp .rev-lead--stack > :not(:nth-child(2)) { grid-column: 1; }
}
@media (max-width: 1100px) and (min-width: 761px) { .lp .lp-qs--3 { grid-template-columns: 1fr; } .lp .lp-qs--3 li { grid-template-columns: 96px minmax(0, 1fr); } }
@media (max-width: 760px) {
  /* Плашка «15+» лежит на нижних ~170px фото: рамка выше, чтобы рот и подбородок были над ней. */
  .lp-rz .lp-photo { height: 560px; }
  .lp .lp-qs--3 { grid-template-columns: 1fr; }
  .lp .lp-qs--3 li { grid-template-columns: 64px minmax(0, 1fr); }
  .lp .lp-formats { padding: 36px 20px 40px; }
  .lp .lp-formats .nw-sum { font-size: 48px; }
  .lp .lp-formats .nw-plan h3 { font-size: 28px; }
}