:root{--ink: #1f2a24;--muted: #6b6a62;--rule: #e6ded2;--bg: #faf7f2;--band: #f2ece3;--card: #fff;--white: #fff;--spruce: #2f4a3a;--accent: #a3283a;--gold: #d9a441;--glow: rgba(217, 164, 65, .35);--display: "Fraunces", Georgia, serif;--sans: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--radius: 18px;--ease: cubic-bezier(.22, .61, .36, 1);--shadow: 0 1px 2px rgba(31, 42, 36, .04), 0 8px 24px rgba(31, 42, 36, .06);--shadow-lg: 0 2px 6px rgba(31, 42, 36, .06), 0 22px 44px rgba(31, 42, 36, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;font:400 1.02rem/1.65 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-underline-offset:3px;transition:color .2s}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;letter-spacing:-.01em;font-optical-sizing:auto}h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4rem 0 .8rem}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#f3e2b8}.wrap{max-width:1240px;margin:0 auto;padding:0 1.5rem}.bleed{width:100vw;margin-left:calc(50% - 50vw)}.kicker{font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.meta{color:var(--muted);font-size:.88rem}.crumbs{font-size:.88rem;font-weight:600;color:var(--ink)}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs span{font-weight:400;color:var(--muted)}.lead{font-size:1.15rem;color:#2e2a26}.band-title{font-size:clamp(1.7rem,3vw,2.3rem);margin:0}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.4rem;font:600 .92rem/1 var(--sans);letter-spacing:.01em;color:var(--spruce);background:var(--white);border:1.5px solid var(--rule);border-radius:999px;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:color .3s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--spruce);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.btn:hover{color:var(--white);border-color:var(--spruce);transform:translateY(-2px);box-shadow:0 10px 28px var(--glow)}.btn:hover:before{transform:scaleX(1)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--spruce);border-color:var(--spruce);color:var(--white)}.btn-primary:before{background:var(--accent)}.btn-primary:hover{border-color:var(--accent)}.btn-light{background:var(--white);border-color:var(--white);color:var(--spruce)}.btn-ghost{background:transparent;color:var(--white);border-color:#fff9}.btn-ghost:before{background:var(--gold)}.btn-ghost:hover{color:var(--ink);border-color:var(--gold)}.btn[aria-pressed=true]{background:var(--spruce);color:var(--white)}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.3rem 0}.progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--accent));transform-origin:0 50%;transform:scaleX(0);z-index:60}header.site{position:sticky;top:0;z-index:50;background:#faf7f2e0;backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--rule);transition:box-shadow .3s}header.site.scrolled{box-shadow:0 6px 18px #00000012}.bar{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:.7rem}.logo{font:600 1.8rem/1 var(--display);letter-spacing:-.01em;text-decoration:none;color:var(--spruce)}.logo span{font-style:italic;font-weight:500;color:var(--accent);margin-left:.3rem}nav.sections .wrap{display:flex;gap:.2rem;padding-bottom:.6rem}nav.sections a{padding:.45rem 1rem;font:500 .95rem var(--sans);text-decoration:none;position:relative;border-radius:999px;transition:background .3s,color .3s}nav.sections a:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.2rem;height:1.5px;background:var(--gold);transform:scaleX(0);transition:transform .3s var(--ease)}nav.sections a:hover:after{transform:scaleX(1)}nav.sections a[aria-current]{background:var(--spruce);color:var(--white)}nav.sections a[aria-current]:after{display:none}.menu-btn{display:none;background:none;border:1.5px solid var(--rule);border-radius:12px;font-size:1.2rem;padding:.25rem .65rem;cursor:pointer}main{padding:0 0 4rem}.crumb-band{background:var(--band);padding:1rem 0}.hero-banner{position:relative;min-height:clamp(320px,42vw,480px);display:flex;align-items:center;color:var(--white);background:linear-gradient(90deg,#141e18c7,#141e1866 55%,#141e181a),var(--hero-img, radial-gradient(ellipse 40% 60% at 78% 35%, rgba(217, 164, 65, .45), transparent 70%), radial-gradient(ellipse 30% 40% at 92% 80%, rgba(163, 40, 58, .35), transparent 70%), radial-gradient(circle at 70% 25%, rgba(255, 236, 190, .5) 0 1.5px, transparent 2.5px) 0 0 / 38px 38px, linear-gradient(135deg, #1c2b22 0%, #2f4a3a 55%, #23382c 100%));background-size:cover;background-position:center}.hero-inner{width:100%}.hero-title{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:500;letter-spacing:-.02em;margin:0 0 1rem;text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero-banner p{max-width:520px;font-size:1.1rem;line-height:1.7;margin:0}.explore{background:var(--band);padding:2.6rem 0}.explore .band-title{margin-bottom:1.4rem}.explore-row{position:relative}.explore-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem}.explore-track::-webkit-scrollbar{display:none}.tile{position:relative;aspect-ratio:2 / 1;overflow:hidden;border-radius:var(--radius);scroll-snap-align:start;text-decoration:none;color:var(--white);box-shadow:var(--shadow);background:linear-gradient(135deg,#2f4a3a,#3d5e4a 55%,#a3283a 140%);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.tile-icon{position:absolute;right:.8rem;bottom:.4rem;font-size:2.2rem;opacity:.9;transition:transform .6s var(--ease)}.tile-label{position:absolute;left:1rem;top:.8rem;font:500 1.2rem var(--display);text-shadow:0 1px 6px rgba(0,0,0,.5)}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tile:hover img,.tile:hover .tile-icon{transform:scale(1.08)}.explore-next,.explore-prev{position:absolute;right:-.4rem;top:50%;z-index:2;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:var(--white);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s}.explore-prev{right:auto;left:-.4rem}.explore-next:hover,.explore-prev:hover{transform:translateY(-50%) scale(1.08)}.explore-next[hidden],.explore-prev[hidden]{display:none}.section-block{padding:3rem 0 1rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.8rem}.see-all{font:600 .9rem var(--sans);text-decoration:none;color:var(--spruce);border-bottom:1.5px solid var(--gold);padding-bottom:2px}.see-all:hover{color:var(--accent);border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.6rem}.card{display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius);overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.card .thumb{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(150deg,#f2ece3,#e9dcc6 60%,#dfe7df)}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.thumb-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:3.2rem;transition:transform .9s var(--ease)}.badge{position:absolute;left:.8rem;top:.8rem;padding:.3rem .75rem;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(6px);color:var(--spruce);font:600 .74rem var(--sans)}.card-body{padding:1.1rem 1.2rem 1.4rem;flex:1}.card-meta{display:block;font-weight:500;font-size:.8rem;color:var(--accent);margin-bottom:.35rem;letter-spacing:.02em}.card h3{font:600 1.15rem/1.35 var(--display);letter-spacing:0;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card:hover .thumb img,.card:hover .thumb-icon{transform:scale(1.06)}.card:hover h3{color:var(--accent)}.card h3{transition:color .3s}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .35s var(--ease)}.js .reveal.in{opacity:1;transform:none}.js .reveal.in:hover{transform:translateY(-5px)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3.5rem;padding-top:2rem}article{max-width:760px}.prose h2{font-size:1.8rem;margin-top:2.4rem}.prose a{color:var(--accent)}.hero-img{aspect-ratio:16 / 10;object-fit:cover;width:100%;height:auto;margin:1.2rem 0;border-radius:var(--radius)}.facts{display:flex;flex-wrap:wrap;gap:0;margin:1.2rem 0;border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--white)}.facts span{display:flex;flex-direction:column;padding:.7rem 1.2rem;font-weight:600;border-right:1px solid var(--rule)}.facts span:last-child{border-right:0}.facts small{font:600 .68rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.recipe-card{margin:2.8rem 0;padding:2.4rem;background:var(--white);border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--rule);position:relative;overflow:hidden}.recipe-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--spruce),var(--gold),var(--accent))}.recipe-card-head{text-align:center;border-bottom:1px solid var(--rule);padding-bottom:1.4rem;margin-bottom:1rem}.recipe-card-head h2{margin:.5rem 0;font-size:2rem}.recipe-card-head .facts,.recipe-card-head .actions{justify-content:center}.recipe-card-head .facts{display:inline-flex}.recipe-card h3{font-size:1.45rem;margin:1.8rem 0 .7rem}.checklist{list-style:none;padding:0;margin:0}.checklist li{border-bottom:1px solid var(--rule)}.checklist label{display:flex;gap:.8rem;align-items:flex-start;padding:.65rem .2rem;cursor:pointer;transition:background .2s}.checklist label:hover{background:var(--bg);border-radius:10px}.checklist input{appearance:none;flex:none;width:1.15rem;height:1.15rem;margin-top:.3rem;border:1.5px solid var(--gold);border-radius:6px;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s var(--ease)}.checklist input:after{content:"✓";color:var(--white);font-size:.75rem;transform:scale(0);transition:transform .2s var(--ease)}.checklist input:checked{background:var(--spruce);border-color:var(--spruce);transform:scale(1.08)}.checklist input:checked:after{transform:scale(1)}.checklist input:checked+span{color:var(--muted);text-decoration:line-through}.steps{list-style:none;counter-reset:s;padding:0;margin:0}.steps li{counter-increment:s;position:relative;padding:.15rem 0 1.2rem 3.2rem}.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:50%;background:#f3e9d4;color:var(--spruce);font:600 1rem var(--display)}.faq{margin-top:2.5rem}.faq h2{font-size:1.8rem}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;list-style:none;padding:1rem 2.2rem 1rem 0;font:600 1.1rem var(--display);position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:.3rem;top:.7rem;font:400 1.6rem var(--sans);color:var(--gold);transition:transform .4s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover{color:var(--accent)}.faq details p{margin:0 0 1.1rem;color:#2e2a26}.sidebar{position:sticky;top:140px;align-self:start;display:grid;gap:2rem}.sidebar h2,.rail h2{font:600 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}.about-box{padding:1.8rem 1.5rem;border-radius:var(--radius);background:linear-gradient(170deg,var(--white),#f6ecd8);border:1px solid var(--rule)}.about-box h2{font:600 1.25rem var(--display);letter-spacing:0;text-transform:none;color:var(--ink)}.about-box .logo-mark{display:none}.about-box p{font-size:.95rem;color:var(--muted);margin:.3rem 0 1.1rem}.numbered{list-style:none;counter-reset:n;padding:0;margin:0}.numbered li{counter-increment:n;display:flex;gap:.9rem;padding:.75rem 0;border-top:1px solid var(--rule)}.numbered li:before{content:counter(n,decimal-leading-zero);font:500 1.2rem/1.3 var(--display);color:var(--gold);min-width:1.6rem}.numbered a{font:500 1rem/1.4 var(--display);text-decoration:none}.numbered a:hover{color:var(--accent)}.related{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--rule)}.related .section-head h2{font-size:1.9rem;margin:0}.ad{margin:2rem 0;min-height:100px;text-align:center}.to-top{position:fixed;right:1.2rem;bottom:1.2rem;width:46px;height:46px;justify-content:center;padding:0;font-size:1.1rem;opacity:0;pointer-events:none;transform:translateY(10px);z-index:40}.to-top.show{opacity:1;pointer-events:auto;transform:none}footer.site{background:#1c2b22;color:#d5dcd3;padding:3.5rem 0 1.5rem;font-size:.92rem}footer.site .logo{color:var(--white);font-size:1.6rem}.footer-cols{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:2rem}.footer-brand p{color:#a7b4aa;max-width:280px}.footer-cols h4{font:600 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;color:var(--gold)}.footer-cols h4 a{text-decoration:none}.footer-cols a{display:block;color:#d5dcd3;text-decoration:none;padding:.2rem 0;transition:color .2s,transform .2s var(--ease)}.footer-cols div>a:hover{color:var(--white);transform:translate(3px)}.footer-legal{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1);color:#8fa094}.footer-legal a{color:#8fa094;text-decoration:none}.footer-legal a:hover{color:var(--white)}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static}.footer-cols{grid-template-columns:1fr 1fr}.menu-btn{display:block}nav.sections{display:none}header.site.open nav.sections{display:block}nav.sections .wrap{flex-direction:column}.recipe-card{padding:1.4rem 1.1rem}.facts span{flex:1 1 40%;border-bottom:1px solid var(--rule)}.explore-next,.explore-prev{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}@media print{header.site,footer.site,.sidebar,.ad,.actions,.related,.to-top,.progress,.crumbs{display:none!important}body{background:#fff}.layout{display:block}.recipe-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}.tile:has(img):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#141e1899,#141e181a 65%)}.tile-label{z-index:1}@media(max-width:600px){.wrap{padding:0 1rem}.hero-banner{min-height:300px;padding:2.5rem 0}.hero-title{font-size:2.3rem}.hero-banner p{font-size:1rem}.section-block{padding:2rem 0 .5rem}.section-head{flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:1.1rem}.see-all{white-space:nowrap}.grid{grid-template-columns:1fr 1fr;gap:.9rem}.card{border-radius:14px}.card-body{padding:.7rem .75rem .9rem}.card h3{font-size:.98rem;-webkit-line-clamp:3}.card-meta{font-size:.72rem}.badge{left:.5rem;top:.5rem;font-size:.66rem;padding:.2rem .55rem}.explore{padding:1.8rem 0}.explore-track{grid-auto-columns:62%;gap:.8rem}h1{font-size:2rem}.lead{font-size:1.05rem}.actions .btn{padding:.6rem 1rem}.recipe-card{padding:1.3rem 1rem;border-radius:18px}.recipe-card-head h2{font-size:1.6rem}.facts span{padding:.55rem .8rem}.steps li{padding-left:2.7rem}.footer-cols{grid-template-columns:1fr}}
