/* Terracota Art · подход 6 (статья /articulos/arcilla-roja-o-blanca/) поверх theme.css + pro.css … pro4.css. Только новое. */
.k .pr-ar__col { max-width: 40em; }
.k .pr-ar h2 { font-size: 34px; line-height: 1.08; max-width: 16ch; margin: 0 0 20px; }
.k .pr-ar p { font-size: 18px; line-height: 1.6; max-width: 36em; margin: 0 0 16px; }
.k .pr-ar1 h2 { color: var(--clay-d); }
.k .pr-ar2 .pr-stack img { aspect-ratio: 16 / 10; }
.k .pr-ar2 h2, .k .pr-ar3 h2 { color: var(--cream); }
.k .pr-ar3 p { color: rgba(244, 237, 227, .92); }
.k .pr-ar3 .pr-ar__col { margin-left: 0; }
.k .pr-ar4__kick { font: 500 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--clay-d); margin: 0 0 22px; }
.k .pr-ar4__go { display: flex; flex-wrap: wrap; gap: 14px 30px; }
.k .pr-ar4 .arrow { font-size: 22px; }
@media (min-width: 900px) {
  .k .pr-ar h2 { font-size: 64px; max-width: 14ch; margin-bottom: 28px; }
  .k .pr-ar p { font-size: 21px; }
  .k .pr-ar1 .pr-ar__col { margin-left: 18%; }
  .k .pr-ar3 .pr-ar__col { margin-left: auto; margin-right: 12%; }
  .k .pr-ar4 .pr-ar4__go { gap: 14px 48px; }
}

/* на 768 огромная Φ ложится на текст — на средней ширине её нет */
@media (min-width: 600px) and (max-width: 899px) { .k .pr-phi { display: none; } }

/* /articulos/: третья полоса — строки (картинка сбоку), чтобы не повторять карточки двух верхних */
.k .pr-jl { display: grid; gap: 34px; }
.k .pr-jl .lt { display: grid; gap: 14px; text-decoration: none; color: inherit; }
.k .pr-jl .lt img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 3px; box-shadow: 0 26px 54px rgba(0, 0, 0, .4); transition: transform .7s cubic-bezier(.2, .7, .2, 1); }
.k .pr-jl .lt:hover img { transform: translateY(-6px); }
.k .pr-jl .lt h3 { font-size: 26px; line-height: 1.12; margin: 0 0 6px; color: var(--cream); }
.k .pr-jl .lt p { font-size: 16px; line-height: 1.5; margin: 0 0 10px; color: rgba(244, 237, 227, .78); max-width: 32em; }
.k .pr-jl .lt-go { font: 500 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--clay-l); }
.k .pr-jl .lt-go::after { content: " →"; }
@media (min-width: 900px) {
  .k .pr-jl { gap: 64px; }
  .k .pr-jl .lt { grid-template-columns: 1.618fr 1fr; gap: 64px; align-items: center; }
  .k .pr-jl .lt:nth-child(even) { grid-template-columns: 1fr 1.618fr; }
  .k .pr-jl .lt:nth-child(even) img { order: 2; }
  .k .pr-jl .lt h3 { font-size: 44px; }
  .k .pr-jl .lt p { font-size: 19px; }
}