.hero{block-size:30rem;display:flex;isolation:isolate;position:relative}.hero-media{block-size:100%;inline-size:100%;inset:0;position:absolute;z-index:1}.hero-media img{block-size:100%;inline-size:100%;object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(to top,rgb(26 16 11 / 75%) 0%,rgb(26 16 11 / 75%) 70%,transparent 100%);inset-block-end:0;inset-inline:0;padding:1rem;position:absolute;z-index:2}.hero-overlay h1{color:var(--color-white);margin-block:3rem 1rem}.hero-overlay p{display:none}.recipes h2{color:var(--color-green)}.recipes-grid{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}.recipes-grid>*{min-inline-size:0}@media (prefers-reduced-motion:reduce){.hero,.hero-media,.hero-overlay{scroll-behavior:auto}}@media (min-width:1024px){.hero{block-size:57.8rem}.hero-overlay{background:linear-gradient(to right,rgb(26 16 11 / 75%) 0%,rgb(26 16 11 / 75%) 70%,transparent 100%);display:flex;flex-direction:column;inset-block:0;inset-inline-start:0;inset-inline-end:auto;inline-size:100%;justify-content:center;max-inline-size:60rem;padding-inline:4rem 18rem}.hero-overlay h1{font-size:4.2rem;line-height:4.4rem;margin-block:0 2rem}.hero-overlay p{color:var(--color-white);display:block;margin-block-end:2rem}.section-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.recipes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}