:root{--cream:#f7f0dc;--paper:#fffaf0;--ink:#253126;--olive:#596237;--olive2:#313b24;--saffron:#e0a72f;--tomato:#b95237;--line:#bdb79f;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}button,input,select{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:20}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,5rem);border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:4}.logo{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;text-transform:uppercase;font-size:.73rem;letter-spacing:.08em;line-height:1.2}.logo i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--saffron);font:800 .85rem var(--sans);font-style:normal;letter-spacing:0}.logo b{font-size:.92rem}nav{display:flex;gap:2rem}nav a,footer a{color:inherit;text-decoration:none;font-size:.83rem}nav a:hover,footer a:hover{text-decoration:underline}.recipe-button{border:1px solid var(--ink);background:transparent;padding:.65rem 1rem;border-radius:2rem;cursor:pointer}.recipe-button span{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;background:var(--tomato);color:#fff;border-radius:50%;margin-left:.4rem}.hero{min-height:690px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:2;width:min(690px,48%);margin-left:auto;padding:8rem clamp(1rem,7vw,8rem) 5rem 2rem}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800}.hero h1,.title-row h2,.builder h2,.notebook h2,.updates h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.94}.hero h1{font-size:clamp(3.5rem,6vw,6.8rem);margin:1rem 0}.hero-copy>p:not(.kicker){max-width:570px;font-size:1.08rem}.hero-copy>div{display:flex;gap:1.3rem;align-items:center;margin-top:2rem}.hero-copy a:not(.button){color:inherit;font-weight:700}.button{display:inline-flex;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;padding:.85rem 1.1rem;font-weight:750;cursor:pointer}.hero aside{position:absolute;left:clamp(1rem,4vw,4rem);bottom:2rem;width:145px;height:145px;border-radius:50%;background:var(--tomato);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.1em}.hero aside b{font:400 3.7rem/1 var(--serif)}.hero aside span{font-size:.62rem}.hero aside small{font-size:.54rem;margin-top:.4rem}.notes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.notes p{margin:0;padding:1.1rem;border-right:1px solid var(--line);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.notes p:last-child{border:0}.notes b{color:var(--tomato);margin-right:.5rem}.pantry,.method{padding:7rem clamp(1rem,6vw,7rem)}.title-row{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:end;margin-bottom:3rem}.title-row h2{font-size:clamp(3rem,5vw,5.8rem);margin:1rem 0 0}.title-row>p{color:#5d6254}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:2rem}.controls>div{display:flex;gap:.4rem;flex-wrap:wrap}.controls button{border:0;background:transparent;padding:.55rem .8rem;cursor:pointer}.controls button.active{background:var(--olive2);color:#fff;border-radius:2rem}.controls input{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:.55rem;min-width:240px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.card{background:var(--paper);border:1px solid var(--line);padding:.75rem;display:flex;flex-direction:column;min-height:430px}.card img{width:100%;aspect-ratio:1;object-fit:cover}.card small{text-transform:uppercase;letter-spacing:.1em;color:var(--tomato);margin-top:1rem}.card h3{font:400 1.8rem/1 var(--serif);margin:.55rem 0}.card>p{font-size:.85rem;color:#585e51}.uses{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:auto}.uses span{font-size:.66rem;border:1px solid var(--line);padding:.24rem .4rem}.card-actions{display:flex;justify-content:space-between;margin-top:1rem}.card-actions button{border:0;background:transparent;text-decoration:underline;cursor:pointer}.card-actions .save{border:1px solid var(--ink);width:35px;height:35px;text-decoration:none}.card-actions .save.saved{background:var(--saffron)}.builder{padding:7rem clamp(1rem,6vw,7rem);background:var(--saffron);display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:3rem}.builder h2{font-size:clamp(3rem,5vw,5.7rem);margin:1rem 0}.builder form{display:grid;gap:1rem}.builder label{display:grid;gap:.35rem;text-transform:uppercase;letter-spacing:.1em;font-size:.67rem}.builder select{padding:.75rem;background:#f2c65f;border:1px solid var(--ink)}.button.dark{background:var(--olive2);border-color:var(--olive2)}.builder-result{border:1px solid var(--ink);padding:1.4rem}.builder-result h3{font:400 2.1rem var(--serif);margin:.5rem 0}.builder-result ol{padding-left:1.2rem}.builder-result small{display:block;margin-top:1rem}.method{background:var(--olive2);color:#fff}.title-row.light>p{color:#c9ceb9}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #687153;border-top:1px solid #687153}.method-grid article{border-right:1px solid #687153;border-bottom:1px solid #687153;padding:2rem;min-height:290px}.method-grid span{color:#f0c65e;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em}.method-grid h3{font:400 2rem/1.05 var(--serif)}.method-grid p{color:#cbd0bc}.notebook{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.notebook img{width:100%;height:100%;object-fit:cover}.notebook article{padding:clamp(3rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.notebook h2{font-size:clamp(2.8rem,4.5vw,5.2rem);margin:1rem 0}.notebook a{color:inherit;font-weight:800}.updates{background:var(--tomato);color:#fff;padding:5rem clamp(1rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:4rem}.updates h2{font-size:clamp(2.8rem,4.5vw,5rem);margin:1rem 0}.updates form{align-self:center}.updates label{display:grid;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em}.updates input{border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;padding:.8rem 0;margin:.5rem 0 1rem}.updates input::placeholder{color:#f2cbc2}footer{padding:3rem clamp(1rem,5vw,5rem);display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:center}footer>div{display:flex;gap:1.2rem;justify-content:flex-end}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem}dialog{width:min(880px,calc(100% - 2rem));border:0;padding:0;background:var(--paper);box-shadow:0 25px 70px #0005}dialog::backdrop{background:#1a241dcc}.close{position:absolute;right:1rem;top:1rem;width:38px;height:38px;border:1px solid var(--ink);background:var(--paper);z-index:2;cursor:pointer}.detail{display:grid;grid-template-columns:1fr 1fr}.detail img{width:100%;height:100%;min-height:480px;object-fit:cover}.detail-copy{padding:3rem}.detail-copy h2{font:400 3rem/1 var(--serif)}.facts{display:grid;grid-template-columns:1fr 1fr;margin:2rem 0}.facts span{border:1px solid var(--line);padding:.6rem;font-size:.75rem}[data-recipe-dialog]{padding:3rem}.recipe-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;border-top:1px solid var(--line);padding:1rem}.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}@media(max-width:960px){nav{display:none}.hero-copy{width:60%}.notes{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hero{min-height:640px}.hero>img{object-position:35% center;opacity:.35}.hero-copy{width:100%;padding:6rem 1.2rem}.hero aside{display:none}.hero-copy>div{align-items:flex-start;flex-direction:column}.notes,.product-grid,.method-grid{grid-template-columns:1fr}.title-row,.notebook,.updates,footer{grid-template-columns:1fr}.pantry,.method,.builder{padding:4rem 1rem}.controls{align-items:stretch;flex-direction:column}.controls input{width:100%}.notebook img{max-height:560px}.notebook article{padding:4rem 1.2rem}.updates{padding:4rem 1.2rem}footer>div{justify-content:flex-start}.detail{grid-template-columns:1fr}.detail img{min-height:250px;max-height:330px}.detail-copy{padding:2rem 1.2rem}.recipe-row{grid-template-columns:1fr}}

/* Pantry notebook article */
.guide-header{position:sticky;top:0;background:color-mix(in srgb,var(--cream) 94%,transparent);backdrop-filter:blur(12px)}.guide-main{background:var(--paper)}.guide-main article{max-width:1500px;margin:auto}.guide-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:620px;background:var(--cream);border-bottom:1px solid var(--line)}.guide-hero>div{padding:clamp(4rem,8vw,8rem) clamp(1.2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.guide-hero h1{font:400 clamp(3.5rem,6vw,6.8rem)/.92 var(--serif);letter-spacing:-.05em;margin:1rem 0}.guide-hero .dek{font:1.15rem/1.65 var(--sans);max-width:690px}.guide-hero>img{width:100%;height:100%;object-fit:cover}.guide-meta{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.5rem}.guide-meta span{border:1px solid var(--line);padding:.35rem .55rem;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.article-grid{display:grid;grid-template-columns:250px minmax(0,780px);justify-content:center;gap:clamp(2rem,6vw,7rem);padding:5rem clamp(1rem,5vw,5rem)}.toc{position:sticky;top:125px;align-self:start;display:grid;border-top:1px solid var(--line)}.toc p{margin:1rem 0}.toc a{color:inherit;text-decoration:none;border-top:1px solid var(--line);padding:.72rem 0;font-size:.82rem}.toc a:hover{text-decoration:underline}.article-copy{font-size:1.02rem}.article-copy .lede{font:400 1.65rem/1.45 var(--serif);margin-top:0}.article-copy h2{font:400 clamp(2.5rem,4vw,4rem)/1 var(--serif);letter-spacing:-.035em;margin:4rem 0 1.2rem}.article-copy h3{font:400 1.75rem/1.15 var(--serif);margin:2.5rem 0 .8rem}.article-copy p{margin:0 0 1.25rem}.note,.audit-card{border:1px solid var(--line);padding:1.4rem 1.6rem;margin:2rem 0;background:var(--cream)}.note>b{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--tomato);margin-bottom:.6rem}.note p{margin:0}.formula{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;margin:2rem 0;padding:1.5rem;background:var(--olive2);color:#fff}.formula span,.formula b{grid-row:auto;text-align:center}.formula span{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.formula b{font:400 1.35rem var(--serif)}.formula em{grid-row:1/3;grid-column:2;font-size:.75rem;color:#e7cd87;text-align:center}.table-wrap{overflow-x:auto;margin:2rem 0}.article-copy table{border-collapse:collapse;width:100%;font-size:.88rem}.article-copy caption{text-align:left;font-weight:800;padding:.7rem 0}.article-copy th,.article-copy td{border:1px solid var(--line);padding:.8rem;text-align:left;vertical-align:top}.article-copy th{background:var(--olive2);color:#fff}.steps{counter-reset:item;list-style:none;padding:0}.steps li{position:relative;padding:1.2rem 1rem 1.2rem 4rem;border-top:1px solid var(--line)}.steps li:before{counter-increment:item;content:counter(item);position:absolute;left:.5rem;top:1rem;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--saffron);font-weight:800}.audit-card{background:var(--saffron)}.audit-card h3{margin:.4rem 0 1rem}.audit-card ul{columns:2;margin:0;padding-left:1.2rem}.sources{border-top:3px solid var(--ink);margin-top:4rem}.sources ul{padding-left:1.2rem}.sources li{margin:.7rem 0}.sources a,.next-read a{color:inherit}.next-read{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:3rem}.next-read span{grid-column:1/-1;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.next-read a{border:1px solid var(--line);padding:1rem;text-decoration:none;font-weight:750}.next-read a:hover{background:var(--cream)}@media(max-width:960px){.guide-header nav{display:none}.guide-hero{grid-template-columns:1fr}.guide-hero>img{max-height:520px}.article-grid{grid-template-columns:1fr}.toc{position:static;grid-template-columns:repeat(2,1fr);gap:0 1rem}.toc p{grid-column:1/-1}}@media(max-width:620px){.guide-header .recipe-button{display:none}.guide-hero h1{font-size:3.7rem}.article-grid{padding:3rem 1rem}.formula{grid-template-columns:1fr}.formula em{grid-row:auto;grid-column:auto}.audit-card ul{columns:1}.next-read{grid-template-columns:1fr}}
.notebook-alt{border-top:1px solid var(--line);background:#efe4c7}