.mats__grid{display:grid;gap:var(--spacing-32);grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr))}.mat{background:var(--surface-paper-card);border:1px solid var(--card-border);display:flex;flex-direction:column;height:100%;padding:var(--spacing-24)}.mat,.mat__media{border-radius:var(--radius-lg)}.mat__media{aspect-ratio:16/9;background:var(--surface-vellum-canvas);margin-bottom:var(--spacing-16);overflow:hidden}.mat__media img{display:block;height:100%;object-fit:cover;width:100%}.mat__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-8)}.mat__date{color:var(--color-slate-600);font-size:var(--text-micro);font-variant-numeric:tabular-nums;line-height:var(--leading-caption)}.mat__h{color:var(--color-slate-900);font-size:var(--text-subheading);font-weight:var(--font-weight-medium);line-height:var(--leading-subheading);margin-top:var(--spacing-16)}.mat__link{color:inherit;text-decoration:none}.mat__link:after{content:"";inset:0;position:absolute}.mats__item{position:relative}.mat__b{font-size:var(--text-body-sm);line-height:var(--leading-body-sm);margin-top:var(--spacing-8)}.mat__b,.mat__by{color:var(--color-slate-600)}.mat__by{font-size:var(--text-caption);line-height:var(--leading-caption);margin-top:auto;padding-top:var(--spacing-16)}.mats__state{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-8) var(--spacing-16)}.mats__state:has(.mats__count:not(:empty)){margin-bottom:var(--spacing-24)}.mats__reset{background:none;border:0;color:var(--color-slate-900);cursor:pointer;font-size:var(--text-caption);font-weight:var(--font-weight-medium);line-height:var(--leading-caption);padding:.125rem 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1875rem}@media(hover:hover)and (pointer:fine){.mats__reset:hover{text-decoration-thickness:.125rem}}.mats__none{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-8)}.mats__none[hidden]{display:none}.mats__count{font-size:var(--text-micro);line-height:var(--leading-caption)}.mats__count,.mats__empty{color:var(--color-slate-600)}.mats__empty{font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}@media(max-width:767px){.mats__grid{gap:var(--spacing-16);grid-template-columns:1fr}}.pill--soon{background:transparent;border:1px solid var(--card-border);color:var(--color-steel)}