/* Облако работ на странице портфолио (разметку генерирует migration/tools/build_cases.js) */
.pc-cloud { padding: 18px 0 0; }
.pc-cloud__card { display: grid; grid-template-columns: minmax(220px, 300px) 1fr; gap: 40px; align-items: center; padding: 32px 36px; border: 1px solid var(--cs-line); border-radius: var(--cs-radius); background: #fff; }
.pc-cloud__head .cs-kicker { margin-bottom: 10px; }
.pc-cloud__h { margin: 0 0 10px; padding: 0; color: var(--cs-ink); font: 800 24px/1.25 'Open Sans', Arial, sans-serif; letter-spacing: -.01em; text-transform: none; }
.pc-cloud__lead { margin: 0; color: var(--cs-muted); font-size: 14px; line-height: 1.6; }
.pc-cloud__list { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 4px 18px; }
.pc-cloud__list li { margin: 0; padding: 0; }
.pc-tag { display: inline-block; padding: 2px 0; color: #9a9ea8; font-family: 'Open Sans', Arial, sans-serif; font-size: calc(14px + var(--pc-s, 0) * 26px); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; text-decoration: none; transition: color .15s ease; }
.pc-tag sup { position: relative; top: -.9em; margin-left: 3px; color: #b4b7bf; font-size: 11px; font-weight: 600; letter-spacing: 0; vertical-align: baseline; transition: color .15s ease; }
.pc-tag--2 { color: var(--cs-muted); }
.pc-tag--3 { color: var(--cs-text); font-weight: 700; }
.pc-tag--4 { color: var(--cs-ink); font-weight: 800; letter-spacing: -.02em; }
.pc-tag:hover, .pc-tag:focus { color: var(--cs-red); text-decoration: none; }
.pc-tag:hover sup, .pc-tag:focus sup { color: var(--cs-red); }
.pc-tag:focus-visible { outline: 2px solid var(--cs-red); outline-offset: 3px; border-radius: 4px; }
@media (max-width: 991px) {
  .pc-cloud__card { grid-template-columns: 1fr; gap: 22px; padding: 26px 24px; }
  .pc-cloud__lead { max-width: 640px; }
  .pc-cloud__list { justify-content: flex-start; }
}
@media (max-width: 575px) {
  .pc-cloud { padding-top: 14px; }
  .pc-cloud__card { padding: 20px 18px; gap: 16px; }
  .pc-cloud__h { font-size: 20px; }
  .pc-cloud__list { gap: 2px 12px; }
  .pc-tag { font-size: calc(13px + var(--pc-s, 0) * 15px); }
  .pc-tag sup { font-size: 10px; margin-left: 2px; }
}
@media (prefers-reduced-motion: reduce) { .pc-tag, .pc-tag sup { transition: none; } }