/* Terracota Art · подход 9 (/preguntas/, /contacto/, статья la-ley) поверх theme.css + pro…pro6.css. Только новое. */

/* ── вопросы: полосы с огромным номером; раскрытие на светлом и на глине ── */
.k .pr-pq { position: relative; overflow: hidden; }
.k .pr-pq > .pr-pq__n { position: absolute; right: 4vw; top: 14px; font: 400 34vw/1 var(--serif); letter-spacing: -.04em; color: rgba(176, 96, 60, .13); pointer-events: none; }
.k .pr-night .pr-pq__n, .k .pr-sun.pr-pq .pr-pq__n { color: rgba(244, 237, 227, .08); }
.k .pr-pq__col, .k .pr-pq .pr-two { position: relative; }
.k .pr-pq .pr-faq { max-width: 760px; }
.k .pr-pq h2 { color: inherit; }
.k .pr-pq .pr-faq details.q p { max-width: 34em; }
.k .pr-pq .pr-faq details p .arrow { margin-top: 4px; display: inline-block; }
.k .pr-pq .chipx { background: rgba(244, 237, 227, .16); }
.k .pr-pq :is(.pr-sand, .pr-cream) .chipx, .k .pr-pq.pr-sand .chipx, .k .pr-pq.pr-cream .chipx { background: rgba(43, 33, 28, .09); }
.k .pr-pq:is(.pr-sand, .pr-cream) .pr-faq details.q { border-top-color: rgba(43, 33, 28, .22); }
.k .pr-pq:is(.pr-sand, .pr-cream) .pr-faq details.q:last-of-type { border-bottom-color: rgba(43, 33, 28, .22); }
.k .pr-pq:is(.pr-sand, .pr-cream) .pr-faq summary::after { color: var(--clay-d); }
.k .pr-pq:is(.pr-sand, .pr-cream) .pr-faq details p { color: var(--ink); opacity: .85; }
.k .pr-pq:is(.pr-sand, .pr-cream) .arrow { color: var(--clay-d); }
.k .pr-pq.pr-sun .pr-faq details p { color: rgba(244, 237, 227, .92); }
.k .pr-pq.pr-sun .pr-faq details.q { border-top-color: rgba(244, 237, 227, .36); }
.k .pr-pq.pr-sun .pr-faq details.q:last-of-type { border-bottom-color: rgba(244, 237, 227, .36); }
.k .pr-pq.pr-sun .pr-faq summary::after { color: var(--cream); }
.k .pr-pq .pr-two .pr-stack img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; border-radius: 3px; box-shadow: 0 30px 60px rgba(0, 0, 0, .35); }
@media (min-width: 900px) {
  .k .pr-pq > .pr-pq__n { font-size: 24vw; right: 5vw; top: 4vh; }
  .k .pr-pq .pr-two .pr-stack { width: 80%; margin: 0 auto; }
}

/* ── /contacto/: «Elige tu caso» — семь строк с номерами; форма на глине ── */
.k .pr-why { position: relative; overflow: hidden; }
.k .pr-why__kick, .k .pr-lead__kick { font: 500 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--clay-d); margin: 0 0 22px; }
.k .pr-lead__kick { color: rgba(244, 237, 227, .86); }
.k .pr-why h2, .k .pr-lead h2 { font-size: 40px; line-height: 1.04; max-width: 12ch; margin: 0 0 28px; }
.k .pr-why__list { counter-reset: w; max-width: 860px; }
.k .pr-why .w { counter-increment: w; display: grid; grid-template-columns: 34px 1fr auto; align-items: baseline; gap: 10px 14px; padding: 18px 0; border-top: 1px solid rgba(43, 33, 28, .22); transition: padding .3s; }
.k .pr-why .w:last-child { border-bottom: 1px solid rgba(43, 33, 28, .22); }
.k .pr-why .w:hover { padding-left: 10px; }
.k .pr-why .w-n::before { content: counter(w, decimal-leading-zero); font: 500 12px/1 var(--sans); letter-spacing: .1em; color: var(--clay-d); }
.k .pr-why .w-t { font: 400 28px/1.1 var(--serif); }
.k .pr-why .arrow { color: var(--clay-d); }
.k .pr-lead { position: relative; overflow: hidden; display: grid; gap: 22px; }
.k .pr-lead__card { background: var(--card); color: var(--ink); padding: 26px 20px; border-radius: 3px; box-shadow: 0 40px 80px rgba(43, 33, 28, .3); max-width: 560px; }
.k .pr-lead .leadf { display: flex; gap: 10px; flex-wrap: wrap; margin: 0; }
.k .pr-lead .leadf[hidden] { display: none; }
.k .pr-lead .leadf input { flex: 1 1 200px; min-width: 0; font: 400 16px/1.2 var(--sans); padding: 13px 12px; border: 1px solid #C9B49C; border-radius: 2px; background: #FFFDF9; color: var(--ink); }
.k .pr-lead .leadf input:focus { border-color: var(--clay-d); outline: none; box-shadow: 0 0 0 3px rgba(176, 96, 60, .18); }
.k .pr-lead .leadok { margin: 0; font: 400 24px/1.25 var(--serif); }
.k .pr-lead .leadok[hidden] { display: none; }
@media (min-width: 900px) {
  .k .pr-why h2, .k .pr-lead h2 { font-size: 72px; margin-bottom: 40px; }
  .k .pr-why .w { grid-template-columns: 60px 1fr auto; padding: 22px 0; }
  .k .pr-why .w-t { font-size: 44px; }
  .k .pr-why__list { margin-left: 18%; }
  .k .pr-lead { grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
  .k .pr-lead__card { padding: 44px; }
}
