.mat-grid{gap:var(--space-6);margin:var(--space-8) 0 0;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}@media (min-width:48rem) and (max-width:63.99rem){.mat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:47.99rem){.mat-grid{gap:var(--space-4);grid-template-columns:1fr}}.mat-item{display:flex}.mat-card{border-radius:var(--radius-card);background:var(--surface-card);min-width:0;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-base), transform var(--dur-base) var(--ease-base);flex-direction:column;flex:auto;display:flex;position:relative}.mat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.mat-card__media{border-radius:var(--radius-card) var(--radius-card) 0 0;position:relative;overflow:hidden}.mat-card__media img,.mat-card__placeholder{aspect-ratio:16/10;width:100%}.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{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);place-items:center;display:grid}.mat-card__body{padding:var(--space-4) var(--space-6) var(--space-6);flex-direction:column;flex:auto;display:flex}.mat-card__head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.mat-card__head>div{z-index:1;position:relative}.mat-card__meta{align-items:center;gap:var(--space-2);min-width:0;display:flex}.mat-card__date{color:var(--fg-muted);white-space:nowrap}.mat-card__kind{border-radius:var(--radius-pill);background:var(--accent-100);color:var(--accent-800);font-weight:var(--fw-text-medium);white-space:nowrap;padding:.125rem .5rem}.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));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;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:"";border-radius:inherit;position:absolute;inset:0}.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);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.mat-card:hover,.mat-card:hover .mat-card__media img{transform:none}}