.pw-bl-feat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;margin-bottom:72px}
.pw-bl-feat__art{position:relative;aspect-ratio:16/10;border-radius:var(--radius-l);background:var(--panel-2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.pw-bl-feat__art svg{position:absolute;inset:0;width:100%;height:100%;transition:transform var(--t-heavy) var(--ease-primary)}
.pw-bl-feat:hover .pw-bl-feat__art svg{transform:scale(1.03)}
.pw-bl-feat__lines path{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}
.pw-bl-feat__lines path.is-soft{stroke:var(--line-2);stroke-width:2}
.pw-bl-feat__marks circle{fill:var(--bg);stroke:var(--ink);stroke-width:2}
.pw-bl-feat__marks path{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 5}
.pw-bl-feat__lines path.is-ghost{opacity:.22}
.pw-bl-feat__art text{font:500 18px var(--font-mono);fill:var(--accent)}
.pw-bl-feat__text{display:grid;gap:16px;justify-items:start}
.pw-bl-feat__text h3{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.1;letter-spacing:-.035em;transition:color var(--t-light) var(--ease-primary)}
.pw-bl-feat:hover h3{color:var(--accent)}
.pw-bl-feat__by{font-size:14px;color:var(--ink-3)}

.pw-bl-post__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-bl-post__meta span:first-child{color:var(--accent)}
.pw-bl-post__dek{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:52ch}
.pw-bl-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:8px}
.pw-bl-post{border-bottom:1px solid var(--line)}
.pw-bl-post[hidden]{display:none}
.pw-bl-post a{display:grid;gap:12px;padding:28px 0}
.pw-bl-post h3{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;max-width:30ch;transition:color var(--t-light) var(--ease-primary)}
.pw-bl-post a:hover h3,.pw-bl-post a:focus-visible h3{color:var(--accent)}
.pw-bl-box > .pw-demo{margin-top:24px}

@media (max-width:991px){
  .pw-bl-feat{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:48px}
}
@media (max-width:700px){
  .pw-bl-grid{grid-template-columns:minmax(0,1fr)}
  .pw-bl-post h3{font-size:20px}
}