.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:12px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-accent)}.blog-card:first-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:350px;display:grid}.blog-card-art{aspect-ratio:16/9;background:radial-gradient(circle, #1b3154, var(--color-base-100));place-items:center;display:grid;position:relative}.blog-card-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-card:first-child .blog-card-art{aspect-ratio:auto}.blog-card-logo img{object-fit:contain;width:112px;height:112px;position:static}.blog-card:first-child .blog-card-logo img{width:160px;height:160px;position:static}.blog-card-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.blog-card:first-child .blog-card-copy{align-self:center;padding:48px}.blog-card-meta{color:#a7b4c6;margin-bottom:14px;font-size:14px}.blog-card h2{font-size:25px;font-weight:700;line-height:1.25}.blog-card:first-child h2{font-size:clamp(30px,3vw,38px)}.blog-card p{color:#dde1e8;margin-block:16px 28px;font-size:17px;line-height:1.65}.blog-read-link{color:var(--color-accent);align-items:center;gap:8px;margin-top:auto;font-weight:600;display:inline-flex}.blog-breadcrumb{color:var(--color-accent);margin-bottom:24px;font-weight:600}.blog-breadcrumb a:hover{text-underline-offset:.2em;text-decoration:underline}.blog-cover{border-radius:12px;width:100%;height:auto;margin-bottom:24px;display:block}.blog-byline{color:#a7b4c6;align-items:center;gap:12px;margin-bottom:32px;font-size:14px;line-height:1.6;display:flex}.blog-byline img{object-fit:cover;border-radius:50%;flex-shrink:0}.blog-author-name{color:var(--color-base-content);font-weight:600}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card:first-child .blog-card-copy{padding:32px}}@media (width<=600px){.blog-grid,.blog-card:first-child{grid-template-columns:1fr}.blog-card:first-child .blog-card-art{aspect-ratio:16/9}.blog-card:first-child .blog-card-copy{padding:28px}}