/* Blog page only. */
/* ---------------- Blog ---------------- */
.blog-hero{padding-bottom:32px}
.blog-hero::before{left:0;transform:none}
.blog-hero .page-shell{display:flex;flex-direction:column;gap:14px}
.blog-hero .hero-lede{max-width:540px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chip-btn{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(190,150,255,.26);background:transparent;color:var(--lilac);font-size:14px;font-weight:500;cursor:pointer}
.chip-btn[aria-selected="true"]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700}
.featured-section{padding:8px 0 28px}
.feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-radius:28px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.feat-img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:66% center}
.feat-body{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.feat-body h2{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1.08;letter-spacing:-.025em}
.feat-body>p:last-child{color:var(--muted)}
.post-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--subtle)}
.tag{padding:4px 10px;border-radius:999px;background:rgba(192,139,255,.14);color:#dcc2ff;font-weight:600}
.tag.pink{background:rgba(240,122,207,.14);color:#f7b4e4}
.posts-section{padding:8px 0 72px}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid rgba(190,150,255,.16);background:var(--surface)}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post img.pos-top{object-position:center 18%}
.post img.pos-mid{object-position:center}
.post-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px}
.post-body .post-meta{font-size:12px}
.post-body .tag{padding:3px 9px}
.post-body h3{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.01em}
.post-body p:last-child{font-size:14px;color:var(--muted)}
.news-box{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;border-radius:28px;padding:40px 44px;border:1px solid rgba(190,150,255,.20);background:radial-gradient(90% 140% at 100% 0%,rgba(150,70,255,.25),rgba(17,12,28,0) 60%),var(--surface)}
.news-copy{max-width:460px}
.news-copy h2{font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:-.025em;margin-bottom:8px}
.news-copy p{color:var(--muted)}
.news-form{flex:1 1 340px;max-width:460px;display:flex;flex-direction:column;gap:8px}
.news-form>label{font-size:13px;font-weight:600;color:var(--lilac)}
.news-form .input{background:var(--surface-2);min-height:52px}
.news-form .btn{flex:1 1 auto;min-height:52px}

@media(max-width:820px){
  .feat,.posts{grid-template-columns:minmax(0,1fr)}
  .feat-img{min-height:0;height:230px}
  .feat-body{padding:22px}
  .feat-body h2{font-size:26px}
  .chip-row{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none}
  .chip-row::-webkit-scrollbar{display:none}
  .news-box{padding:26px 22px}
  .news-copy h2{font-size:26px}
}