.blog-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:min(1262px,100vw - 40px);margin:40px auto 0;gap:24px}.blog-listing-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid hsla(0,0%,100%,.07);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%),#111215;box-shadow:inset 0 1px #ffffff06,0 14px 36px #00000029;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.blog-listing-card:hover{border-color:#7ad9f53d;box-shadow:inset 0 1px #ffffff0a,0 20px 48px #0000003d}.blog-listing-card:focus-visible{outline:2px solid #7ad9f5;outline-offset:4px}.blog-listing-card__image{width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0;background:#0c0d10}.blog-listing-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.blog-listing-card:hover .blog-listing-card__image img{transform:scale(1.025)}.blog-listing-card__content{display:flex;flex:1;flex-direction:column;padding:20px}.blog-listing-card__content h2{display:-webkit-box;overflow:hidden;margin:0;color:#fff;font-family:main-font,sans-serif;font-size:20px;font-weight:600;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-listing-card__excerpt{display:-webkit-box;overflow:hidden;margin:12px 0 24px;color:#ffffffa3;font-family:main-font,sans-serif;font-size:14px;font-weight:500;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:6}.blog-listing-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08);color:#ffffff8a;font-family:main-font,sans-serif;font-size:12px;line-height:1.4}.blog-listing-card__author{display:flex;min-width:0;align-items:center;gap:8px}.blog-listing-card__avatar{display:block;width:32px;height:32px;flex:0 0 32px;border:1px solid hsla(0,0%,100%,.12);border-radius:50%;object-fit:cover}.blog-listing-card__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:#1a1b21;color:#7ad9f5;font-size:13px;font-weight:700}.blog-listing-card__author-name{overflow:hidden;color:#ffffffd1;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.blog-listing-card__meta time{flex-shrink:0;white-space:nowrap}@media screen and (max-width: 1024px){.blog-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 768px){.blog-search-input{flex:none;height:var(--text-field-height);min-height:var(--text-field-height)}.blog-listing-grid{grid-template-columns:minmax(0,1fr);margin-top:32px;gap:16px}.blog-listing-card__content{padding:18px}.blog-listing-card__content h2{font-size:19px}}@media (prefers-reduced-motion: reduce){.blog-listing-card,.blog-listing-card__image img{transition:none}.blog-listing-card:hover .blog-listing-card__image img{transform:none}}
