.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-8) 0 0;padding:0;list-style:none}@media (min-width:48rem) and (max-width:63.99rem){.mat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:47.99rem){.mat-grid{grid-template-columns:1fr;gap:var(--space-4)}}.mat-card,.mat-item{display:flex}.mat-card{position:relative;flex:1 1 auto;flex-direction:column;min-width:0;border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-base),transform var(--dur-base) var(--ease-base)}.mat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.mat-card__media{position:relative;overflow:hidden;border-radius:var(--radius-card) var(--radius-card) 0 0}.mat-card__media img,.mat-card__placeholder{width:100%;aspect-ratio:16/10}.mat-card__media img{object-fit:cover;transition:transform .6s var(--ease-out)}.mat-card:hover .mat-card__media img{transform:scale(1.04)}.mat-card__placeholder{display:grid;place-items:center;color:color-mix(in oklab,var(--accent-700) 55%,transparent);background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--accent-100) 55%,var(--surface-white)) 0 10px,color-mix(in oklab,var(--accent-50) 70%,var(--surface-white)) 10px 20px)}.mat-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--space-4) var(--space-6) var(--space-6)}.mat-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.mat-card__head>div{position:relative;z-index:1}.mat-card__meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.mat-card__date{color:var(--fg-muted);white-space:nowrap}.mat-card__kind{padding:.125rem .5rem;border-radius:var(--radius-pill);background:var(--accent-100);color:var(--accent-800);font-weight:var(--fw-text-medium);white-space:nowrap}.mat-card__kind--post{background:color-mix(in oklab,var(--pastel-lilac) 70%,white);color:var(--fg-secondary)}.mat-card__pin{color:var(--accent-700);font-weight:var(--fw-text-medium);white-space:nowrap}.mat-card__title{margin-top:var(--space-2);min-height:calc(2 * var(--lh-tight) * var(--text-heading-4));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mat-card__link{transition:color var(--dur-micro) var(--ease-micro)}.mat-card__link:hover{color:var(--accent-700)}.mat-card__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.mat-card__excerpt{margin-top:var(--space-2);min-height:calc(4 * var(--lh-body) * var(--text-body-m));font-size:var(--text-body-m);line-height:var(--lh-body);color:var(--fg-secondary);display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media (prefers-reduced-motion:reduce){.mat-card:hover,.mat-card:hover .mat-card__media img{transform:none}}