.byline{align-items:center;gap:12px;margin:0;display:flex}.byline .avatar{object-fit:cover;border-radius:8px;flex:none;width:48px;height:48px}.by-who{flex-direction:column;min-width:0;line-height:1.35;display:flex}.by-name{color:var(--ink);font-size:14.5px;font-weight:600}.by-role{color:var(--muted);font-size:13px}.on-grass .by-name{color:var(--ink-cool)}.on-grass .by-role{color:var(--muted-cool)}.byline-sm .avatar{width:36px;height:36px}.byline-sm .by-name{font-size:14px}.byline-sm .by-role{font-size:12.5px}.pix{shape-rendering:crispedges;display:block}.blog-hero{background:var(--paper);padding:clamp(48px,7vw,88px) 0 clamp(52px,7vw,92px);position:relative;overflow:hidden}.masthead h1{letter-spacing:-.035em;color:var(--ink);margin:0 0 18px;font-size:clamp(36px,5vw,60px);font-weight:400;line-height:1.04}.masthead .lede{color:var(--muted);margin:0;font-size:clamp(16px,1.65vw,19px);line-height:1.7}.feat-rule{opacity:.55;margin:clamp(38px,5vw,60px) 0 0}.feature{max-width:760px;padding-top:clamp(30px,4vw,46px)}.feature-flag{color:var(--muted);align-items:center;gap:9px;margin:0 0 14px;font-size:13px;display:flex}.feature-flag .mark{width:22px;height:22px}.feature-flag .cat{color:var(--ink);font-weight:600}.feature-flag .sep{color:var(--faint)}.feature-title{letter-spacing:-.033em;color:var(--ink);text-wrap:balance;margin:0 0 16px;font-size:clamp(28px,3.7vw,44px);font-weight:400;line-height:1.06}.feature-title a{text-decoration:none;transition:color .15s}.feature-title a:hover{color:var(--coral-text)}.feature-stand{color:var(--muted);text-wrap:pretty;margin:0 0 clamp(20px,2.4vw,26px);font-size:clamp(16px,1.6vw,18.5px);line-height:1.62}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 28px;margin-bottom:clamp(18px,2.2vw,24px);display:flex}.list-head h2{letter-spacing:-.02em;color:var(--ink-cool);margin:0 0 4px;font-size:17px;font-weight:600}.list-count{color:var(--muted-cool);margin:0;font-size:13px}.filters{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--muted-cool);cursor:pointer;background:0 0;border:1px solid #1e3a2238;border-radius:999px;align-items:center;gap:7px;padding:8px 14px 8px 10px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.chip.bare{padding-left:14px}.chip .mark{flex:none;width:22px;height:22px}.chip:hover{color:var(--ink-cool);background:#ffffff61;border-color:#1e3a2273}.chip[aria-pressed=true]{color:var(--band-lift);background:var(--ink-cool);border-color:var(--ink-cool);font-weight:600}.posts{margin:0;padding:0;list-style:none}.post-row{border-bottom:1px solid #1e3a2229;grid-template-columns:140px minmax(0,1fr);gap:clamp(14px,2.6vw,36px);padding:clamp(24px,2.8vw,32px) 0;display:grid;position:relative}.post-rail{flex-direction:column;gap:6px;padding-top:4px;display:flex}.post-cat{color:var(--ink-cool);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.post-cat .mark{flex:none;width:22px;height:22px}.post-date,.post-read{color:var(--muted-cool);font-size:12.5px}.post-read{opacity:.72}.post-title{letter-spacing:-.028em;color:var(--ink-cool);text-wrap:pretty;margin:0 0 9px;font-size:clamp(20px,2.15vw,26px);font-weight:400;line-height:1.14}.post-title a{text-decoration:none;transition:color .15s}.post-title a:after{content:"";position:absolute;inset:0}.post-row:hover .post-title{color:var(--coral-text)}.post-title .arr{opacity:0;margin-left:6px;transition:opacity .16s,transform .16s;display:inline-block;transform:translate(-5px)}.post-row:hover .post-title .arr{opacity:1;transform:none}.post-dek{color:var(--muted-cool);text-wrap:pretty;margin:0 0 15px;font-size:15.5px;line-height:1.6}.post-row.is-lead{padding:clamp(28px,3.4vw,42px) 0}.is-lead .post-title{margin-bottom:12px;font-size:clamp(24px,2.9vw,33px)}.is-lead .post-dek{font-size:clamp(16px,1.6vw,17.5px)}.list-empty{color:var(--muted-cool);margin:40px 0 0;font-size:15.5px}@media (width<=720px){.post-row,.post-row.is-lead{grid-template-columns:1fr;gap:12px}.post-rail{flex-flow:wrap;align-items:center;gap:0 8px;padding-top:0}.post-date:before,.post-read:before{content:"·";opacity:.6;margin-right:8px}.list-head{align-items:flex-start}}@media (width<=480px){.filters{gap:7px}.chip{padding:7px 13px;font-size:13px}.chip .mark{display:none}}@media (prefers-reduced-motion:reduce){.post-title .arr,.post-title a,.feature-title a,.chip{transition:none}}