.card{position:relative;transition:translate .15s,box-shadow .15s,border-color .15s}.card:hover,.card:focus-within{translate:0 -4px;border-color:var(--pink);box-shadow:0 8px 28px var(--pink-glow),0 0 0 1px var(--pink-glow)}.card .body{padding:1.25rem 1.4rem 1.4rem}.card .meta{margin:0 0 .5rem;font:.75rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card :is(h2,h3){margin:0 0 .5rem;font-size:1.25rem}.card :is(h2,h3):before{content:none}.card :is(h2,h3) a{color:var(--text);text-decoration:none}.card :is(h2,h3) a:after{content:"";position:absolute;inset:0;border-radius:inherit}.card :is(h2,h3) a:focus-visible{outline:none;box-shadow:none}.card:has(a:focus-visible){outline:2px solid var(--pink);outline-offset:3px}.card:hover :is(h2,h3) a{color:var(--pink)}.card p{margin:0 0 1rem;color:#d6cde8}.card .meta{color:var(--muted)}.card.big :is(h2,h3){font-size:1.5rem}.card .card-stack{display:flex;flex-wrap:wrap;gap:.35rem .8rem;list-style:none;padding:0;margin:0}.card .card-stack li{font:.8rem var(--font-mono);color:var(--purple)}.card .card-stack .deco{color:var(--pink)}@media(prefers-reduced-motion:reduce){.card:hover,.card:focus-within{translate:none}}
