:root{--hw-hero-width: 50%;--hw-green: #505b49;--hw-sage: #99a287;--hw-beige: #c4bfae;--hw-white: #ffffff;--hw-text: #3f4738;--hw-cream: #f7f4ee;--hw-hairline: #e7e2d6}.recipe__inner,.recipe-index__inner{max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.recipe__subheading,.recipe-index__title,.recipe__title{color:var(--hw-green)}.recipe-index__header{text-align:center;max-width:40rem;margin:0 auto 3rem}.recipe-index__title{margin:0 0 .75rem;font-size:2rem;letter-spacing:.08em;text-transform:uppercase}.recipe-index__subheading{margin:0;font-size:1rem;line-height:1.6;color:var(--hw-text);opacity:.85}.recipe-index__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.recipe-card{display:flex;flex-direction:column;background-color:var(--hw-white);border:1px solid var(--hw-hairline);border-radius:12px}.recipe-card__image-link{display:block;text-decoration:none}.recipe-card__image{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px 12px 0 0}.recipe-card__image img,.recipe-card__image .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.recipe-card__info{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem 1.25rem 1.5rem}.recipe-card__title{margin:0 0 .5rem;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}.recipe-card__title a{color:var(--hw-green);text-decoration:none}.recipe-card__excerpt{margin:0 0 .75rem;font-size:.9rem;line-height:1.55;color:var(--hw-text);opacity:.85}.recipe-card__meta{display:flex;gap:.5rem;margin:0 0 1.25rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--hw-sage)}.recipe-card__link{align-self:flex-start;margin-top:auto;padding:.7rem 1.5rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--hw-white);background-color:var(--hw-green);border:1px solid var(--hw-green);border-radius:6px;transition:background-color .2s ease,color .2s ease}.recipe-card__link:hover,.recipe-card__link:focus{color:var(--hw-green);background-color:transparent}.recipe-index__empty{text-align:center;color:var(--hw-text);opacity:.8}.recipe-index__pagination{margin-top:3rem;text-align:center}.recipe__back{margin-bottom:2rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.recipe__back a{color:var(--hw-sage);text-decoration:none}.recipe__back a:hover,.recipe__back a:focus{color:var(--hw-green)}.recipe__header{max-width:44rem;margin:0 auto 2rem;text-align:center}.recipe__title{margin:0 0 1rem;font-size:2.25rem;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.recipe__standfirst{font-size:1.05rem;line-height:1.6;color:var(--hw-text);opacity:.85}.recipe__standfirst p{margin:0}.recipe__hero{max-width:var(--hw-hero-width);margin:0 auto 2rem;border-radius:16px;overflow:hidden}.recipe__hero img{display:block;width:100%;height:auto}.recipe__facts{display:flex;justify-content:center;gap:3rem;max-width:var(--hw-hero-width);margin:0 auto 2.5rem;padding:1.25rem 1rem;background-color:var(--hw-white);border:1px solid var(--hw-hairline);border-radius:12px}.recipe__fact{text-align:center}.recipe__fact dt{margin:0 0 .35rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hw-text)}.recipe__fact dd{margin:0;font-size:1.05rem;color:var(--hw-green)}.recipe__intro{max-width:44rem;margin:0 auto 3rem;line-height:1.7;color:var(--hw-text)}.recipe__body{display:grid;grid-template-columns:minmax(240px,1fr) 1.6fr;gap:3rem;align-items:start}.recipe__ingredients-card{padding:1.75rem;background-color:var(--hw-white);border:1px solid var(--hw-hairline);border-radius:12px;position:sticky;top:2rem}.recipe__subheading{margin:0 0 1.25rem;font-size:1.275rem;letter-spacing:.14em;text-transform:uppercase}.recipe__ingredient-list{margin:0;padding:0;list-style:none}.recipe__ingredient-list li{padding:.65rem 0;border-bottom:1px solid var(--hw-hairline);font-size:.95rem;line-height:1.5;color:var(--hw-text)}.recipe__ingredient-list li:last-child{border-bottom:0;padding-bottom:0}.recipe__step-list{margin:0;padding:0;list-style:none;counter-reset:recipe-step}.recipe__step-list li{counter-increment:recipe-step;position:relative;padding:0 0 1.5rem 3.25rem;font-size:1rem;line-height:1.7;color:var(--hw-text)}.recipe__step-list li:before{content:counter(recipe-step);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background-color:var(--hw-green);color:var(--hw-white);font-size:.85rem}.recipe__step-list li:last-child{padding-bottom:0}.recipe__product{display:grid;grid-template-columns:160px 1fr;gap:1.75rem;align-items:center;margin-top:4rem;padding:1.75rem;background-color:var(--hw-white);border:1px solid var(--hw-hairline);border-radius:12px}.recipe__product-image img{display:block;width:100%;height:auto;border-radius:12px}.recipe__product-eyebrow{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hw-text)}.recipe__product-title{margin:0 0 .4rem;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}.recipe__product-title a{color:var(--hw-green);text-decoration:none}.recipe__product-price{margin:0 0 1.1rem;color:var(--hw-green)}.recipe__product-button{display:inline-block;padding:.7rem 1.5rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--hw-white);background-color:var(--hw-green);border:1px solid var(--hw-green);border-radius:6px;transition:background-color .2s ease,color .2s ease}.recipe__product-button:hover,.recipe__product-button:focus{color:var(--hw-green);background-color:transparent}@media(max-width:1023px){.recipe-index__grid{grid-template-columns:repeat(2,1fr)}.recipe__body{grid-template-columns:1fr;gap:2.5rem}.recipe__ingredients-card{position:static}}@media(max-width:767px){.recipe__inner,.recipe-index__inner{padding:1.5rem 1rem 3rem}.recipe-index__grid{grid-template-columns:1fr}.recipe-index__title{font-size:1.5rem}.recipe__title{font-size:1.6rem}.recipe__hero,.recipe__facts{max-width:100%}.recipe__facts{gap:1.5rem;justify-content:space-around}.recipe__product{grid-template-columns:1fr;text-align:center;justify-items:center}.recipe__product-image{max-width:180px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-recipes.css.map */
