.hero-section.svelte-8iceqs{--parallax-scale:.3;margin-bottom:calc(var(--parallax-scale) * (20vh - min(60vh, 520px)));transform-origin:top;transform:scaleY(calc(1 - var(--parallax-scale)));margin-top:calc(-3.5rem - 12px - env(safe-area-inset-top,0px))}@media (prefers-reduced-motion){.hero-section.svelte-8iceqs{--parallax-scale:0;margin-bottom:0}}.hero-section.svelte-8iceqs>:where(.svelte-8iceqs){transform-origin:top;transform:scaleY(calc(1 / (1 - var(--parallax-scale))))}.hero.svelte-8iceqs{z-index:-1;max-width:calc(1200px + 2rem);height:min(65vh,560px);margin:0 auto;position:sticky;top:0;overflow:hidden}.hero-img.svelte-8iceqs{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.hero-overlay.svelte-8iceqs{background:linear-gradient(#0000001a 0%,#0000008c 100%);position:absolute;inset:0}.hero-scroll-content.svelte-8iceqs{margin:-20vh auto 0;transition:margin-top .25s;position:relative}.hero-scroll-content.chips-open.svelte-8iceqs{margin-top:-25vh}.hero-text.svelte-8iceqs{color:#fff;max-width:1200px;margin:0 auto;padding:0 2em 3.5em;position:relative}.hero-text.svelte-8iceqs h1:where(.svelte-8iceqs){text-shadow:0 2px 12px #0006;margin:0;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.05}.hero-text.svelte-8iceqs .subheading:where(.svelte-8iceqs){opacity:.9;text-shadow:0 1px 6px #0006;margin:.3em 0 0;font-size:clamp(1rem,2.5vw,1.3rem)}.hero-featured.svelte-8iceqs,.hero-featured.svelte-8iceqs:visited,.hero-featured.svelte-8iceqs:link{color:#fff;opacity:.85;transition:var(--transition-normal);align-items:center;gap:.4em;margin-top:.5em;font-size:.95rem;text-decoration:none;display:inline-flex}.hero-featured.svelte-8iceqs:hover{opacity:1}.hero-featured.svelte-8iceqs .recipe-name:where(.svelte-8iceqs){font-weight:600}.hero-featured.svelte-8iceqs .recipe-icon:where(.svelte-8iceqs){font-family:Noto Color Emoji,Noto Color Emoji Subset,emoji,sans-serif}.hero-featured.svelte-8iceqs .arrow-icon:where(.svelte-8iceqs){fill:currentColor;width:.7em;height:.7em}.chip-wrap.svelte-8iceqs{align-items:flex-start;gap:.5em;margin:.8em 0 0;display:flex}.chip-bar.svelte-8iceqs{flex-wrap:wrap;flex:1;gap:.5em;min-width:0;padding:.5em 0;display:flex}@media (width<=600px){.chip-bar.svelte-8iceqs:not(.expanded){max-height:2.4em;overflow:hidden}}.chip.svelte-8iceqs{white-space:nowrap;color:#2a2a2a;background:#ffffffd9;flex-shrink:0;padding:.35em .9em;font-size:.85rem;font-weight:500}.chip.svelte-8iceqs:hover{background:#fff;transform:scale(1.04)}.chip.active.svelte-8iceqs{background:var(--color-primary);color:var(--color-text-on-primary)}.chip.season.svelte-8iceqs{background:var(--color-accent);color:var(--color-text-on-accent)}.chip.svelte-8iceqs .count:where(.svelte-8iceqs){opacity:.7;margin-left:.25em;font-size:.8em}.chip-more.svelte-8iceqs{letter-spacing:.1em;background:#ffffff80;flex-shrink:0;margin-top:.5em;font-weight:700}@media (width>=601px){.chip-more.svelte-8iceqs{display:none}}.below-hero.svelte-8iceqs{background:var(--color-bg-primary);padding-top:2.5em;overflow:visible}.hero-search-wrap.svelte-8iceqs{z-index:10;max-width:1200px;margin:-4em auto 0;padding:0 2em;position:relative}.sentinel.svelte-8iceqs{height:1px}.hero-fallback.svelte-8iceqs{text-align:left;max-width:1200px;margin:0 auto;padding:3em 2em 1em}.hero-fallback.svelte-8iceqs h1:where(.svelte-8iceqs){margin:0;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.05}.hero-fallback.svelte-8iceqs .subheading:where(.svelte-8iceqs){opacity:.7;margin:.3em 0 0;font-size:clamp(1rem,2.5vw,1.3rem)}