:root{--paper:#f7f2e9;--card:#fffdf9;--ink:#302a25;--muted:#70675f;--terra:#b4593f;--terra2:#8f412d;--sage:#64745c;--line:#ded4c6;--shadow:0 14px 34px rgba(60,43,30,.09);--radius:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(rgba(70,50,35,.18) .5px,transparent .5px);background-size:5px 5px}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:10px 14px;background:var(--ink);color:#fff;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,242,233,.9);border-bottom:1px solid #ded4c688;backdrop-filter:blur(14px)}.header-inner{width:min(calc(100% - 32px),var(--max));min-height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Kalam,cursive;font-size:clamp(1.2rem,4vw,1.55rem);font-weight:700}.brand-mark{display:grid;width:34px;height:34px;place-items:center;background:var(--terra);color:#fff;border-radius:50% 45% 52% 48%;font-family:"DM Serif Display",serif}.header-link{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none}.hero{padding:56px 0 46px}.hero-inner{width:min(calc(100% - 32px),820px);margin:auto;text-align:center}.eyebrow{margin:0 0 8px;color:var(--terra2);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3{line-height:1.12}h1,.section-heading h2,.rheader h2,.rexpanded h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400}h1{max-width:720px;margin:0 auto 16px;font-size:clamp(2.65rem,11vw,5rem);letter-spacing:-.035em}.hero-copy{max-width:620px;margin:auto;color:var(--muted);font-size:clamp(1rem,2.7vw,1.15rem)}.search-panel{margin-top:32px;padding:16px;text-align:left;background:#fffdf9e6;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.search-panel>label{display:block;margin:0 0 8px 3px;font-size:.82rem;font-weight:700}.search-wrap{position:relative}.search-wrap svg{position:absolute;top:50%;left:15px;width:21px;fill:none;stroke:var(--sage);stroke-width:1.8;stroke-linecap:round;transform:translateY(-50%)}#searchbar{width:100%;min-height:54px;padding:0 48px;color:var(--ink);background:#fff;border:1px solid #cfc3b3;border-radius:14px;outline:none}#searchbar:focus{border-color:var(--terra);box-shadow:0 0 0 4px #b4593f22}#clear-search{position:absolute;top:50%;right:10px;width:34px;height:34px;padding:0;background:transparent;border:0;border-radius:50%;color:var(--muted);font-size:1.4rem;cursor:pointer;transform:translateY(-50%)}.search-meta{display:flex;flex-direction:column;gap:10px;margin-top:12px;color:var(--muted);font-size:.8rem}#result-count{margin:0;font-weight:600}.search-meta nav{display:flex;align-items:center;gap:8px;overflow:hidden}.recent-label{flex:none}#navul{display:flex;gap:7px;margin:0;padding:0;overflow:auto;list-style:none;scrollbar-width:none}#navul button{padding:5px 9px;white-space:nowrap;background:var(--paper);border:0;border-radius:999px;color:var(--sage);font-size:.75rem;font-weight:600;cursor:pointer}.recipes-section{width:min(calc(100% - 28px),var(--max));margin:0 auto 72px}.section-heading{margin:12px 2px 25px}.section-heading h2{margin:0;font-size:clamp(2rem,7vw,3.3rem)}.section-heading>p{max-width:480px;margin:12px 0 0;color:var(--muted)}.recipe-grid{display:grid;gap:22px}.recepie{display:grid;grid-template-areas:"picture" "header" "info" "tags" "toggle" "expanded";min-width:0;overflow:hidden;background:var(--card);border:1px solid #6f533e24;border-radius:var(--radius);box-shadow:0 8px 24px #3d2b1d0f;scroll-margin-top:86px;transition:.2s}.recepie:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.rpicture{grid-area:picture;aspect-ratio:16/10;overflow:hidden;background:#eee4d5}.rpicture img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.recepie:hover .rpicture img{transform:scale(1.025)}.rheader{grid-area:header;padding:23px 22px 0}.rheader h2{margin:0;font-size:clamp(1.7rem,7vw,2.25rem);letter-spacing:-.02em}.rinfo{grid-area:info;padding:12px 22px 0;color:var(--muted)}.rinfo p{margin:0 0 14px}.rinfo p:last-child{display:inline-block;padding:8px 11px;color:var(--sage);background:#eef1e9;border-radius:10px;font-size:.82rem;font-weight:700}.rtags{grid-area:tags;padding:8px 22px 2px}.rtags h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.rtags p{display:flex;flex-wrap:wrap;gap:7px;margin:0}.tag{padding:5px 9px;background:var(--paper);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:600}.recipe-toggle{grid-area:toggle;display:flex;justify-content:space-between;width:calc(100% - 44px);margin:18px 22px 22px;padding:13px 16px;background:var(--terra);color:#fff;border:0;border-radius:12px;font-weight:700;cursor:pointer}.recipe-toggle:hover{background:var(--terra2)}.toggle-icon{font-size:1.2rem;transition:.25s}.recipe-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.rexpanded{grid-area:expanded;display:none;padding:25px 22px 28px;border-top:1px solid var(--line)}.recepie.is-open .rexpanded{display:grid}.rexpanded h3{margin:0 0 14px;font-size:1.55rem}.ringredients{padding-bottom:24px}.ringredients ul{margin:0 0 18px;padding:0;list-style:none}.ringredients li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid #ded4c6b3}.ringredients li:before{content:"•";position:absolute;left:3px;color:var(--terra);font-weight:800}.rprep p{margin:0 0 16px}.rprep br{display:block;content:"";margin-top:12px}.no-results{padding:40px 24px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.no-results h2{margin:0 0 8px;font-family:"DM Serif Display",serif;font-size:2rem}.no-results p{color:var(--muted)}.no-results button{padding:11px 16px;background:var(--terra);color:#fff;border:0;border-radius:10px;font-weight:700}#footer{background:#2e332b;color:#f8f1e7}.footer-inner{width:min(calc(100% - 32px),var(--max));margin:auto;padding:46px 0;display:grid;gap:24px}.footer-inner p{margin:0;color:#c9c5bb}.footer-brand{color:#fff!important;font-family:Kalam,cursive;font-size:1.65rem;font-weight:700}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links a{color:#fff;font-weight:600;text-underline-offset:4px}[hidden]{display:none!important}@media(min-width:720px){.hero{padding:76px 0 58px}.search-meta{flex-direction:row;align-items:center;justify-content:space-between}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading>p{text-align:right}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.recepie.is-open{grid-column:1/-1;grid-template-columns:minmax(270px,.78fr) 1fr;grid-template-areas:"picture header" "picture info" "picture tags" "picture toggle" "expanded expanded"}.recepie.is-open .rpicture{aspect-ratio:auto;min-height:360px}.recepie.is-open .rexpanded{grid-template-columns:minmax(230px,.8fr) 1.5fr;gap:48px}.ringredients{padding:0 32px 0 0;border-right:1px solid var(--line)}.footer-inner{grid-template-columns:1fr auto;align-items:end}.footer-links{align-items:flex-end}}@media(min-width:1040px){.recepie{grid-template-columns:44% 56%;grid-template-areas:"picture header" "picture info" "picture tags" "picture toggle" "expanded expanded"}.rpicture{aspect-ratio:auto;min-height:100%}.rheader h2{font-size:2rem}.rinfo{font-size:.93rem}.recepie.is-open{grid-column:1/-1}.recepie.is-open .rpicture{min-height:420px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}