.recipe.svelte-j8hmby{position:relative;max-width:60rem;margin:0 auto;padding:clamp(1.5rem,3vw,3rem) 1.25rem 5rem;overflow:clip}.atmosphere.svelte-j8hmby{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(40rem 26rem at 85% -8%,rgba(0,128,66,.1),transparent 60%),radial-gradient(34rem 22rem at -10% 18%,rgba(217,164,65,.12),transparent 62%)}article.svelte-j8hmby{position:relative;z-index:1}.breadcrumb.svelte-j8hmby{display:inline-flex;align-items:center;gap:.4rem;font:600 .82rem/1 var(--font-ui);letter-spacing:.01em;color:var(--ink-2);text-decoration:none;padding:.5rem .85rem .5rem .6rem;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--surface) 70%,transparent);border:1px solid var(--line);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.breadcrumb.svelte-j8hmby:hover{color:var(--accent);transform:translate(-2px)}.hero.svelte-j8hmby{margin:clamp(1.5rem,4vw,2.75rem) 0 0}.kicker.svelte-j8hmby{font:500 .8rem/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 .9rem}.hero.svelte-j8hmby h1:where(.svelte-j8hmby){font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem,1rem + 6vw,4rem);line-height:1.02;letter-spacing:-.025em;color:var(--ink);margin:0;text-wrap:balance}.lead.svelte-j8hmby{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.55;color:var(--ink-2);max-width:40rem;margin:1.1rem 0 0}.hero-actions.svelte-j8hmby{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.btn.svelte-j8hmby{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:700 .98rem/1 var(--font-ui);padding:.9rem 1.5rem;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.btn--primary.svelte-j8hmby{background:var(--c-primary-gradient);color:#fff;box-shadow:var(--shadow-warm)}.btn--primary.svelte-j8hmby:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00804247}.btn--lg.svelte-j8hmby{font-size:1.05rem;padding:1.05rem 2rem}.btn--ghost.svelte-j8hmby{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn--ghost.svelte-j8hmby:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.hero-figure.svelte-j8hmby{position:relative;margin:clamp(1.75rem,4vw,2.75rem) 0 0}.hero-img.svelte-j8hmby{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.badge.svelte-j8hmby{position:absolute;left:clamp(.75rem,2vw,1.25rem);bottom:clamp(.75rem,2vw,1.25rem);font:700 .78rem/1 var(--font-ui);letter-spacing:.01em;color:#fff;background:color-mix(in oklab,var(--accent) 92%,black);padding:.55rem .95rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stamp.svelte-j8hmby{position:absolute;top:-.85rem;right:clamp(.5rem,3vw,2rem);transform:rotate(7deg);font-family:Caveat,cursive;font-weight:700;font-size:clamp(1.5rem,1rem + 2vw,2.1rem);line-height:.95;text-align:center;color:var(--c-highlight);text-shadow:0 2px 10px rgba(0,0,0,.15)}.stats.svelte-j8hmby{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.6rem;margin:clamp(1.5rem,3vw,2.25rem) 0 0;padding:0}.stat.svelte-j8hmby{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem;box-shadow:var(--shadow-xs)}.stat.svelte-j8hmby dt:where(.svelte-j8hmby){font:500 .72rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.45rem}.stat.svelte-j8hmby dd:where(.svelte-j8hmby){margin:0;font-family:var(--font-display);font-weight:600;font-size:1.7rem;line-height:1;color:var(--ink)}.stat.svelte-j8hmby .unit:where(.svelte-j8hmby){font-size:.95rem;color:var(--ink-3);margin-left:.2rem}.stat--accent.svelte-j8hmby{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 25%,transparent)}.stat.svelte-j8hmby .device:where(.svelte-j8hmby){font-size:1.35rem;color:var(--accent-2)}.recipe-grid.svelte-j8hmby{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3rem);margin-top:clamp(2.5rem,5vw,4rem)}@media(min-width:50rem){.recipe-grid.svelte-j8hmby{grid-template-columns:19rem minmax(0,1fr);align-items:start}.ingredients.svelte-j8hmby{position:sticky;top:1.5rem}}h2.svelte-j8hmby{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,1rem + 1vw,1.85rem);letter-spacing:-.01em;color:var(--ink);margin:0 0 1.25rem}.ingredients.svelte-j8hmby{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.25rem,2vw,1.6rem);box-shadow:var(--shadow-sm)}.ingredients.svelte-j8hmby h2:where(.svelte-j8hmby){font-size:1.35rem;margin-bottom:1rem}.ingredients.svelte-j8hmby ul:where(.svelte-j8hmby){list-style:none;padding:0;margin:0;display:grid;gap:.1rem}.ingredients.svelte-j8hmby li:where(.svelte-j8hmby){position:relative;padding:.6rem 0 .6rem 1.6rem;font-size:.97rem;line-height:1.4;color:var(--ink);border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent)}.ingredients.svelte-j8hmby li:where(.svelte-j8hmby):last-child{border-bottom:0}.ingredients.svelte-j8hmby li:where(.svelte-j8hmby):before{content:"";position:absolute;left:0;top:.95rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}.steps.svelte-j8hmby ol:where(.svelte-j8hmby){list-style:none;padding:0;margin:0;display:grid;gap:1.1rem}.steps.svelte-j8hmby li:where(.svelte-j8hmby){display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;align-items:start;background:color-mix(in oklab,var(--surface) 55%,transparent);border:1px solid color-mix(in oklab,var(--line) 75%,transparent);border-radius:var(--radius);padding:1rem 1.15rem;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.steps.svelte-j8hmby li:where(.svelte-j8hmby):hover{border-color:color-mix(in oklab,var(--accent) 35%,transparent);box-shadow:var(--shadow-sm)}.steps.svelte-j8hmby .num:where(.svelte-j8hmby){display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);font-family:var(--font-display);font-weight:600;font-size:1.2rem}.steps.svelte-j8hmby p:where(.svelte-j8hmby){margin:0;align-self:center;line-height:1.55;color:var(--ink)}.convert.svelte-j8hmby{margin-top:clamp(3rem,6vw,5rem);text-align:center;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,3rem);border-radius:var(--radius-lg);color:#fff;background:radial-gradient(28rem 18rem at 80% -20%,rgba(255,255,255,.16),transparent 60%),var(--c-primary-gradient);box-shadow:var(--shadow-lg)}.convert-kicker.svelte-j8hmby{font:500 .8rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;margin:0 0 .75rem}.convert.svelte-j8hmby h2:where(.svelte-j8hmby){color:#fff;font-size:clamp(1.7rem,1rem + 3vw,2.6rem);margin:0 0 .9rem}.convert-lead.svelte-j8hmby{max-width:34rem;margin:0 auto 1.75rem;line-height:1.6;font-size:1.05rem;color:#ffffffeb}.flow.svelte-j8hmby{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:0 auto 2rem}.flow.svelte-j8hmby span:where(.svelte-j8hmby){font:600 .85rem/1 var(--font-ui);padding:.5rem .9rem;border-radius:var(--radius-pill);background:#ffffff26;color:#fff}.flow.svelte-j8hmby .arrow:where(.svelte-j8hmby){background:none;font-size:1.2rem;padding:0 .2rem;color:#fffc}.flow.svelte-j8hmby .flow-out:where(.svelte-j8hmby){background:#fff;color:var(--accent-2);font-weight:700}.convert.svelte-j8hmby .btn--primary:where(.svelte-j8hmby){background:#fff;color:var(--accent-2);box-shadow:0 10px 30px #0000002e}.convert.svelte-j8hmby .btn--primary:where(.svelte-j8hmby):hover{transform:translateY(-2px);box-shadow:0 16px 40px #0000003d}@media(prefers-reduced-motion:no-preference){.kicker.svelte-j8hmby,.hero.svelte-j8hmby h1:where(.svelte-j8hmby),.lead.svelte-j8hmby,.hero-actions.svelte-j8hmby,.hero-figure.svelte-j8hmby{animation:svelte-j8hmby-rise var(--duration-reveal) var(--ease-reveal) both}.hero.svelte-j8hmby h1:where(.svelte-j8hmby){animation-delay:60ms}.lead.svelte-j8hmby{animation-delay:.12s}.hero-actions.svelte-j8hmby{animation-delay:.18s}.hero-figure.svelte-j8hmby{animation-delay:.24s}}@keyframes svelte-j8hmby-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}