@media(max-width:600px){body[data-theme=av21]{--av-paper:#F6F1E8;--av-sand:#D9CDBE;--av-soft:#EAD9C8;--av-accent:var(--av-olive);--av-accent-2:var(--av-rust);--av-heading-2:var(--av-accent);--av-step-num:var(--av-accent-2);--av-kicker:var(--av-accent-2);--av-serif:"Frank Ruhl Libre","Frank Ruhl Libre Fallback",Georgia,serif;--av-sans:"Assistant","Assistant Fallback",Arial,sans-serif;--av-cta-h:48px;--paper:var(--av-paper);--ink:var(--av-ink);--ink2:var(--av-muted);--terra:var(--av-rust);--line:var(--av-sand);--serif:var(--av-serif);--sans:var(--av-sans);background:var(--av-paper);color:var(--av-ink);font-family:var(--av-sans);font-synthesis-weight:none}body[data-theme=av21] .av-cta,body[data-theme=av21] .hero .dek .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:158px;height:var(--av-cta-h);min-height:var(--av-cta-h);padding:0 18px;background:var(--av-rust);color:#fff;border:0;border-radius:0;font:600 18px/1 var(--av-sans);text-decoration:none}body[data-theme=av21] .av-cta .arrow,body[data-theme=av21] .hero .dek .btn .arrow{color:#fff}body[data-theme=av21] .av-cta:focus-visible,body[data-theme=av21] .hero .dek .btn:focus-visible{outline:2px solid var(--av-ink);outline-offset:3px}body[data-theme=av21] .num{font-family:var(--av-serif);font-weight:500;color:var(--av-step-num);border-color:var(--av-step-num)}body[data-theme=av21] .sec-h h2{font:500 var(--fs-h2)/var(--lh-h2) var(--av-serif);color:var(--av-heading-2)}body[data-theme=av21] .kicker{font:600 14px/20px var(--av-sans);letter-spacing:0;color:var(--av-kicker)}body[data-theme=av21] .hero .wrap{display:flex;flex-direction:column}body[data-theme=av21] .hero .msearch{order:0}body[data-theme=av21] .hero .txt{order:1;display:block;margin:0;padding:18px 20px 0}body[data-theme=av21] .hero .box{order:2;margin-top:28px}body[data-theme=av21] .hero .mcred{order:3}body[data-theme=av21] .hero .ov{display:none}body[data-theme=av21] .hero .txt>div>:not(h1),body[data-theme=av21] .hero .txt .dek{display:block}body[data-theme=av21] .hero h1.home-h1{font:500 20px/28px var(--av-serif);color:var(--av-ink);margin:0 0 14px}body[data-theme=av21] .hero .txt h2.h1{font:500 40px/46px var(--av-serif);letter-spacing:0;margin-top:12px!important;color:var(--av-ink)}body[data-theme=av21] .hero .dek{margin-top:16px;font:400 18px/28px var(--av-sans);color:var(--av-ink)}body[data-theme=av21] .hero .dek .btn{margin-top:14px}body[data-theme=av21] .hero .ph{height:auto;width:100%;aspect-ratio:2032/1536;margin:0;outline:0}body[data-theme=av21] .hero .ph img{width:100%;height:100%;object-fit:cover;object-position:68% 50%}body[data-theme=av21] .hubs{background:transparent;padding-top:40px}body[data-theme=av21] .hubs .sec-h{border-top:2px solid var(--av-ink);padding-top:16px;margin-bottom:8px}body[data-theme=av21] .hubs .row{display:block;overflow:visible;margin:0;padding:0}body[data-theme=av21] .hub{display:grid;grid-template-columns:56px 1fr 24px;align-items:center;gap:14px;min-height:72px;padding:8px 0;border-bottom:1px solid var(--av-sand);color:var(--av-ink)}body[data-theme=av21] .hub .ph{width:56px;height:56px;margin:0;outline:0}body[data-theme=av21] .hub b{font:500 24px/30px var(--av-serif);text-align:start;margin:0;white-space:normal}body[data-theme=av21] .hub:after{content:"←";color:var(--av-rust);font:400 20px/1 var(--av-sans);text-align:end}body[data-theme=av21] .hub:focus-visible{outline:2px solid var(--av-ink);outline-offset:2px}body[data-theme=av21] .latest{padding:48px 0}body[data-theme=av21] .latest .sec-h{border-top:2px solid var(--av-ink);padding-top:16px}body[data-theme=av21] .latest .row4{grid-template-columns:1fr;gap:28px}body[data-theme=av21] .row4 .card .ph{aspect-ratio:4/5!important;margin:0}body[data-theme=av21] .row4 .card .ph:has(img[src*="-1x1"]){aspect-ratio:1/1!important}body[data-theme=av21] .row4 .card:first-child .ph{width:71%}body[data-theme=av21] .row4 .card:first-child h3{font:500 26px/32px var(--av-serif)!important}body[data-theme=av21] .row4 .card:not(:first-child){display:grid;grid-template-columns:1fr 44%;grid-template-areas:"meta ph" "title ph";grid-template-rows:auto 1fr;column-gap:16px;padding-top:20px;border-top:1px solid var(--av-sand)}body[data-theme=av21] .row4 .card:not(:first-child) .ph{grid-area:ph}body[data-theme=av21] .row4 .card:not(:first-child) .meta{grid-area:meta;margin-top:0}body[data-theme=av21] .row4 .card:not(:first-child) h3{grid-area:title;font:500 22px/28px var(--av-serif)!important}body[data-theme=av21] .card .meta .tag{color:var(--av-rust)}body[data-theme=av21] .trust{border-color:var(--av-sand)}body[data-theme=av21] .trust blockquote{font:500 28px/36px var(--av-serif)}body[data-theme=av21] .trust p{color:var(--av-muted)}body[data-theme=av21] .stats b{font-family:var(--av-serif);font-weight:500}}@media screen and (max-width:600px){body[data-theme=av21] header.r-head{padding-block:16px 0}body[data-theme=av21] header.r-head h1.v{font:500 34px/42px var(--av-serif);letter-spacing:0;color:var(--av-ink)}body[data-theme=av21] header.r-head .r-intro.lede{margin-top:12px;font:400 18px/28px var(--av-sans);color:var(--av-muted)}body[data-theme=av21] header.r-head .trust{margin-top:12px;font:600 15px/22px var(--av-sans);color:var(--av-ink)}body[data-theme=av21] header.r-head .trust .av{width:32px;height:32px;background:var(--av-soft);color:var(--av-rust);font:500 16px/1 var(--av-serif)}body[data-theme=av21] header.r-head .r-actions{display:grid;grid-template-columns:1fr 118px;gap:16px;margin-top:28px}body[data-theme=av21] .r-actions a.btn,body[data-theme=av21] .r-actions button.btn.ghost{height:var(--av-cta-h);min-height:var(--av-cta-h);border-radius:0;padding:0 16px;font:600 18px/1 var(--av-sans)}body[data-theme=av21] .r-actions a.btn{background:var(--av-rust);color:#fff;border:0}body[data-theme=av21] .r-actions button.btn.ghost{background:transparent;color:var(--av-ink);border:1.5px solid var(--av-ink)}body[data-theme=av21] .r-actions .btn:focus-visible{outline:2px solid var(--av-ink);outline-offset:3px}body[data-theme=av21] figure.r-hero{margin:20px 0 0;margin-inline:-20px}body[data-theme=av21] figure.r-hero img{width:100%;height:auto;aspect-ratio:344/232;object-fit:cover;object-position:50% 50%;border-radius:0}body[data-theme=av21] article .r-body{padding-top:40px;gap:56px}body[data-theme=av21] aside.ingr#ingredients{background:transparent;border:0;border-radius:0;padding:0}body[data-theme=av21] aside.ingr h2#ih,body[data-theme=av21] section#steps h2#sh{font:500 var(--fs-h2)/var(--lh-h2) var(--av-serif);color:var(--av-heading-2);border-top:2px solid var(--av-ink);padding-top:16px;margin:0}body[data-theme=av21] aside.ingr h3.v,body[data-theme=av21] section#steps .steps-h{font:500 22px/30px var(--av-serif);color:var(--av-ink);margin-top:20px}body[data-theme=av21] aside.ingr ul{margin-top:12px}body[data-theme=av21] aside.ingr li{border-bottom:1px solid var(--av-sand)}body[data-theme=av21] aside.ingr label{gap:20px;min-height:60px;padding-block:16px;font:400 17px/28px var(--av-sans);color:var(--av-ink)}body[data-theme=av21] aside.ingr .qty{color:var(--av-accent-2)}body[data-theme=av21] aside.ingr input{width:24px;height:24px;margin-top:2px;accent-color:var(--av-rust)}body[data-theme=av21] aside.ingr input:focus-visible{outline:2px solid var(--av-ink);outline-offset:2px}body[data-theme=av21] aside.ingr input:checked+span{color:var(--av-muted)}body[data-theme=av21] section#steps ol.steps{margin-top:12px}body[data-theme=av21] section#steps ol.steps li{grid-template-columns:44px 1fr;gap:12px;padding-block:20px;border-bottom:1px solid var(--av-sand)}body[data-theme=av21] section#steps ol.steps li:before{font:500 28px/30px var(--av-serif);color:var(--av-step-num)}body[data-theme=av21] section#steps ol.steps li p.v{font:400 18px/30px var(--av-sans);color:var(--av-ink)}body[data-theme=av21] section#steps .r-notes p.v{font:400 18px/30px var(--av-sans);color:var(--av-ink)}body[data-theme=av21] section#steps .share button.btn.ghost{border-radius:0;border-color:var(--av-ink);color:var(--av-ink)}body[data-theme=av21] a.skip,body[data-theme=av21] header.hdr,body[data-theme=av21] nav.bc,body[data-theme=av21] section.sec,body[data-theme=av21] nav.backlinks,body[data-theme=av21] footer.ftr{--serif:"Frank Ruhl Libre",Arial,sans-serif;--sans:"Assistant",Arial,sans-serif;--ink:var(--av-ink);--line:#DDD5C6;font-family:var(--sans)}body[data-theme=av21] a.skip,body[data-theme=av21] header.hdr,body[data-theme=av21] nav.bc,body[data-theme=av21] section.sec,body[data-theme=av21] nav.backlinks{color:var(--ink)}body[data-theme=av21] section.sec .sec-h h2{font:700 var(--fs-h2)/var(--lh-h2) var(--serif)}}@media screen and (max-width:600px){body[data-theme=av21] figure.r-hero.h169 img{aspect-ratio:16/9}body[data-theme=av21] figure.r-hero.top img{object-position:50% 0}body[data-theme=av21] figure.r-hero.tile{background:var(--av-soft);border:0;border-radius:0}body[data-theme=av21] figure.r-hero.tile .tile-k{font:600 14px/20px var(--av-sans);color:var(--av-rust)}body[data-theme=av21] figure.r-hero.tile .tile-t{font:500 22px/30px var(--av-serif);color:var(--av-ink)}body[data-theme=av21] figure.r-hero.tile .tile-s{color:var(--av-muted)}body[data-theme=av21] aside.ingr .qnote{font:400 17px/28px var(--av-sans);color:var(--av-muted)}body[data-theme=av21] aside.ingr li.istep p.v{font:600 17px/28px var(--av-sans);color:var(--av-ink)}body[data-theme=av21] aside.ingr .scaler button{min-width:48px;min-height:48px;border-radius:0;border:1.5px solid var(--av-ink);background:transparent;color:var(--av-ink);font:600 17px/1 var(--av-sans)}body[data-theme=av21] aside.ingr .scaler button[aria-pressed=true]{background:var(--av-ink);color:#fff}body[data-theme=av21] aside.ingr .scaler button:focus-visible{outline:2px solid var(--av-ink);outline-offset:2px}body[data-theme=av21] aside.ingr .scaler .meta{color:var(--av-muted)}body[data-theme=av21] header.r-head .r-actions>button.btn.ghost:only-child{grid-column:1/-1;justify-self:start;min-width:118px}body[data-theme=av21] .r-body.art .art-body h2{font:500 var(--fs-h2)/var(--lh-h2) var(--av-serif);color:var(--av-heading-2)}body[data-theme=av21] .r-body.art .art-body h3{font:500 22px/30px var(--av-serif);color:var(--av-ink)}body[data-theme=av21] .r-body.art .art-body p.v{font:400 18px/30px var(--av-sans);color:var(--av-ink)}body[data-theme=av21] .r-body.art .art-body a{color:var(--av-accent-2);text-decoration:underline;text-decoration-color:var(--av-accent-2);text-underline-offset:3px}body[data-theme=av21] .r-body.art .art-body p.v>a:only-child{display:inline-flex;align-items:center;min-height:44px;min-width:44px}}