.recipe[data-v-278f4f77]{align-items:stretch;background:var(--c-surface);border:1px solid var(--c-border);color:inherit;display:grid;gap:14px;grid-template-columns:118px minmax(0,1fr);padding:10px;text-decoration:none;transition:transform .22s var(--ease-out)}.recipe[data-v-278f4f77]:hover{transform:translateY(-3px) rotate(-.35deg)}.recipe__image[data-v-278f4f77]{overflow:hidden;position:relative}.recipe__image img[data-v-278f4f77]{height:100%;min-height:110px;-o-object-fit:cover;object-fit:cover;width:100%}.recipe__image span[data-v-278f4f77]{background:var(--c-accent);border-radius:50%;color:var(--c-text);display:grid;height:38px;inset:auto 6px 6px auto;place-items:center;position:absolute;width:38px}.recipe__copy[data-v-278f4f77]{min-width:0;padding:6px 4px}.recipe small[data-v-278f4f77]{color:var(--c-primary);display:block;font-size:.64rem;font-weight:800;text-transform:uppercase}.recipe h3[data-v-278f4f77]{display:-webkit-box;font-size:1rem;line-height:1.2;margin:8px 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.recipe em[data-v-278f4f77]{color:var(--c-primary-2);font-family:var(--font-note);font-size:.72rem;font-style:normal}@media(min-width:900px){.recipe[data-v-278f4f77]{grid-template-columns:145px minmax(0,1fr)}.recipe h3[data-v-278f4f77]{font-size:1.15rem}}