.recipe-showcase{--recipe-accent: #978b71;--recipe-ink: #1a1a1a;--recipe-muted: #6b6b6b;--recipe-bg: #eef1ec;padding-left:17px;padding-right:17px}.recipe-showcase__header{text-align:center;margin-bottom:24px}.recipe-showcase__heading{font-family:Intervogue Alt Reg;font-size:2rem;margin:0 0 8px}.recipe-showcase__subheading{font-family:Intervogue Alt Reg;color:var(--recipe-muted);margin:0}.recipe-showcase__grid{display:grid;grid-template-columns:1fr;gap:30px 16px}@media screen and (min-width:750px){.recipe-showcase{padding-left:24px;padding-right:24px}.recipe-showcase__grid{grid-template-columns:repeat(3,1fr)}}.recipe-card{display:flex;flex-direction:column;text-align:left;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.recipe-card__image-wrapper{display:block;aspect-ratio:4 / 5;overflow:hidden;background:#f2f2f2;border-radius:10px}.recipe-card__image,.recipe-card__image-wrapper .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.recipe-card:hover .recipe-card__image{transform:scale(1.03)}.recipe-card__content{display:flex;flex-direction:column;gap:8px;padding-top:16px}.recipe-card__eyebrow{font-family:Intervogue Alt Reg;font-size:1.3rem;line-height:1.6rem;letter-spacing:0;text-transform:uppercase;color:#000}.recipe-card__title{font-family:Intervogue Alt Reg;font-size:2rem;letter-spacing:0;line-height:2.4rem;color:var(--recipe-ink)}.recipe-card__description{font-family:Intervogue Alt Reg;font-size:1.4rem;color:var(--recipe-muted);line-height:1.7rem;letter-spacing:0}.recipe-modal{position:fixed;top:0;right:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:17px;overflow-y:auto;background-color:#fff;height:100%;bottom:0}.recipe-modal[data-open]{display:block}.recipe-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.recipe-modal__panel{position:relative;background:var(--recipe-bg);width:100%;max-width:100%;overflow-y:auto;display:grid;grid-template-columns:1fr;border-radius:10px;background-color:#ebf1ed}@media screen and (min-width:750px){.recipe-modal__panel{grid-template-columns:33% 1fr;max-height:max-content}.recipe-modal{padding:24px}.recipe-modal[data-open]{display:flex}}@media screen and (min-width:990px){.recipe-card__eyebrow{font-size:1.5rem;line-height:1.8rem}.recipe-card__title{font-size:2.5rem;line-height:3rem}.recipe-card__description{font-size:1.3rem;line-height:1.6rem}.recipe-modal__panel{padding:4rem!important;grid-template-columns:35% 1fr}.recipe-modal__content{padding:0 30px 0 6rem!important}.recipe-modal__eyebrow{margin-bottom:10px!important}.recipe-modal__description{margin-bottom:5rem!important}.recipe-modal__panel{overflow-y:unset!important}.recipe-modal__image-wrapper .placeholder-svg{width:auto!important;height:auto!important}.recipe-modal__image{width:100%!important;height:100%!important}.recipe-modal__close{top:40px!important;right:40px!important}}.recipe-modal__close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--recipe-ink);padding:0;z-index:1}.recipe-modal__close svg{width:12px;height:auto}.recipe-modal__image-wrapper{min-height:240px;border-radius:10px;overflow:hidden}@media screen and (min-width:750px){.recipe-modal__image-wrapper{min-height:100%}.recipe-modal__content{padding:0 2.5rem}.recipe-modal__close{top:25px;right:25px}}.recipe-modal__image,.recipe-modal__image-wrapper .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.recipe-modal__content{padding:32px 28px 40px;background:#ebf1ed}@media screen and (min-width:750px){.recipe-modal__content{padding:0 0 0 40px}.recipe-modal__panel{padding:2.5rem;background:#ebf1ed;border-radius:10px}}.recipe-modal__eyebrow{display:block;font-family:Intervogue Alt Reg;font-size:1.5rem;letter-spacing:0;line-height:1.8rem;text-transform:uppercase;color:var(--recipe-muted);margin-bottom:6px}.recipe-modal__title{font-family:Intervogue Alt Reg;font-size:2.5rem;line-height:3rem;margin:0 0 10px;color:var(--recipe-ink)}.recipe-modal__description{font-family:Intervogue Alt Reg;color:var(--recipe-muted);margin:0 0 28px;line-height:1.6rem;font-size:1.3rem;letter-spacing:0}.recipe-modal__details{display:grid;grid-template-columns:1fr;gap:24px}@media screen and (min-width:550px){.recipe-modal__details{grid-template-columns:1fr 1.2fr}}.recipe-modal__details h4{font-family:Intervogue Alt Reg;font-size:1.5rem;line-height:1.8rem;letter-spacing:0;text-transform:uppercase;color:var(--recipe-ink);margin:0 0 12px}.recipe-modal__ingredients ul,.recipe-modal__ingredients ol,.recipe-modal__method ul,.recipe-modal__method ol{margin:0;padding-left:18px;font-family:Intervogue Alt Reg;font-size:.9rem;color:var(--recipe-ink);line-height:1.6}.recipe-modal__ingredients li,.recipe-modal__method li{margin-bottom:6px}.recipe-modal__ingredients ul{list-style:none;padding-left:0}.recipe-modal__ingredients li:before{content:"\2013";color:var(--recipe-accent);margin-right:8px}.recipe-modal__ingredients p,.recipe-modal__method p{margin:0 0 8px;font-size:1.3rem;line-height:2rem}body.recipe-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/81/assets/recipe-showcase.css.map */
