.recipe,.pizza-box{display:flex;flex-wrap:wrap;align-items:center}.pizza-box{flex:3 1 30ch;height:calc(200px + 5vw);overflow:hidden}.pizza-box .img-bottom img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.pizza-box .img-bottom{width:100%;height:100%;background-size:cover;background-position:50% 50%;background-attachment:scroll;background-repeat:no-repeat}.recipe{border-radius:8px;overflow:hidden}.recipe-content{padding:16px 32px;flex:4 1 40ch}.recipe-tags{margin:0 -8px}.recipe-tag{display:inline-block;margin:8px;font-size:.875em;text-transform:uppercase;font-weight:600;letter-spacing:.02em;color:var(--primary)}.recipe-title{margin:0;font-size:clamp(1.4em,2.1vw,2.1em)}.recipe-title a{text-decoration:none;color:inherit}.recipe-metadata{margin:0}.recipe-save{display:flex;align-items:center;padding:6px 14px 6px 12px;border-radius:4px;border:2px solid currentColor;color:var(--primary);background:0;cursor:pointer;font-weight:bold}.recipe-save a{display:flex;align-items:center;color:var(--primary);background:0;cursor:pointer;font-weight:bold;font-style:normal;text-decoration:none;font-size:18px;font-family:halyard-display,sans-serif;font-weight:600}*{box-sizing:border-box}.big{width:clamp(320px,100%,100%);padding:0px}.small{width:clamp(320px,35%,480px);padding:24px}.img-bottom img{transition:.5s ease-in-out all}.recipe:hover .img-top{display:inline}.recipe:hover .img-bottom img{opacity:0}