.wide{max-width:920px}


.blog-hero{margin:10px 0 6px}
.kicker{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:6px}

.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:26px 0 10px}
.post-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:.18s}
.post-card:hover{border-color:rgba(255,46,99,.55);transform:translateY(-2px)}
.pc-art{height:118px;display:flex;align-items:center;justify-content:center;color:var(--violet);
  background:radial-gradient(70% 120% at 30% 0%,rgba(255,46,99,.16),transparent 65%),
             radial-gradient(60% 110% at 90% 10%,rgba(224,180,92,.10),transparent 60%),#150f14;
  border-bottom:1px solid var(--line)}
.pc-art svg{opacity:.9}
.pc-body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:7px;flex:1}
.pc-tag{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1.3px}
.pc-h{font-size:17px;line-height:1.3;letter-spacing:-.2px;color:var(--txt);margin:0}
.pc-dek{color:#c9bcc4;font-size:13.5px;line-height:1.55;flex:1;margin:0}
.pc-meta{color:var(--dim);font-size:12px;margin:0}
.pc-more{color:var(--violet);font-size:13px}


.crumb{color:var(--dim);font-size:12.5px;margin:0 0 10px}
.crumb a{color:var(--dim);text-decoration:none}
.crumb a:hover{color:var(--violet)}
.art-meta{color:var(--dim);font-size:13px;margin:8px 0 0}
.art-tag{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1.6px}



.pull{border-left:2px solid var(--violet);padding:4px 0 4px 16px;margin:22px 0;
  font-size:17px;line-height:1.55;color:#f0e4ea;letter-spacing:-.2px}



.cta{background:linear-gradient(135deg,rgba(255,46,99,.13),rgba(224,180,92,.07));
  border:1px solid rgba(255,46,99,.4);border-radius:16px;padding:20px 20px 22px;margin:34px 0 8px;text-align:center}
.cta h2{margin:0 0 6px;color:var(--txt);font-size:19px;letter-spacing:-.2px;text-transform:none}
.cta p{color:#d8cad2;font-size:14px;margin:0 auto;max-width:52ch}
.cta-btn{display:inline-block;margin-top:14px;background:var(--violet);color:#fff;text-decoration:none;
  border-radius:999px;padding:11px 26px;font-size:14.5px;font-weight:600;transition:.15s}
.cta-btn:hover{filter:brightness(1.12)}
.cta small{display:block;color:var(--dim);font-size:12px;margin-top:11px}

.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:14px 0 0}
.related a{display:block;background:var(--card);border:1px solid var(--line);border-radius:13px;
  padding:13px 15px;text-decoration:none;color:var(--txt);font-size:14.5px;line-height:1.4;transition:.15s}
.related a:hover{border-color:rgba(255,46,99,.5)}
.related span{display:block;color:var(--dim);font-size:12px;margin-top:5px}