.blog-feature{display:grid;grid-template-columns:1fr;border:1px solid var(--color-ink);background:var(--color-paper);position:relative;transition:background .25s,color .25s,transform .25s}@media(min-width:900px){.blog-feature{grid-template-columns:3fr 2fr}}.blog-feature:hover{background:var(--color-ink);color:var(--color-paper);transform:translateY(-3px);box-shadow:8px 8px 0 var(--color-orange)}.blog-feature-tag{position:absolute;top:-1px;right:-1px;width:24px;height:6px;background:var(--color-orange)}.blog-feature-l{padding:36px 32px;display:flex;flex-direction:column;gap:18px;justify-content:space-between}.blog-feature-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:14px;border-bottom:1px dashed rgba(14,15,26,.25)}.blog-feature:hover .blog-feature-head{border-bottom-color:#ffffff2e}.blog-feature:hover .type-mono-label{color:var(--color-paper)}.blog-feature:hover .type-mono-label[style*=orange]{color:var(--color-orange)!important}.blog-feature-h{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(1.75rem,3.4vw,2.4rem);line-height:1.2;color:var(--color-ink);margin:0;transition:color .25s;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}.blog-feature:hover .blog-feature-h{color:var(--color-paper)}.blog-feature-desc{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--color-ink);opacity:.85;margin:0}.blog-feature:hover .blog-feature-desc{color:var(--color-paper);opacity:.85}.blog-feature-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px dashed rgba(14,15,26,.25)}.blog-feature:hover .blog-feature-foot{border-top-color:#ffffff2e}.blog-feature-arrow{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-orange);transition:gap .25s}.blog-feature-r{background:var(--color-paper-soft);padding:36px 32px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--color-ink)}.blog-feature:hover .blog-feature-r{background:#ffffff0a;border-left-color:#ffffff2e}.blog-feature-readout{text-align:center}.blog-feature-readout-num{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:36px;line-height:1;color:var(--color-primary);margin:14px 0;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;letter-spacing:.04em}.blog-feature:hover .blog-feature-readout-num{color:var(--color-orange)}.blog-archive{display:flex;flex-direction:column;border:1px solid var(--color-ink);background:var(--color-paper)}.blog-archive-row{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start;padding:22px 24px;border-bottom:1px solid rgba(14,15,26,.18);color:var(--color-ink);transition:background .25s,color .25s}.blog-archive-row:last-child{border-bottom:none}.blog-archive-row:hover{background:var(--color-ink);color:var(--color-paper)}.blog-archive-row:hover .blog-archive-num{color:var(--color-orange)}.blog-archive-row:hover .blog-archive-title,.blog-archive-row:hover .blog-archive-desc,.blog-archive-row:hover .type-mono-label{color:var(--color-paper)}.blog-archive-row:hover .type-mono-label[style*=orange]{color:var(--color-orange)!important}.blog-archive-row:hover .blog-archive-arrow{color:var(--color-orange);transform:translate(6px)}.blog-archive-num{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-orange);letter-spacing:.06em;width:60px;flex-shrink:0;padding-top:4px}.blog-archive-body{display:flex;flex-direction:column;gap:6px;max-width:720px}.blog-archive-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.blog-archive-title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.25;color:var(--color-ink);margin:4px 0 2px;transition:color .25s;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}.blog-archive-desc{font-family:var(--font-body);font-size:13px;line-height:1.55;color:var(--color-ink);opacity:.78;margin:0;transition:color .25s,opacity .25s}.blog-archive-arrow{font-family:var(--font-mono);font-size:18px;align-self:center;transition:color .25s,transform .25s;color:var(--color-ink)}