/* ============================================================
   soboleznovaniya.ru — РЕДИЗАЙН 2026 · открытки (каталог)
   Источник: dis/Открытки.dc.html
   WP: H1/лид/CTA и карточки — из редактора/каталога открыток.
   ============================================================ */

.pc-title{ padding:48px 0 36px; }
.pc-title h1{ margin:0; max-width:14ch; }
.pc-title__lead{ margin:26px 0 0; max-width:52ch; font-size:19px; line-height:1.55; color:var(--graphite); }

.pc-filters{ padding:14px 0 30px; }
.pc-filters__row{ display:flex; flex-wrap:wrap; gap:10px; }
.pc-chip{
  font-family:inherit; font-weight:var(--fw-semibold); font-size:15px;
  padding:11px 18px; border-radius:11px; cursor:pointer;
  background:var(--cloud); color:var(--ink); border:1px solid var(--cloud);
  transition:all .15s;
}
.pc-chip.is-on{ background:var(--ink); color:#fff; border-color:var(--ink); }

.pc-grid{ padding:0 0 72px; display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:18px; }
.pcard{ display:flex; flex-direction:column; gap:14px; }
.pcard__art{
  aspect-ratio:4/3; border-radius:18px; position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center; padding:28px;
}
.pcard__brace{ position:absolute; top:16px; left:18px; font-size:34px; font-weight:var(--fw-extrabold); color:rgba(255,255,255,.22); letter-spacing:var(--track-display); }
.pcard__title{ font-size:25px; font-weight:var(--fw-bold); color:#fff; text-align:center; letter-spacing:-0.02em; line-height:1.18; }
.pcard__meta{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.pcard__caption{ font-size:15px; line-height:1.45; color:var(--graphite); flex:1; }
.pcard__style{ flex:none; font-size:12px; font-weight:var(--fw-semibold); letter-spacing:0.04em; text-transform:uppercase; color:var(--ink); background:var(--cloud); padding:7px 11px; border-radius:var(--r-xs); }

/* градиенты карточек */
.g-dark{  background:linear-gradient(150deg,#3A3B40,#16171A); }
.g-slate{ background:linear-gradient(150deg,#6B6E76,#43454C); }
.g-taupe{ background:linear-gradient(150deg,#7C746C,#4E4742); }
.g-green{ background:linear-gradient(150deg,#5A6B66,#36433F); }
.g-blue{  background:linear-gradient(150deg,#5C6470,#3A4049); }
.g-mauve{ background:linear-gradient(150deg,#857B83,#544E56); }

.pc-cta{ padding:72px 0; border-top:1px solid var(--line); text-align:center; }
.pc-cta h2{ margin:0 auto; font-size:clamp(34px,4.6vw,64px); line-height:0.98; letter-spacing:var(--track-tighter); font-weight:var(--fw-extrabold); max-width:18ch; }
.pc-cta__text{ margin:24px auto 36px; max-width:48ch; font-size:19px; line-height:1.55; color:var(--graphite); }
.pc-cta__actions{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }

@media (max-width:640px){
  .pc-title h1{ font-size:40px; max-width:none; overflow-wrap:break-word; }
  .pc-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .pcard__title{ font-size:18px; }
  .pcard__meta{ flex-direction:column; gap:8px; }
  .pc-title, .pc-cta{ padding-top:32px; padding-bottom:32px; }
}