:root{--ground: #fbf6ee;--surface: #ffffff;--surface-alt: #f4ece0;--ink: #221a14;--ink-soft: #6b5b4d;--rust: #be5326;--rust-deep: #9c4220;--on-rust: #ffffff;--forest: #1e4a3b;--ochre: #dfa02c;--line: #e6dbc9;--shadow: 0 1px 2px rgb(34 26 20 / .04), 0 8px 24px -12px rgb(34 26 20 / .18);--display: "Fraunces", "Iowan Old Style", Georgia, serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap: 68rem;--gap: clamp(1rem, 3vw, 2rem);--radius: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--ground: #14100d;--surface: #1d1813;--surface-alt: #241d17;--ink: #f2e9dc;--ink-soft: #a8988a;--rust: #e58253;--rust-deep: #f0a077;--on-rust: #1a120c;--forest: #58a189;--ochre: #e9b455;--line: #322a22;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px -14px rgb(0 0 0 / .7)}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.015em;margin:0;text-wrap:balance}h1{font-size:clamp(2.1rem,5.5vw,3.6rem)}h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}h3{font-size:1.2rem}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--rust);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--rust-deep)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 .6rem}.lede{font-size:1.15rem;color:var(--ink-soft);max-width:44ch}.skip{position:absolute;left:-9999px;background:var(--rust);color:var(--on-rust);padding:.6rem 1rem;z-index:100}.skip:focus{left:1rem;top:1rem}.motif{height:10px;background-image:linear-gradient(135deg,var(--rust) 25%,transparent 25%),linear-gradient(225deg,var(--rust) 25%,transparent 25%);background-size:20px 20px;background-color:var(--forest);opacity:.9}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}@media(max-width:40rem){.site-header{position:static}}.site-header .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4.75rem;flex-wrap:wrap}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{height:3.4rem;width:auto;transition:opacity .18s ease}.brand:hover .brand-logo{opacity:.78}@media(max-width:40rem){.brand-logo{height:2.6rem}}@media(prefers-reduced-motion:reduce){.brand-logo{transition:none}}.nav{margin-left:auto;display:flex;gap:1.4rem;flex-wrap:wrap}.nav a{color:var(--ink-soft);text-decoration:none;font-size:.94rem;font-weight:500}.nav a:hover,.nav a[aria-current=page]{color:var(--rust)}.badges{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.badge{display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.02em;padding:.22rem .6rem;border-radius:999px;background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line);text-decoration:none}a.badge:hover{border-color:var(--rust);color:var(--rust)}.badge--cuisine{background:color-mix(in srgb,var(--forest) 12%,transparent);color:var(--forest);border-color:color-mix(in srgb,var(--forest) 28%,transparent)}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));list-style:none;margin:0;padding:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--rust) 40%,var(--line))}.card__media{aspect-ratio:4 / 3;background:var(--surface-alt)}.card__body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.card__title{font-size:1.16rem}.card__title a{color:var(--ink);text-decoration:none}.card__title a:after{content:"";position:absolute;inset:0}.card__title a:hover{color:var(--rust)}.card{position:relative}.card__meta{margin-top:auto;padding-top:.5rem;display:flex;gap:.9rem;flex-wrap:wrap;font-size:.82rem;color:var(--ink-soft);border-top:1px solid var(--line)}.card__meta span{display:inline-flex;align-items:center;gap:.3rem}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}.recipe-hero{display:grid;gap:var(--gap);align-items:start}@media(min-width:52rem){.recipe-hero{grid-template-columns:1.05fr .95fr}}.recipe-hero__media{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:2rem 0;list-style:none;padding:0}.facts li{background:var(--surface);padding:.9rem 1rem}.facts dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.facts dd{margin:.25rem 0 0;font-family:var(--display);font-size:1.15rem;font-weight:600}.cols{display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:start}@media(min-width:52rem){.cols{grid-template-columns:20rem 1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;position:sticky;top:5.5rem}@media(max-width:52rem){.panel{position:static}}.ingredients{list-style:none;margin:0;padding:0}.ingredients li{display:flex;gap:.7rem;align-items:baseline;padding:.55rem 0;border-bottom:1px dashed var(--line);font-size:.97rem}.ingredients li:last-child{border-bottom:0}.ingredients li:before{content:"";flex:none;width:7px;height:7px;margin-top:.45rem;border-radius:2px;background:var(--ochre);transform:rotate(45deg)}.steps{list-style:none;counter-reset:step;margin:0;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;padding:1.1rem 0;border-top:1px solid var(--line)}.steps li:first-child{border-top:0;padding-top:0}.steps li:before{content:counter(step);font-family:var(--display);font-weight:600;font-size:1.05rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--rust) 12%,transparent);color:var(--rust)}.site-footer{margin-top:clamp(4rem,10vw,7rem);background:var(--surface);border-top:1px solid var(--line);padding:2.5rem 0;font-size:.9rem;color:var(--ink-soft)}.site-footer a{color:var(--ink-soft)}.site-footer a:hover{color:var(--rust)}.section{margin-block:clamp(3rem,8vw,5rem)}.section__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}