/* Terracota Art · подход 10 (/socios/, /ru/socios/, /preguntas/) поверх theme.css + pro…pro7.css. Только новое. */

/* русский: Marcellus без кириллицы — заголовки на Source Serif 4 (файл рядом) */
@font-face { font-family: "SourceSerifRU"; src: url("fonts/SourceSerif4-Variable.ttf") format("truetype"); font-weight: 200 900; font-display: swap; }
html[lang="ru"] .k { --serif: "SourceSerifRU", Georgia, serif; }
html[lang="ru"] .k :is(h1, h2, h3) { font-weight: 300; letter-spacing: -.005em; }

/* общий ярлык новых блоков */
.k .pr-cities, .k .pr-circ, .k .pr-tc, .k .pr-qa, .k .pr-solo { position: relative; overflow: hidden; }
.k .pr-cities__kick, .k .pr-circ__kick, .k .pr-tc__kick, .k .pr-qa__kick { font: 500 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--clay-d); margin: 0 0 22px; }
.k :is(.pr-night, .pr-sun) .pr-circ__kick, .k .pr-circ.pr-night .pr-circ__kick, .k .pr-tc.pr-sun .pr-tc__kick { color: rgba(244, 237, 227, .86); }

/* ── socios: города — пилюли и лента фото ── */
.k .pr-cities .sw-line { margin: 22px 0 14px; }
.k .pr-cities .sw-line button { color: var(--ink); border-color: rgba(43, 33, 28, .35); }
.k .pr-cities .sw-line button:hover { border-color: var(--ink); }
.k .pr-cities .sw-line button[aria-pressed="true"] { background: var(--clay-d); border-color: var(--clay-d); color: var(--cream); }
.k .pr-cities .cityline { font: 400 22px/1.3 var(--serif); color: var(--clay-d); min-height: 30px; margin: 4px 0 26px; max-width: 28em; }
.k .pr-cities .pr-strip__set { margin-top: 10px; }

/* ── socios: четыре круга — арки-фото и раскрытие ── */
.k .pr-circ .circ { display: grid; gap: 46px; margin-top: 30px; }
.k .pr-circ article img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: 220px 220px 3px 3px; display: block; box-shadow: 0 30px 60px rgba(0, 0, 0, .35); }
.k .pr-circ h3 { margin: 18px 0 6px; }
.k .pr-circ .tg { font: 400 30px/1.1 var(--serif); background: none; border: 0; padding: 0; color: var(--cream); cursor: pointer; text-align: left; min-height: 44px; }
.k .pr-circ .tg::after { content: " +"; color: var(--clay-l); }
.k .pr-circ .tg[aria-expanded="true"]::after { content: " –"; }
.k .pr-circ .body { max-width: 34em; color: rgba(244, 237, 227, .9); }
.k .pr-circ .body[hidden] { display: none; }
.k .pr-circ .body p { margin: 8px 0 14px; }
@media (min-width: 900px) {
  .k .pr-circ .circ { grid-template-columns: 1fr 1fr; gap: 70px 64px; }
  .k .pr-circ article:nth-child(even) { margin-top: 80px; }
  .k .pr-circ .tg { font-size: 40px; }
}

/* ── socios: шаги — подпись и кнопка ── */
.k .pr-steps3 > p:not(.pr-steps__kick) { max-width: 30em; margin: 0 0 26px; }

/* ── socios: карточка на столе — тёплый блок, фото с карточкой поверх ── */
.k .pr-tc { display: grid; gap: 54px; }
.k .pr-tc__fig { position: relative; margin: 0 0 30px; }
.k .pr-tc__fig img.bg { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; border-radius: 3px; display: block; box-shadow: 0 30px 70px rgba(43, 33, 28, .4); }
.k .pr-tc__card { position: absolute; left: 14px; bottom: -28px; display: flex; gap: 12px; align-items: center; background: var(--card); color: var(--ink); padding: 12px; border-radius: 3px; max-width: 290px; box-shadow: 0 20px 40px rgba(0, 0, 0, .3); }
.k .pr-tc__card img { width: 76px; height: 76px; flex: none; }
.k .pr-tc__card b { display: block; font: 400 16px/1.25 var(--serif); }
.k .pr-tc__card span { display: block; font-size: 12.5px; color: var(--mute); margin-top: 4px; }
.k .pr-tc__go { margin-top: 24px; }
@media (min-width: 900px) {
  .k .pr-tc { grid-template-columns: 1fr 1.2fr; gap: 90px; align-items: center; }
  .k .pr-tc__card { left: -36px; bottom: 34px; max-width: 320px; }
}

/* ── socios: вопросы — «?» на фоне, колонка слева ── */
.k .pr-qa > .pr-qa__mark { position: absolute; right: 3vw; top: -4vw; font: 400 46vw/1 var(--serif); color: rgba(176, 96, 60, .13); pointer-events: none; }
.k .pr-qa > :not(.pr-qa__mark) { position: relative; }
.k .pr-qa .pr-faq { max-width: 760px; }
.k .pr-qa .pr-faq details p { max-width: 34em; }
.k .pr-qa .pr-faq details.q { border-top-color: rgba(43, 33, 28, .22); }
.k .pr-qa .pr-faq details.q:last-of-type { border-bottom-color: rgba(43, 33, 28, .22); }
.k .pr-qa .pr-faq summary::after { color: var(--clay-d); }
.k .pr-qa .pr-faq details p { color: var(--ink); opacity: .85; }
@media (min-width: 900px) {
  .k .pr-qa { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; align-items: start; }
  .k .pr-qa > .pr-qa__mark { font-size: 28vw; top: -2vw; }
}

/* ── preguntas: одиночный вопрос — крупная цитата вместо списка ── */
.k .pr-solo > :not(.pr-solo__n) { position: relative; }
.k .pr-solo > .pr-solo__n { position: absolute; right: 4vw; top: 14px; font: 400 34vw/1 var(--serif); letter-spacing: -.04em; color: rgba(244, 237, 227, .09); pointer-events: none; }
.k .pr-solo h2 { color: inherit; }
.k .pr-solo__box { max-width: 760px; }
.k .pr-solo details.sq { border-top: 1px solid rgba(244, 237, 227, .36); border-bottom: 1px solid rgba(244, 237, 227, .36); padding: 22px 0; }
.k .pr-solo details.sq summary { list-style: none; cursor: pointer; font: 400 28px/1.18 var(--serif); display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
.k .pr-solo details.sq summary::-webkit-details-marker { display: none; }
.k .pr-solo details.sq summary::after { content: "+"; font: 300 34px/1 var(--sans); color: var(--cream); }
.k .pr-solo details.sq[open] summary::after { content: "–"; }
.k .pr-solo details.sq p { margin: 16px 0 0; max-width: 32em; color: rgba(244, 237, 227, .92); }
.k .pr-solo details.sq p .arrow { margin-top: 4px; display: inline-block; }
@media (min-width: 900px) {
  .k .pr-solo { display: grid; grid-template-columns: 1fr 1.3fr; gap: 80px; align-items: center; }
  .k .pr-solo > .pr-solo__n { font-size: 24vw; right: 5vw; top: 4vh; }
  .k .pr-solo details.sq summary { font-size: 38px; }
}
