.mod-hero-recipe{background-color:#fefdf6;position:relative}.mod-hero-recipe .container{padding-block:clamp(var(--header-height),10vh*var(--viewport-factor),var(--section-padding-y)) var(--section-padding-y)}.mod-hero-recipe .h1{color:var(--color-primary)}.mod-hero-recipe .recipe{font-size:clamp(1.6rem,1.15vw*var(--viewport-factor),2.6rem);line-height:1;margin-inline:auto;position:relative;width:31em}.mod-hero-recipe .recipe .recipe-pages svg{transform-origin:center;transition:transform var(--transition-timing-normal);user-select:none;width:100%}.mod-hero-recipe .recipe .recipe-pages svg .block-notes-page-sheet{--shadow-color-opacity:0.2;color:var(--color-white);fill:currentColor;filter:drop-shadow(0 3px 6px rgba(0,0,0,var(--shadow-color-opacity)));transition:filter var(--transition-timing-normal);transition-delay:1.6s}.mod-hero-recipe .recipe .recipe-pages svg .block-notes-page-lines{color:var(--color-white);fill:none;stroke:currentColor;stroke-width:1.299px;filter:invert(1) contrast(200%);opacity:.1}.mod-hero-recipe .recipe .recipe-pages svg:first-child,.mod-hero-recipe .recipe .recipe-pages svg:nth-child(2){transition-delay:1.6s}.mod-hero-recipe .recipe .recipe-pages svg:not(:last-child){inset:50%;position:absolute;transform:translate(-50%,-50%)}.mod-hero-recipe .recipe .recipe-pages svg:not(:last-child) .block-notes-page-sheet{--shadow-color-opacity:0}.mod-hero-recipe .recipe .recipe-pages svg:last-child{position:relative}.mod-hero-recipe .recipe .recipe-inner{height:fit-content;inset:12% auto auto 15%;position:absolute;width:max-content}.mod-hero-recipe .recipe h2{--n:1;color:var(--color-primary);font-family:var(--font-family-cursive);font-size:3.3em;font-weight:400;margin-block-end:.75em}.mod-hero-recipe .recipe h3{--n:2;color:var(--color-primary);font-family:var(--font-family-sans-serif);font-size:1em;font-weight:600;text-transform:uppercase}.mod-hero-recipe .recipe ul{counter-reset:li;font-size:1em;font-style:italic;line-height:1;margin-block-start:1.3em}.mod-hero-recipe .recipe h2,.mod-hero-recipe .recipe h3,.mod-hero-recipe .recipe ul li{transition:opacity var(--transition-timing-normal),transform var(--transition-timing-normal);transition-delay:calc(.2s*(var(--n) - 1))}.mod-hero-recipe .recipe ul li+li{margin-block-start:.93em}.lenis .mod-hero-recipe .recipe.is-inview .recipe-pages svg:first-child,.pg-container.pg-container-start .mod-hero-recipe .recipe .recipe-pages svg:first-child{transform:translate(calc(-50% + 2rem),calc(-50% + 6rem)) rotate(-1deg)}.lenis .mod-hero-recipe .recipe.is-inview .recipe-pages svg:nth-child(2),.pg-container.pg-container-start .mod-hero-recipe .recipe .recipe-pages svg:nth-child(2){transform:translate(calc(-50% - 4rem),calc(-50% - 4rem)) rotate(3deg)}.lenis .mod-hero-recipe .recipe.is-inview .recipe-pages svg:not(:last-child) .block-notes-page-sheet,.pg-container.pg-container-start .mod-hero-recipe .recipe .recipe-pages svg:not(:last-child) .block-notes-page-sheet{--shadow-color-opacity:0.2}.mod-hero-recipe .recipe .recipe-inner h2,.mod-hero-recipe .recipe .recipe-inner h3,.mod-hero-recipe .recipe .recipe-inner li{opacity:0;transform:translateY(1em)}.hs-page.ready .mod-hero-recipe .recipe .recipe-inner h2,.hs-page.ready .mod-hero-recipe .recipe .recipe-inner h3,.hs-page.ready .mod-hero-recipe .recipe .recipe-inner li,.lenis .mod-hero-recipe .recipe.is-inview .recipe-inner h2,.lenis .mod-hero-recipe .recipe.is-inview .recipe-inner h3,.lenis .mod-hero-recipe .recipe.is-inview .recipe-inner li,.pg-container.pg-container-start .mod-hero-recipe .recipe .recipe-inner h2,.pg-container.pg-container-start .mod-hero-recipe .recipe .recipe-inner h3,.pg-container.pg-container-start .mod-hero-recipe .recipe .recipe-inner li{opacity:1;transform:translateY(0)}@media (max-width:992px){.mod-hero-recipe .recipe{display:none}}@media (min-width:993px){.mod-hero-recipe{height:max(100vh*var(--viewport-factor),60rem)}.mod-hero-recipe .container,.mod-hero-recipe .container-max,.mod-hero-recipe .wrapper{height:100%}.mod-hero-recipe .wrapper{display:flex}}@media (min-width:993px) and (max-width:1200px){.mod-hero-recipe .recipe{inset:auto 0 -9rem auto;position:absolute}.mod-hero-recipe .start{max-width:calc(60vw*var(--viewport-factor))}}@media (min-width:1201px){.mod-hero-recipe .wrapper{align-items:center;justify-content:space-between}.mod-hero-recipe .wrapper .start>*{max-width:80rem}}