.article.svelte-m3zrdl{aspect-ratio:3/4;background:var(--color-surface-highlight);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.cover.svelte-m3zrdl{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform var(--duration-l) var(--ease-move);position:absolute;inset:0}.article.svelte-m3zrdl:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--dark-5), transparent 20%), var(--dark-70);transition:background-color var(--duration-l) var(--ease-hover);position:absolute;inset:0}.article.svelte-m3zrdl:has(.card-link:where(.svelte-m3zrdl):active):before{background:linear-gradient(to bottom, var(--dark-5), transparent 20%), var(--dark-60)}@media (hover:hover){.article.svelte-m3zrdl:hover .cover:where(.svelte-m3zrdl){transform:scale(1.07)}}.article.svelte-m3zrdl:has(.card-link:where(.svelte-m3zrdl):active) .cover:where(.svelte-m3zrdl){transform:scale(1.02)}.top.svelte-m3zrdl{padding:var(--space-300)}.bottom.svelte-m3zrdl{gap:var(--space-300);padding:var(--space-300);grid-row:3;display:grid;position:relative}.bottom.svelte-m3zrdl:before{content:"";z-index:-1;background:linear-gradient(to top, var(--dark-20) calc(100% - 6rem), transparent);position:absolute;inset:-6rem 0 0}@media (width>=64em){.bottom.svelte-m3zrdl{padding:var(--space-500)}}.title.svelte-m3zrdl{color:var(--color-content-lightest);text-wrap:balance}.read.svelte-m3zrdl{color:var(--color-content-light);justify-content:space-between;align-items:center;display:flex}