.blog-section{max-width:1100px;padding-top:48px;padding-bottom:72px}.blog-heading{text-align:center;margin-bottom:36px}.blog-heading .ref-heading-frame{max-width:660px;margin-bottom:26px}.blog-heading p{font-size:16px;line-height:1.8;color:var(--text-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-card{min-width:0;border:1px solid var(--ink);border-radius:12px;background:var(--bg);overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s}.blog-card>a{height:100%;display:flex;flex-direction:column;padding:26px;color:var(--ink);text-decoration:none;gap:24px}.blog-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:9px;line-height:1.6;color:var(--text-secondary);letter-spacing:.025em}.blog-meta>span{color:var(--blue)}.blog-card h3{font-size:clamp(20px,2.2vw,27px);font-weight:600;letter-spacing:-.035em;line-height:1.28;text-wrap:pretty}.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.blog-card-bottom>.mono{font-size:10px}.blog-arrow{font-size:26px;transition:transform .25s,color .2s}.blog-featured{grid-column:1/-1;background:var(--ink)}.blog-featured>a{color:var(--bg);padding:32px}.blog-featured h3{font-size:clamp(26px,3.6vw,40px);max-width:32ch}.blog-featured .blog-meta,.blog-featured .blog-meta>span{color:#d9b9ef}.blog-featured .blog-card-bottom{border-color:#ffffff40}.blog-card>a:focus-visible{outline:3px solid var(--blue);outline-offset:-5px;border-radius:12px}
@media(hover:hover) and (pointer:fine){.blog-card:hover{transform:translateY(-4px);box-shadow:4px 5px 0 var(--ink);border-color:var(--blue)}.blog-card:hover .blog-arrow{transform:translate(3px,-3px);color:var(--blue)}.blog-featured:hover .blog-arrow{color:#d9b9ef}}
@media(max-width:700px){.blog-section{padding:36px 20px 48px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card>a,.blog-featured>a{padding:22px;gap:20px}.blog-card h3{font-size:23px}.blog-featured h3{font-size:28px}.blog-heading p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-arrow{transition:none!important;transform:none!important}}
.blog-featured{background:#151218}.blog-featured>a{color:#fff}