.lil-desc{margin-block-start:var(--spacing-near)}.lil-grid{--grid-min-item-size: 18rem;inline-size:100%}.lil-listitem{container:listicleItem / inline-size;display:flex}.lil-article{--article-padding: var(--spacing-base);--transition-value: calc(var(--font-size-medium) * var(--line-height-base) + var(--spacing-near));overflow:hidden;gap:0;@media(min-width:40rem){--article-padding: var(--spacing-far)}align-items:center;border-radius:24px;corner-shape:superellipse(2);background:var(--color-surface-base);border:var(--border-width-thin) solid var(--color-border-base)}.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{position:relative;padding-block-start:calc(16rem + 1 * var(--transition-value) + var(--article-padding));margin-block-start:calc(-16rem - 2 * var(--article-padding));block-size:100%;transition:transform var(--transition-duration-moderate-2) var(--ease-elastic-out-2);&:before{content:"";position:absolute;border-radius:var(--border-radius-medium);inset:0;top:calc(var(--article-padding) + 16rem);width:100%;height:100%;background:var(--color-surface-base);z-index:-1}}.lil-content{z-index:10;padding:0 var(--article-padding) var(--article-padding)}.lil-link{position:absolute;z-index:10;top:100%;inset-inline-start:50%;transform:translate(-50%);transform:translate3d(-50%,100%,0);transition:transform var(--transition-duration-moderate-2) var(--ease-elastic-out-2);transition-delay:var(--transition-duration-quick-1)}.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:translate3d(-50%,0,0)}}