.recipe-intro{color:#c64710;background-color:#fff7ef;padding:2rem 0}@media screen and (max-width:1024px){.recipe-intro{padding:1rem 0}}.recipe-intro.loading{filter:blur(4px)}.recipe-intro .loading-overlay{min-height:15rem}.recipe-intro .loading-overlay .title,.recipe-intro .loading-overlay .description{filter:blur(15px)}.recipe-intro>.content{-moz-column-gap:3rem;grid-template-columns:.4fr 1fr;grid-template-areas:"left-col right-col";column-gap:3rem;display:grid}@media screen and (max-width:1400px){.recipe-intro>.content{grid-template-columns:.6fr 1fr}}@media screen and (max-width:1024px){.recipe-intro>.content{-moz-column-gap:0;grid-template-columns:1fr;grid-template-areas:"right-col""left-col";column-gap:0}}.recipe-intro>.content>.right-col{grid-area:right-col;width:100%}.recipe-intro>.content>.right-col .title{letter-spacing:-.025em;max-width:1024px;margin-bottom:1rem;font-size:clamp(2rem,6vw,3rem)}@media screen and (max-width:1024px){.recipe-intro>.content>.right-col .title{text-align:center}}.recipe-intro>.content>.right-col .description{max-width:768px;margin-bottom:4rem;font-size:clamp(1rem,2vw,1.25rem)}@media screen and (max-width:1024px){.recipe-intro>.content>.right-col .description{text-align:center;margin:0 auto 3rem}}.recipe-intro>.content>.left-col{grid-area:left-col;align-items:flex-end;display:flex}.recipe-intro>.content>.body{grid-column:span 2}.recipe-intro>.content>.body .input-fields{margin-bottom:2rem}.recipe-intro>.content>.body .input-fields .title{width:60vw}@media screen and (max-width:768px){.recipe-intro>.content>.body .input-fields .title{width:100%}}.recipe-intro>.content>.body .input-fields .description{width:40vw}@media screen and (max-width:768px){.recipe-intro>.content>.body .input-fields .description{width:100%}}