@layer components{.blog-card{position:relative}.blog-card__media{margin-block-end:1.25rem;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;box-shadow:var(--shadow-card);transition:transform .5s var(--ease-out-expo), box-shadow .5s ease;display:block}.blog-card__badge{position:absolute;top:1rem;left:1rem}.blog-card__badge .pill{background-color:var(--color-ink);color:var(--color-canvas)}.blog-card__heading{color:var(--color-ink);transition:color .3s}.blog-card__tags{flex-wrap:wrap;gap:.5rem;margin-block:.75rem;display:flex}.blog-card .more-link{margin-block-start:.75rem}@media (width>=64.0625rem){.blog-card--featured .blog-card__heading{font-size:var(--font-size-h1);font-weight:var(--font-weight-regular);line-height:var(--line-height-heading-tight);letter-spacing:var(--letter-spacing-tight)}}@media (hover:hover) and (pointer:fine){.blog-card:hover .blog-card__image{box-shadow:0 1.5rem 2.5rem rgb(from var(--color-ink) r g b / .18);transform:scale(1.06)}.blog-card:hover .blog-card__heading{color:color-mix(in oklab, var(--color-ink), var(--color-primary) 35%)}}@media (prefers-reduced-motion:reduce){.blog-card__image,.blog-card__heading{transition:none}}.blog-card .more-link:after{content:"";z-index:1;position:absolute;inset:0}.blog-featured-grid__grid{column-gap:3rem;row-gap:var(--space-section);grid-template-columns:1fr 1fr;display:grid}.blog-featured-grid__grid .blog-card--featured{grid-column:1/-1}.blog-featured-grid .blog-card__image{aspect-ratio:4/3}@media (width>=64.0625rem){.blog-featured-grid__grid{grid-template-rows:repeat(5,auto) 3rem repeat(5,auto);row-gap:1rem}.blog-featured-grid .blog-card--featured .blog-card__image{aspect-ratio:16/9}.blog-featured-grid__grid>.blog-card--featured,.blog-featured-grid__grid>.blog-card:not(.blog-card--featured){grid-template-columns:1fr;grid-template-rows:subgrid;row-gap:1rem;display:grid}.blog-featured-grid__grid>.blog-card--featured{grid-row:1/span 5}.blog-featured-grid__grid>.blog-card:not(.blog-card--featured){grid-row:7/span 5}.blog-featured-grid__grid>.blog-card--featured .blog-card__media,.blog-featured-grid__grid>.blog-card:not(.blog-card--featured) .blog-card__media,.blog-featured-grid__grid>.blog-card--featured .blog-card__heading,.blog-featured-grid__grid>.blog-card:not(.blog-card--featured) .blog-card__heading{margin-block-end:0}.blog-featured-grid__grid>.blog-card--featured .blog-card__tags,.blog-featured-grid__grid>.blog-card:not(.blog-card--featured) .blog-card__tags{margin-block:0}.blog-featured-grid__grid>.blog-card--featured .more-link,.blog-featured-grid__grid>.blog-card:not(.blog-card--featured) .more-link{margin-block-start:0}}@media (width<=64rem){.blog-featured-grid__grid{grid-template-columns:1fr}}}
