.blog-post-media{aspect-ratio:16/9;background:#0f1216;order:-1;min-height:0;position:relative;overflow:hidden}.blog-post-media:focus-visible{outline:2px solid var(--c-accent);outline-offset:-4px}.blog-post-media__image,.blog-post-media__overlay{width:100%;height:100%;position:absolute;inset:0}.blog-post-media__image{-o-object-fit:cover;object-fit:cover;transition:transform .5s}.blog-post-media__overlay{opacity:0;background:#0000008c;transition:opacity .3s}.blog-post-media__action{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;background:#0000004d;border:0;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.blog-post-media:focus-visible .blog-post-media__image,.blog-post-media:hover .blog-post-media__image{transform:scale(1.05)}.blog-post-media:focus-visible .blog-post-media__action,.blog-post-media:focus-visible .blog-post-media__overlay,.blog-post-media:hover .blog-post-media__action,.blog-post-media:hover .blog-post-media__overlay{opacity:1}.blog-post-media:focus-visible .blog-post-media__action,.blog-post-media:hover .blog-post-media__action{transform:translate(-50%,-50%)scale(1)}@media (width>=48rem){html[data-article-layout=list] .blog-post-media{aspect-ratio:auto;order:0}}@media (prefers-reduced-motion:reduce){.blog-post-media__action,.blog-post-media__image,.blog-post-media__overlay{transition:none}.blog-post-media:focus-visible .blog-post-media__image,.blog-post-media:hover .blog-post-media__image{transform:none}}.blog-post-card{background:#14181d;border:1px solid #0000;border-radius:.75rem;min-width:0;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;overflow:hidden}.blog-post-card--with-cover{grid-template-columns:minmax(0,1fr)}.blog-post-card--without-cover{grid-template-columns:minmax(0,1fr) 3.5rem}.blog-post-card:hover{border-color:#2a323c;transform:translateY(-.125rem);box-shadow:0 1rem 2.75rem #00000038}.blog-post-card__body{flex-direction:column;min-width:0;padding:1.25rem;display:flex}.blog-post-card__accent{background:var(--c-accent);border-radius:9999px;flex-shrink:0;width:.25rem;height:1.5rem;margin-top:.25rem}.blog-post-card__title{color:#f2f5f8;min-width:0;margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.blog-post-card__title-link{align-items:flex-start;gap:.5rem;text-decoration:none;transition:color .15s;display:inline-flex}.blog-post-card__title-link:hover{color:var(--c-accent)}.blog-post-card__meta{color:#8a96a4;-moz-column-gap:.75rem;font-family:var(--font-mono,ui-monospace,monospace);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.5rem .75rem;margin-top:.75rem;font-size:.75rem;line-height:1rem;display:flex}.blog-post-card__description{color:#b8c2ce;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:1rem 0 0;font-size:.875rem;line-height:1.5rem;display:-webkit-box;overflow:hidden}.blog-post-card__tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1.25rem;display:flex}.blog-post-card__tag{background:color-mix(in oklab,var(--c-accent) 12%,#0f1216);color:#b8c2ce;font-family:var(--font-mono,ui-monospace,monospace);border-radius:.375rem;align-items:center;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;display:inline-flex}.blog-post-card__tag:hover{color:#f2f5f8}html[data-article-layout=grid] .blog-post-card__body{height:100%}@media (width>=48rem){.blog-post-card__body{padding:1.5rem}html[data-article-layout=list] .blog-post-card--with-cover{grid-template-columns:minmax(0,1fr) minmax(14rem,.36fr)}html[data-article-layout=list] .blog-post-card__body{justify-content:flex-start;min-height:12rem}html[data-article-layout=list] .blog-post-card__title{font-size:1.5rem}html[data-article-layout=list] .blog-post-card__description{-webkit-line-clamp:3;line-clamp:3;font-size:1rem;line-height:1.75rem}}@media (prefers-reduced-motion:reduce){.blog-post-card{transition:none}.blog-post-card:hover{transform:none}}