:root{--cream:#f7f4ed;--paper:#fffdf7;--ink:#252c23;--muted:#63695c;--line:#dddccd;--rust:#b9442a;--olive:#526044;--pale:#ececde;--serif:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--cream);font-synthesis:none;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}img{max-width:100%;display:block}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--rust);outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.035em;font-weight:400}h1{font-size:clamp(48px,5.4vw,84px);line-height:1.04}h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12}h3{font-size:29px;line-height:1.2}p{line-height:1.65}a{text-underline-offset:4px}.wrap{width:min(1280px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:36px;max-width:1440px;margin:auto;padding:27px 48px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-2px;align-items:center;gap:8px;font-size:36px;font-weight:700;text-decoration:none;display:flex}.wordmark-dot{color:var(--rust);margin-left:-7px}.site-header nav{gap:30px;margin-left:auto;display:flex}.site-header nav a,.header-link{font-size:14px;text-decoration:none}.site-header nav a:hover,.site-header nav [aria-current=page]{color:var(--rust)}.header-link{border-left:1px solid var(--line);padding-left:28px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--olive);font-size:10px;font-weight:700;display:block}.hero{grid-template-columns:.94fr 1fr;align-items:center;gap:76px;padding-top:64px;padding-bottom:54px;display:grid}.hero h1{margin:22px 0}.hero h1 em{color:var(--rust);font-weight:400}.hero p{color:var(--muted);max-width:410px;font-size:17px}.hero .photo{margin:0;position:relative}.hero .photo img{object-fit:cover;border-radius:140px 8px 8px;width:100%;height:570px}.hero .photo:after{content:"A pantry full of possibility.";background:var(--cream);font-family:var(--serif);padding:14px 18px;font-size:21px;position:absolute;bottom:24px;left:25px;transform:rotate(-3deg)}.hero figcaption{text-align:right;margin-top:12px;font-size:10px}.hero figcaption a{color:var(--muted)}.button{background:var(--rust);color:#fff;border:0;border-radius:3px;justify-content:center;align-items:center;gap:30px;padding:17px 23px;font-size:13px;text-decoration:none;display:inline-flex}.button:hover{background:#96371f}.text-link{gap:18px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.hero .text-link{margin:24px 0}.finder-bar{background:var(--pale);border:1px solid #dedfce;align-items:center;gap:30px;padding:27px 32px;display:flex}.finder-bar h2{letter-spacing:-.02em;margin-bottom:4px;font-size:25px}.finder-bar p{color:var(--muted);margin:0;font-size:12px}.search-form{flex:1;align-items:center;gap:10px;display:flex}.search-form label{flex:1}.search-form input{background:var(--paper);border:1px solid #d6d8c8;border-radius:3px;width:100%;padding:16px;font-size:13px}.search-form button{padding:16px 24px}.section{padding-block:70px}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.section-head h2{margin:12px 0 0}.section-head p{max-width:330px;color:var(--muted);margin:0;font-size:14px}.hub-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.hub-card{background:var(--pale);border-radius:5px;text-decoration:none;display:block;position:relative;overflow:hidden}.hub-card .photo{margin:0}.hub-card img{object-fit:cover;width:100%;height:300px}.hub-copy{padding:28px 30px}.hub-copy h3{margin:10px 0}.hub-copy p{color:var(--muted);max-width:410px;font-size:14px}.hub-card:hover h3,.guide-card:hover h3{color:var(--rust)}.guide-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.guide-card{flex-direction:column;text-decoration:none;display:flex}.guide-card .photo{margin:0 0 22px}.guide-card .photo img{aspect-ratio:1.45;object-fit:cover;border-radius:4px;width:100%}.guide-card h3{margin:13px 0;font-size:29px}.guide-card p{color:var(--muted);font-size:14px}.card-copy{flex-direction:column;flex:1;display:flex}.card-copy .text-link{margin-top:auto;padding-top:12px}.note-banner{background:#e7e8d8;border-radius:4px;grid-template-columns:1fr 1fr;gap:70px;padding:48px;display:grid}.note-banner h2{margin:15px 0;font-size:38px}.note-banner p{color:var(--muted);font-size:14px}.note-number{font-family:var(--serif);color:var(--rust);font-size:38px;line-height:1}.note-row{border-bottom:1px solid #d0d4bf;gap:20px;padding:16px 0;display:flex}.note-row p{margin:0}.note-row strong{color:var(--ink);margin-bottom:5px;display:block}.site-footer{background:#eae9dc;grid-template-columns:1.6fr 1fr 1fr;gap:45px;padding:54px max(48px,50vw - 640px);display:grid}.site-footer p{color:var(--muted);margin:15px 0;font-size:13px}.site-footer div>a:not(.wordmark){margin-top:15px;font-size:13px;text-decoration:none;display:block}.footer-bottom{color:var(--muted);border-top:1px solid #d1d3c1;grid-column:1/-1;justify-content:space-between;padding-top:23px;font-size:11px;display:flex}.skip{position:absolute;top:-100px}.skip:focus{z-index:10;background:#fff;padding:20px;top:0}.page-intro{max-width:800px;padding:65px 0 35px}.page-intro h1{margin:17px 0;font-size:64px}.page-intro p{color:var(--muted);font-size:17px}.filter-controls{gap:14px;padding-bottom:28px;display:flex}.filter-controls input{border:1px solid var(--line);background:var(--paper);border-radius:4px;flex:1;min-width:0;padding:17px}.filter-controls select{border:1px solid var(--line);background:var(--paper);padding:12px}.ingredient-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.ingredient-card{border:1px solid var(--line);background:var(--paper);border-radius:4px;overflow:hidden}.ingredient-card .photo{margin:0}.ingredient-card img{aspect-ratio:1.3;object-fit:cover;width:100%}.ingredient-card .card-copy{padding:20px}.ingredient-card h3{margin:9px 0;font-size:27px}.ingredient-card p{color:var(--muted);margin-bottom:9px;font-size:12px}.ingredient-card .names{color:var(--ink);font-size:14px;line-height:1.7}.ingredient-card summary{cursor:pointer;margin:14px 0 8px;font-size:12px}.ingredient-card details a{font-size:11px}.result-status{color:var(--muted);margin-bottom:20px;font-size:12px}.empty{background:var(--pale);grid-column:1/-1;padding:40px}.breadcrumb{color:var(--muted);margin-bottom:26px;font-size:12px}.article-heading{text-align:center;max-width:900px;margin:auto;padding-top:54px}.article-heading h1{margin:20px 0;font-size:clamp(43px,5vw,66px)}.article-heading .dek{color:var(--muted);max-width:680px;margin:0 auto 22px;font-size:18px}.article-meta{color:var(--muted);justify-content:center;gap:20px;margin-bottom:32px;font-size:11px;display:flex}.article-hero{max-width:960px;margin:0 auto}.article-hero img{object-fit:cover;width:100%;height:430px}.article-hero figcaption{color:var(--muted);margin-top:8px;font-size:10px}.article-body{max-width:720px;margin:45px auto 60px;font-size:17px;line-height:1.75}.article-body h2{margin:44px 0 20px;font-size:36px}.article-body h3{margin:32px 0 13px;font-size:26px}.article-body li{margin-bottom:9px}.article-body table{border-collapse:collapse;width:100%;margin:26px 0;font-size:14px;display:block;overflow:auto}.article-body th,.article-body td{border-bottom:1px solid var(--line);text-align:left;min-width:125px;padding:14px}.article-body th{background:var(--pale)}.article-body blockquote{border-left:3px solid var(--rust);background:var(--pale);margin:25px 0;padding:18px 24px;font-size:15px}.article-body blockquote p{margin:0}.source-box{background:var(--pale);margin-top:45px;padding:28px;font-size:13px}.source-box h2{margin:0 0 15px;font-size:28px}.source-box li{margin-bottom:13px}.simple-page{max-width:760px;margin:auto;padding:65px 24px 80px}.simple-page h1{font-size:55px}.simple-page h2{margin-top:35px;font-size:30px}.simple-page p,.simple-page li{font-size:16px;line-height:1.75}.tool-box{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:30px}.tool-fields{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tool-fields label{font-size:13px}.tool-fields input{border:1px solid var(--line);width:100%;margin-top:8px;padding:14px;display:block}.scale-result{background:var(--pale);font-family:var(--serif);margin-top:25px;padding:22px;font-size:32px}.photo{margin:0}.visually-hidden{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.credit-row{border-bottom:1px solid var(--line);padding:20px 0}[hidden]{display:none!important}@media (width>=1600px){.hero .photo img{height:610px}}@media (width<=1000px){.site-header{gap:20px;padding:22px 28px}.site-header nav{gap:20px}.header-link{display:none}.wrap{width:calc(100% - 56px)}.hero{gap:35px;padding-top:42px}.hero h1{font-size:60px}.hero .photo img{border-radius:90px 5px 5px;height:480px}.ingredient-grid{grid-template-columns:repeat(3,1fr)}.finder-bar{flex-direction:column;align-items:start;gap:20px}.search-form{width:100%}.guide-grid{gap:20px}.guide-card h3{font-size:25px}.article-body{padding:0 22px}.note-banner{gap:35px;padding:35px}.site-footer{padding:45px 28px}.article-hero{margin-inline:24px}}@media (width<=650px){.site-header{flex-wrap:wrap;gap:17px;padding:19px 20px}.wordmark{font-size:32px}.site-header nav{justify-content:space-between;gap:15px;width:100%;margin:0}.site-header nav a{font-size:12px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:23px;padding-top:35px;padding-bottom:35px}.hero h1{max-width:480px;font-size:56px}.hero p{font-size:16px}.hero .photo img{border-radius:80px 5px 5px;height:350px}.hero .photo:after{font-size:19px}.hero .text-link{margin:12px 0}.finder-bar{padding:22px}.search-form{flex-wrap:wrap;gap:8px}.search-form label{flex-basis:100%}.search-form button{width:100%}.section{padding-block:45px}.section-head{flex-direction:column;align-items:start;gap:15px}.section-head h2{font-size:38px}.hub-grid,.guide-grid,.note-banner{grid-template-columns:1fr}.hub-card img{height:250px}.hub-copy{padding:25px}.guide-grid{gap:35px}.guide-card .photo img{aspect-ratio:1.5}.note-banner{gap:20px;padding:26px}.site-footer{grid-template-columns:1fr 1fr;gap:28px;padding:35px 20px}.site-footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:18px}.page-intro{padding-top:40px}.page-intro h1{font-size:47px}.filter-controls{flex-direction:column}.ingredient-grid{grid-template-columns:repeat(2,1fr);gap:13px}.ingredient-card .card-copy{padding:14px}.ingredient-card h3{font-size:23px}.ingredient-card .names{font-size:12px}.article-heading{padding-top:35px}.article-heading h1{font-size:43px}.article-heading .dek{font-size:16px}.article-meta{flex-wrap:wrap;gap:8px 18px}.article-hero{margin-inline:0}.article-hero img{height:280px}.article-body{padding:0;font-size:16px}.article-body h2{font-size:31px}.tool-fields{grid-template-columns:1fr}.simple-page h1{font-size:45px}}
