.blog-card{background-color:var(--color-white);border:2px solid var(--color-deep-blue);width:100%;box-shadow:var(--shadow-gold);transition:transform var(--dur-base) var(--ease-base), box-shadow var(--dur-base) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-card:hover{transform:translateY(-7px)}.blog-card:has(.blog-card__link:focus-visible){outline:2px solid var(--color-deep-blue);outline-offset:3px}.blog-card__media{aspect-ratio:16/9;overflow:hidden}.blog-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-base);display:block}.blog-card:hover .blog-card__img{transform:scale(1.05)}.blog-card__body{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 5) calc(var(--spacing) * 5) calc(var(--spacing) * 6);flex-direction:column;display:flex}.blog-card__meta{color:var(--color-grey);font-family:var(--font-body);font-size:var(--body-sm);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600}.blog-card__title{color:var(--color-deep-blue);font-family:var(--font-heading);font-size:var(--heading-sm);margin:0;font-weight:400;line-height:1.15}.blog-card__link{color:inherit;text-decoration:none}.blog-card__link:after{content:"";position:absolute;inset:0}.blog-card__excerpt{color:var(--color-ink);font-family:var(--font-body);font-size:var(--body-md);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__img{transition:none}.blog-card:hover,.blog-card:hover .blog-card__img{transform:none}}
.blog-feed{align-items:center;gap:calc(var(--spacing) * 12);flex-direction:column;display:flex}.blog-feed__lede{align-items:center;gap:calc(var(--spacing) * 3);text-align:center;flex-direction:column;display:flex}.blog-feed__mark{width:auto;height:auto}.blog-feed__lede-text{max-width:var(--size-lg);color:var(--color-deep-blue);font-family:var(--font-label);font-size:var(--heading-sm);margin:0;font-weight:400;line-height:1.15}.blog-feed__grid{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));width:100%;display:grid}