:root{--cream: #fff8ed;--paper: #ffffff;--ink: #2f2119;--muted: #725e50;--matcha: #6f8f4f;--berry: #b84b63;--tea: #bf7447;--line: #ead7c6;--shadow: 0 18px 55px rgba(61, 35, 23, .12)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}html.nav-open,html.nav-open body{overflow:hidden}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto;background:#f7eadb}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(184,75,99,.58);outline-offset:3px}.site-header{position:sticky;top:0;z-index:20;background:#fff8edf0;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{width:min(1160px,calc(100% - 32px));margin:0 auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;font-weight:850;font-size:1.05rem}.brand img{width:170px;height:auto;max-height:43px;object-fit:contain;background:transparent}.nav-links{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px 14px;color:var(--muted);font-weight:680;font-size:.93rem;white-space:nowrap}.nav-links a:hover{color:var(--berry)}.desktop-search{width:190px;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;overflow:hidden}.desktop-search input{min-width:0;border:0;outline:0;padding:0 0 0 14px;background:transparent;color:var(--ink);font-size:.9rem}.desktop-search button{width:38px;height:38px;border:0;background:transparent;color:var(--ink);cursor:pointer}.desktop-search svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.15;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(280px,.98fr);gap:42px;align-items:center;width:min(1160px,calc(100% - 32px));margin:34px auto 58px}.hero-copy h1{margin:0;font-size:clamp(2.45rem,5.4vw,5.9rem);line-height:.95;max-width:9ch}.hero-copy p{max-width:620px;color:var(--muted);font-size:1.1rem}.eyebrow{color:var(--berry);font-weight:820;text-transform:uppercase;letter-spacing:0;font-size:.78rem}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:780}.button.secondary{background:transparent;color:var(--ink)}.trust-line{margin-top:18px;font-weight:760;color:#5c4738}.hero-media{position:relative}.hero-media img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}.section-band{padding:56px 0;border-top:1px solid var(--line)}.shell{width:min(1160px,calc(100% - 32px));margin:0 auto}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-head h2,.listing-hero h1,.article-hero h1{margin:0;line-height:1.03;font-size:clamp(2rem,4vw,4.1rem)}.section-head p,.listing-hero p,.article-hero p{color:var(--muted);max-width:680px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;box-shadow:0 12px 32px #3d231712;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 18px 44px #3d23171f}.card-media{aspect-ratio:4 / 5;overflow:hidden;background:#f7eadb}.card img{width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .26s ease}.card:hover img{transform:scale(1.035)}.card-body{padding:18px}.card h3{margin:0 0 8px;line-height:1.16;font-size:1.18rem}.card p{margin:0;color:var(--muted);font-size:.96rem}.meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 16px;font-weight:680;font-size:.9rem}.category-label{display:inline-block;margin-bottom:8px;color:var(--berry);font-weight:820;font-size:.78rem;text-transform:uppercase}.listing-hero,.article-hero,.text-shell{width:min(980px,calc(100% - 32px));margin:44px auto}.article-hero img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;box-shadow:var(--shadow);margin-top:28px}.jump-link{display:inline-flex;margin-top:20px;color:var(--berry);font-weight:820;text-decoration:underline}.article-layout{width:min(1160px,calc(100% - 32px));margin:0 auto 70px;display:grid;grid-template-columns:240px minmax(0,780px);gap:34px;align-items:start;justify-content:center}.article-body{width:100%;margin:0}.article-body h2{margin-top:34px;font-size:1.75rem;line-height:1.14}.article-body h3{margin-top:26px;font-size:1.28rem}.article-body p,.article-body li{color:#4d3b30}.article-body figure{margin:30px 0}.article-body figure img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}.article-body a{color:var(--berry);text-decoration:underline}.toc{position:sticky;top:94px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;padding:14px}.toc summary{cursor:pointer;font-weight:820;color:var(--ink)}.toc nav{display:grid;gap:8px;margin-top:12px}.toc a{color:var(--muted);font-size:.9rem;line-height:1.3}.toc a:hover{color:var(--berry)}.recipe-card-detail{width:min(980px,calc(100% - 32px));margin:-10px auto 48px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;box-shadow:var(--shadow)}.recipe-card-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:24px;align-items:start}.recipe-card-head h2,.newsletter h2,.choose-panel h2{margin:0;line-height:1.08;font-size:clamp(1.7rem,3vw,2.75rem)}.recipe-card-head p,.newsletter p{color:var(--muted)}.recipe-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.recipe-facts div{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--cream)}.recipe-facts dt{color:var(--muted);font-size:.78rem;font-weight:820;text-transform:uppercase}.recipe-facts dd{margin:3px 0 0;font-weight:780;line-height:1.25}.recipe-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-top:24px}.recipe-card-grid h3{margin:0 0 10px}.recipe-card-grid p{color:#4d3b30}.recipe-card-grid li{margin-bottom:8px;color:#4d3b30}.recipe-steps{grid-column:span 2}.related-band{border-top:1px solid var(--line)}.next-step{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.start-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;box-shadow:0 12px 32px #3d231712}.start-card span{color:var(--berry);font-weight:850;font-size:.9rem;text-transform:uppercase}.start-card p{margin:12px 0 18px;color:var(--muted)}.start-card strong{color:var(--ink)}.choose-band{padding:0 0 26px}.choose-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:22px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8}.pill-links{display:flex;flex-wrap:wrap;gap:10px}.pill-links a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--ink);font-weight:760}.newsletter-band{padding:58px 0 70px;border-top:1px solid var(--line)}.newsletter{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,460px);gap:30px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;box-shadow:var(--shadow)}.newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.newsletter-form input{min-width:0;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.newsletter-form button{min-height:46px;padding:0 16px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-weight:780}.newsletter-form p{grid-column:1 / -1;margin:0;font-size:.86rem}.site-footer{background:#2f2119;color:#fff8ed;padding:42px 0}.footer-wrap{width:min(1160px,calc(100% - 32px));margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:14px;color:#f2d9c6}.legal-page{padding-bottom:50px}.legal-copy{width:100%}@media(max-width:760px){.desktop-nav{display:none}.site-header{background:#fff8ede6;border-bottom:0;padding:7px 0 10px}.mobile-nav{display:block;width:min(100% - 24px,560px);margin:0 auto;position:relative}.mobile-nav-bar{min-height:78px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:10px 18px;background:#ffffffe8;border:1px solid rgba(234,215,198,.94);border-radius:999px;box-shadow:0 12px 36px #3d231721;backdrop-filter:blur(16px)}.mobile-brand{justify-self:center;min-width:0}.mobile-brand img{width:min(170px,52vw);height:auto;max-height:43px;object-fit:contain;background:transparent}.mobile-icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.mobile-icon-button:focus-visible,.mobile-search-form:focus-within{outline:2px solid rgba(184,75,99,.52);outline-offset:2px}.mobile-menu-button{flex-direction:column;gap:5px}.mobile-menu-button span{width:20px;height:2px;border-radius:999px;background:currentColor;transition:transform .16s ease,opacity .16s ease}.mobile-nav.is-open .mobile-menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-nav.is-open .mobile-menu-button span:nth-child(2){opacity:0}.mobile-nav.is-open .mobile-menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-search-button svg,.mobile-search-form svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.15;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-nav-panel{position:fixed;inset:88px 12px auto;max-height:calc(100vh - 104px);overflow:auto;margin-top:8px;padding:16px;background:#fffffff5;border:1px solid rgba(234,215,198,.96);border-radius:8px;box-shadow:0 18px 44px #3d231724}.mobile-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--ink);font-weight:850}.mobile-panel-close{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;font-weight:760}.mobile-search-form{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--cream)}.mobile-search-form input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-weight:680}.mobile-search-form input::placeholder{color:var(--muted);opacity:.85}.mobile-panel-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:14px}.mobile-panel-links a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line);color:var(--ink);font-size:.98rem;font-weight:820;line-height:1.15}.hero{grid-template-columns:1fr;gap:24px;margin-top:24px}.hero-copy h1{max-width:11ch}.grid,.category-grid,.start-grid,.newsletter,.recipe-card-head,.recipe-card-grid,.choose-panel,.article-layout{grid-template-columns:1fr}.recipe-steps{grid-column:auto}.newsletter-form,.recipe-facts{grid-template-columns:1fr}.toc{position:static;margin-bottom:24px}.article-body figure img{aspect-ratio:4 / 5}.recipe-card-detail{padding:20px}.section-head{display:block}.article-hero,.listing-hero,.text-shell{margin-top:30px}}@media(min-width:761px)and (max-width:980px){.nav-wrap{width:min(100% - 24px,940px)}.brand img{width:146px}.nav-links{gap:6px 10px;font-size:.84rem}.desktop-search{width:154px}.grid,.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.toc{position:static}}
