.recipe-section{position:relative;z-index:4;background:#e8eddf;padding:88px 7%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.recipe-copy h2{font-size:clamp(40px,4.6vw,66px);line-height:1.06}.recipe-copy>p{font-size:19px;line-height:1.65;margin-top:24px;max-width:520px}.recipe-copy .recipe-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#557047;margin:0 0 20px}.recipe-benefits{list-style:none;padding:0;margin:25px 0 0}.recipe-benefits li{padding:12px 0;border-bottom:1px solid #c9d3bf;font-size:16px;line-height:1.55}.recipe-benefits strong{display:block;color:#293925}.recipe-demo{margin:0;min-width:0;max-width:520px;width:100%;justify-self:center}.recipe-tabs{display:flex;gap:7px;margin-bottom:15px}.recipe-tabs button{border:1px solid #b8c7aa;background:transparent;border-radius:30px;padding:11px 16px;font-size:13px;color:#33432b}.recipe-tabs button[aria-pressed=true]{background:#253d2c;color:white;border-color:#253d2c}.recipe-window{height:570px;border:12px solid #242b26;border-radius:22px;overflow:hidden;background:#202521;box-shadow:0 22px 45px #23351d22}.recipe-window img{width:100%;display:block;transform:translateY(0);transition:transform .7s ease-in-out}.recipe-window[data-view=steps] img{transform:translateY(-36%)}.recipe-demo figcaption{font-size:11px;margin:12px 3px 0;color:#526447}.recipe-complete{grid-column:1/-1;border-top:1px solid #bdcbb2;padding-top:20px}.recipe-complete summary{cursor:pointer;font-size:16px}.recipe-complete img{margin:25px auto 0;max-width:620px;width:100%;border-radius:16px}.creator-anywhere{background:#dfe7d9}.creator-anywhere .creator-media{aspect-ratio:4/3}.creator-anywhere:after{display:none}.creator-anywhere .creator-quote{position:relative;inset:auto;padding:22px;color:#283923}.creator-anywhere .creator-quote p{color:#4e6044}
@media(max-width:960px){.recipe-section{padding:65px 6%;gap:35px;grid-template-columns:1fr}.recipe-copy h2{font-size:44px}.recipe-copy>p{font-size:17px}.recipe-window{height:510px}.recipe-complete{grid-column:1}.recipe-tabs button{padding:10px 12px}.creator-anywhere .creator-quote{padding:16px 12px}}
@media(max-width:400px){.recipe-window{height:435px}.recipe-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.recipe-window img{transition:none}}