.recipe-card{background:var(--surface-green-subtle);width:min(100%,390px);transition-property:background-color;transition-duration:var(--motion-duration);transition-timing-function:var(--motion-easing);border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #25231f0a,0 12px 28px #25231f0f}@media (hover:hover){.recipe-card:hover{background:var(--surface-green)}.recipe-card:hover .recipe-card__image{transform:scale(1.025)}.recipe-card:has(.recipe-card__image-link:hover) .recipe-card__title a{color:var(--tomato)}}.recipe-card__media{aspect-ratio:2/3;background:var(--paper);flex:none;position:relative;overflow:hidden}.recipe-card__image-link{width:100%;height:100%;display:block}.recipe-card__image-link:focus-visible{outline:3px solid var(--green);outline-offset:-5px}.recipe-card__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition-property:transform;transition-duration:var(--motion-duration);transition-timing-function:var(--motion-easing);display:block}.recipe-card__category{transform-origin:50%;min-height:32px;color:var(--ink);background:var(--surface-yellow);font-family:var(--font-hand);border-radius:999px;padding:7px 12px;font-size:16px;font-weight:400;line-height:1.2;text-decoration:none;position:absolute;top:16px;left:16px;transform:rotate(-2deg)}.recipe-card__category:hover{text-decoration:none}.recipe-card__category:focus-visible{outline:2px solid var(--green);outline-offset:3px;text-decoration:none}.recipe-card__body{z-index:1;background:linear-gradient(to bottom, transparent 0, #fffdf814 13px, #fffdf83d 26px, #fffdf87a 40px, #fffdf8b8 53px, #fffdf8eb 65px, var(--surface-yellow) 72px);flex:1 0 auto;min-height:181px;margin-top:-72px;padding:52px 22px 24px;position:relative}.recipe-card__meta{z-index:1;color:#25231f99;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 0;margin:12px 0 0;padding:0;font-size:14px;font-weight:500;line-height:1.4;list-style:none;display:flex;position:relative}.recipe-card__meta li{align-items:center;display:inline-flex}.recipe-card__meta li:not(:last-child):after{background:var(--tomato);content:"";border-radius:50%;width:3px;height:3px;margin-inline:9px}.recipe-card__time-icon{width:18px;height:18px;color:var(--tomato);fill:none;stroke:var(--tomato);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;flex:none;margin-inline-end:7px}.recipe-card__title{z-index:1;min-height:2.6em;font-family:var(--font-display);margin:0;font-size:28px;font-weight:400;line-height:1.3;position:relative}.recipe-card__title a{color:var(--ink);transition-property:color;transition-duration:var(--motion-duration);transition-timing-function:var(--motion-easing);text-decoration:none}.recipe-card__title a:hover,.recipe-card__title a:focus-visible{color:var(--tomato);text-decoration:none}.recipe-card__title a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.recipe-card__description{z-index:1;color:#25231fad;margin:10px 0 0;font-size:15px;line-height:1.5;position:relative}.recipe-card__decor{z-index:0;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;width:150px;height:auto;position:absolute;bottom:-27px;right:-14px}@media (width<=680px){.recipe-card{border-radius:20px}.recipe-card__category{top:12px;left:12px}.recipe-card__body{min-height:178px;padding:52px 18px 21px}.recipe-card__decor{width:132px;bottom:-6px;right:-12px}}@media (prefers-reduced-motion:reduce){.recipe-card,.recipe-card__image{transition:none}}
