.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-6);gap:var(--space-6);padding:0 var(--gutter);width:100%;max-width:var(--max-content);margin:0 auto}.card{display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-ink);text-decoration:none;transition:transform var(--dur-frame) var(--ease)}.card:hover{transform:translateY(-18px) scale(1.08);z-index:1}.card:focus-visible{outline:var(--border-frame) solid var(--color-ink);outline-offset:3px}.card__frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.card__image{object-fit:cover;transition:transform var(--dur-image) var(--ease)}.card:hover .card__image{transform:scale(1.1)}.card__title{font-size:var(--text-heading);font-weight:400;line-height:1.2;letter-spacing:-.02em;transition:color var(--dur-move) var(--ease)}.card:hover .card__title{color:var(--color-ink-deep)}.card__description{line-height:1.6}.card__description,.card__meta{font-size:var(--text-small);color:var(--color-ink-muted)}.card__meta{font-family:var(--font-sans);letter-spacing:.08em}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);padding:0 var(--space-6)}}@media (max-width:768px){.grid{grid-template-columns:1fr;gap:var(--space-7);padding:0 20px}.card:hover{transform:none}}