.lil-desc{margin-block-start:var(--spacing-near)}.lil-grid{--grid-min-item-size:18rem;inline-size:100%}.lil-listitem{display:flex;container:listicleItem/inline-size}.lil-article{--article-padding:var(--spacing-base);--transition-value:calc(var(--font-size-medium) * var(--line-height-base) + var(--spacing-near));gap:0;overflow:hidden;@media (width>=40rem){--article-padding:var(--spacing-far)}corner-shape:superellipse(2);background:var(--color-surface-base);border:var(--border-width-thin) solid var(--color-border-base);border-radius:24px;align-items:center}.lil-image{inline-size:16rem;max-inline-size:16rem;margin:var(--article-padding)}.lil-cat{box-shadow:none;font-size:var(--font-size-smallest)}.lil-overlay{block-size:100%;transition:transform var(--transition-duration-moderate-2) var(--ease-elastic-out-2);margin-block-start:calc(-16rem - 2 * var(--article-padding));padding-block-start:calc(16rem + 1 * var(--transition-value) + var(--article-padding));position:relative;&:before{content:"";border-radius:var(--border-radius-medium);inset:0;top:calc(var(--article-padding) + 16rem);background:var(--color-surface-base);z-index:-1;width:100%;height:100%;position:absolute}}.lil-content{z-index:10;padding:0 var(--article-padding) var(--article-padding)}.lil-link{z-index:10;top:100%;transition:transform var(--transition-duration-moderate-2) var(--ease-elastic-out-2);transition-delay:var(--transition-duration-quick-1);position:absolute;inset-inline-start:50%;transform:translate(-50%,100%)}.lil-article:hover,.lil-article:focus-within{& img{filter:blur(1px)brightness(1.1);opacity:.9}& .lil-overlay{transform:translateY(calc(-1 * var(--transition-value))) scale(1.005) translateZ(0);&:before{transform:scale(1)}}& .lil-link{opacity:1;transform:translate(-50%)}}