.blog-grid-section>.shell{padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--hairline)}.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(36px,4vw,52px) clamp(20px,2vw,32px)}.blog-card{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--fg)}.blog-card:before{content:"+";position:absolute;top:clamp(-28px,-2.4vw,-18px);left:-4px;color:color-mix(in oklch,var(--fg) 42%,var(--muted));font-family:var(--font-mono);font-size:13px;line-height:1;opacity:.55;pointer-events:none}.blog-card-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--hairline);background:color-mix(in oklch,var(--surface) 60%,var(--bg))}.blog-card-cover-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.blog-card:hover .blog-card-cover-img{transform:scale(1.045)}.blog-card-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent 0 12px,color-mix(in oklch,var(--fg) 3%,transparent) 12px 24px),var(--surface);letter-spacing:.06em}.blog-card-cover-placeholder,.blog-card-meta{color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.blog-card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;letter-spacing:.08em}.blog-card-cats{color:color-mix(in oklch,var(--fg) 70%,var(--muted))}.blog-card-flag{margin-right:10px;color:var(--accent)}.blog-card-date{white-space:nowrap}.blog-card-title{margin:12px 0 0;font-size:clamp(18px,1.5vw,22px);line-height:1.08;letter-spacing:-.01em;transition:color .2s ease}.blog-card:hover .blog-card-title{color:var(--accent)}@media (max-width:1180px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.blog-grid{grid-template-columns:1fr;gap:40px}.blog-card-title{font-size:clamp(22px,6vw,28px)}}