/* collection: same card look as cards.css (that file loads only with a cards block, so duplicate the essentials) */
.block--collection .card { border: 1px solid var(--rule); border-radius: 4px; background: var(--paper); box-shadow: none; transition: border-color 0.2s ease; }
.block--collection a.card:hover { transform: none; box-shadow: none; border-color: var(--plum); }
.block--collection .card__body { padding: 28px; }
.block--collection .card__meta { font-family: var(--maw-font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-mute); }
.block--collection .card__title { font-size: 22px; line-height: 1.2; letter-spacing: -0.01em; }
.block--collection .card__text { font-size: 15px; line-height: 1.6; color: var(--ink-soft); }
.block--collection .card__footer { margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 600; color: var(--plum); }
.block--collection .card__media img { aspect-ratio: 16 / 10; object-fit: cover; object-position: top center; }