.blog-feature{border-bottom:1px solid var(--rule);cursor:pointer;grid-template-columns:120px 1fr 180px;align-items:start;gap:48px;padding:48px 0;transition:background .2s;display:grid}.blog-feature>*{will-change:transform;transition:transform .2s}.blog-feature:hover{background:var(--panel)}.blog-feature:hover>:first-child{transform:translate(16px)}.blog-feature:hover>:last-child{transform:translate(-16px)}.blog-feature:hover h3{color:var(--accent)}.blog-feature .date{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;padding-top:8px;font-size:11px}.blog-feature h3{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;font-size:clamp(22px,2.6vw,34px);font-weight:400;line-height:1.15;transition:color .2s}.blog-feature .author{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:500}.blog-feature .excerpt{font-family:var(--sans);color:var(--ink-3);margin-bottom:14px;font-size:15px;line-height:1.6}.blog-feature .tags{flex-wrap:wrap;gap:8px;display:flex}.blog-feature .read{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;text-align:right;color:var(--accent);padding-top:8px;font-size:11px;font-weight:500}.blog-feature .read:after{content:" →"}@media (max-width:900px){.blog-feature{grid-template-columns:1fr!important}}