body{--paper:#faf6e9;--ink:#284936;--muted:#626b54;--line:#d9ddc5;--green:#314f35;background-image:radial-gradient(#67783b0b .6px,transparent .6px);background-size:5px 5px}.article-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:#a66a29;z-index:100}.food-hero{position:relative;padding-top:26px;display:grid;grid-template-columns:1fr 1.09fr;gap:30px;align-items:center;min-height:690px;padding-bottom:62px}.food-hero:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #a3af8533;border-radius:50%;top:45px;left:-185px;z-index:-1}.food-hero h1{font:500 clamp(52px,5.1vw,77px)/1.07 var(--serif);letter-spacing:-.06em;margin:23px 0 24px}.food-hero h1 em{display:block;font-weight:400;color:#65723f}.hero-deck{max-width:415px;font-size:14px;line-height:1.9;color:#61694f}.hero-kicker{font:italic 25px/1.5 var(--serif);margin-bottom:17px;color:#8a5534}.hero-buttons{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:29px}.byline{display:flex;gap:12px;align-items:center;font-size:10px;color:#5e684f;margin-top:32px;flex-wrap:wrap}.author-avatar{width:32px;height:32px;display:grid;place-content:center;border:1px solid #9aab79;border-radius:50%;font:14px var(--mono);background:#e6e9d1;letter-spacing:-2px;padding-right:2px}.byline a{font-weight:800}.hero-visual{position:relative;margin:0;padding:0 0 22px 22px;min-width:0}.hero-photo-frame{position:relative;overflow:hidden;border-radius:48% 48% 4px 4px;border:7px solid #fffbed;outline:1px solid #d0d6b9;box-shadow:16px 20px 0 #e9e4cd;aspect-ratio:.93}.hero-photo-frame>img{width:100%;height:100%;object-fit:cover;object-position:52% center;transform:scale(1.07)}.hero-visual figcaption{font-size:9px;text-align:right;margin-top:28px;color:#6a715a}.round-seal{position:absolute;top:0;right:-10px;z-index:2;width:108px;height:108px;display:grid;place-content:center;border:1px solid #5b7137;border-radius:50%;background:#dbe4b8;transform:rotate(12deg);text-align:center;font:10px/1.9 var(--mono);outline:1px dashed #778a4f;outline-offset:-7px;box-shadow:3px 5px 0 #23371b12}.round-seal strong{font-size:21px;font-family:var(--serif);font-style:italic;line-height:1.2}.hand-note{position:absolute;bottom:45px;left:-9px;background:#fff9e4;border:1px solid #d5c89f;box-shadow:5px 5px 0 #b9a97720;padding:14px 20px;transform:rotate(-7deg);font:italic 19px var(--serif);color:#83582f;z-index:2}.floating-sprig{width:147px;height:155px;position:absolute;left:-42px;top:32px;z-index:2;filter:drop-shadow(3px 6px 4px #3147211a);pointer-events:none}.flavor-strip{background:#e1e8c5;border-block:1px solid #c6d1a6;padding:18px 24px;display:flex;justify-content:center;align-items:center;gap:40px;color:#435530;font:11px var(--mono);letter-spacing:1px}.flavor-strip i{color:#657639;font-size:24px;font-style:normal}.article-nav{position:sticky;top:0;background:#faf6e9f5;backdrop-filter:blur(8px);z-index:30;border-bottom:1px solid var(--line)}.article-nav>div{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:63px}.article-nav .mini-title{font:italic 16px var(--serif);white-space:nowrap}.article-nav nav{display:flex;gap:25px}.article-nav a{display:inline-flex;align-items:center;min-height:48px;font-size:11px;text-decoration:none;white-space:nowrap}.article-nav a[aria-current=true]{color:#a44f27;text-decoration:underline;text-underline-offset:8px}.story-section{padding-block:100px}.opening{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.section-index{font:10px var(--mono);letter-spacing:1.5px;color:#5f6847;margin-bottom:23px;display:block}.opening h2,.ingredients-heading h2,.steps-heading h2,.video-copy h2,.serving-copy h2{font:500 clamp(36px,4vw,56px)/1.16 var(--serif);letter-spacing:-.05em;margin-bottom:25px}.opening h2 em,.ingredients-heading h2 em,.steps-heading h2 em,.serving-copy h2 em{font-weight:400;color:#8b5936}.opening-copy p{font-size:15px;line-height:2;max-width:655px}.dropcap:first-letter{float:left;font:72px/.8 var(--serif);margin:9px 10px 3px 0;color:#5e743e}.answer-note{background:#f0f0df;border-left:3px solid #9ca869;padding:20px 23px;margin-top:26px;font-size:13px;line-height:1.9}.answer-note strong{display:block;font-size:14px;margin-bottom:5px}.source-ref{font:10px var(--mono);vertical-align:super;white-space:nowrap}.taste-notes{display:flex;gap:27px;margin-top:33px;border-top:1px solid var(--line);padding-top:22px;font-size:12px}.taste-notes strong{display:block;font:italic 25px var(--serif);margin-bottom:8px;color:#6c7848}.ingredients-section{background:#e8ecd6;border-block:1px solid #d5ddbc;position:relative}.ingredients-top{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:44px}.ingredients-heading h2{margin-bottom:12px}.ingredients-heading p{font-size:13px;margin:0;color:#596549}.recipe-stats{display:flex;gap:30px;font-size:11px;align-items:center}.recipe-stats>div{padding-left:22px;border-left:1px solid #b8c79d}.recipe-stats strong{display:block;font:32px var(--serif);margin-bottom:8px}.recipe-stats small{font-size:10px;display:block;color:#596549}.ingredient-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:start}.market-photo{position:sticky;top:104px;margin:0}.market-photo .photo-inner{position:relative;overflow:hidden;aspect-ratio:.83;border-radius:3px 90px 3px 3px;background:#dce1c3}.market-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.market-photo figcaption{font-size:10px;margin-top:13px;color:#586549}.market-label{position:absolute;bottom:25px;left:22px;right:22px;background:#faf6e9eb;padding:15px 22px;font:italic 20px var(--serif);transform:rotate(-3deg);color:#314d33}.portion-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #bdcba3}.portion-bar label{font-size:13px;font-weight:600}.portion-bar select{background:#f6f7e9;border:1px solid #98aa7b;padding:9px 35px 9px 13px;color:#314731;font-size:12px;border-radius:3px;min-height:44px}.ingredient-list{list-style:none;padding:0;margin:0}.ingredient-list li{border-bottom:1px solid #c9d2b7}.ingredient-item{display:flex;align-items:center;gap:14px;cursor:pointer;padding:14px 0;min-height:74px}.ingredient-item input{accent-color:#435c34;width:18px;height:18px;flex-shrink:0}.ingredient-item .ingredient-text{flex:1;min-width:0}.ingredient-item strong{display:block;font-size:13px;font-weight:650}.ingredient-item small{display:block;font-size:10px;line-height:1.7;color:#606b4f;margin-top:2px}.ingredient-item .quantity{font:12px var(--mono);text-align:right;max-width:132px;line-height:1.8}.ingredient-item:has(input:checked) .ingredient-text{text-decoration:line-through;opacity:.65}.ingredient-item:has(input:checked) .quantity{opacity:.6}.ingredient-hint{font-size:11px;color:#59664b;line-height:1.9;margin-top:18px}.ingredient-hint a{font-weight:600}.sprig-separator{display:grid;place-items:center;height:140px;background:#faf6e9;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.sprig-separator p{margin:0;font:italic 30px var(--serif);position:relative;z-index:2}.drifting{position:absolute;inset:0;pointer-events:none}.ingredient-drift{position:absolute;width:78px;height:78px;left:var(--x);top:var(--y);opacity:.9;transform:translateY(var(--drift,0px)) rotate(var(--turn,0deg));will-change:transform}.ingredient-drift:nth-child(2){width:62px}.ingredient-drift:nth-child(3){width:92px}.ingredient-drift:nth-child(4){width:45px}.steps-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.steps-heading{position:sticky;top:115px;align-self:start}.steps-heading>p{font-size:13px;max-width:275px}.steps-heading .button{margin-top:15px}.steps-list{counter-reset:steps;list-style:none;margin:0;padding:0}.step{padding:0 0 38px 67px;position:relative;border-left:1px solid #b8c49d;margin-left:22px}.step:last-child{border-left-color:transparent;padding-bottom:0}.step-number{position:absolute;left:-23px;top:0;width:46px;height:46px;display:grid;place-content:center;border:1px solid #9cae7e;background:var(--paper);border-radius:50%;font:italic 23px var(--serif);transition:.3s}.step.is-active .step-number{background:#dce4bc;transform:rotate(-12deg)}.step h3{font:500 27px var(--serif);margin-bottom:17px;padding-top:7px}.step>p{font-size:14px;line-height:2}.step .step-tip{font-size:12px;color:#6d633f;background:#f0ead5;padding:13px 17px;border-radius:3px;line-height:1.9}.step-tip>span{color:#9a6532;margin-right:7px}.tiny-note{font-size:11px!important;color:#656e56}.video-section{background:#294936;color:#f9f6e9;overflow:hidden}.video-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}.video-copy .section-index{color:#c6d49e}.video-copy h2{font-size:47px}.video-copy p{font-size:13px;line-height:2;color:#d1dcc3}.video-copy .text-link{color:#f2d587}.video-poster{position:relative;aspect-ratio:16/9;border:1px solid #83926e;background:#162e23;overflow:hidden}.video-poster img{width:100%;height:100%;object-fit:cover;opacity:.66}.play-video{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:transparent;color:white;border:0;width:100%;height:100%;font-size:13px;text-shadow:0 1px 8px #000}.play-circle{width:76px;height:76px;display:grid;place-content:center;background:#f4d57d;color:#284535;border-radius:50%;font-size:24px;padding-left:4px;box-shadow:0 0 0 12px #fff3}.video-poster iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.video-credit{font-size:10px;color:#d0d9c1;margin-top:13px;line-height:1.8}.video-credit a{color:inherit}.serving-section{display:grid;grid-template-columns:1.12fr .88fr;gap:75px;align-items:center}.serving-photo{margin:0;position:relative}.serving-photo img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:3px}.serving-photo figcaption{font:italic 21px var(--serif);text-align:center;padding:20px 10px;border:1px solid var(--line);border-top:0;background:#f0eddd}.serving-copy p{font-size:14px;line-height:2}.little-tips{padding:0;list-style:none;margin:25px 0 0}.little-tips li{border-top:1px solid var(--line);padding:17px 0;font-size:12px;display:flex;gap:15px}.little-tips li>span{font:italic 22px var(--serif);color:#8b663f}.little-tips strong{display:block;font-size:13px;margin-bottom:5px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;padding-top:35px;padding-bottom:85px}.faq-layout h2{font:37px/1.2 var(--serif)}.faq details{border-top:1px solid var(--line);padding-block:16px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:14px;font-weight:650;padding:6px 28px 6px 0;min-height:44px}.faq details p{font-size:13px;line-height:1.95;margin:10px 0}.source-section{border-top:1px solid var(--line);padding:42px 0 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;color:#5d674e}.source-section h2{font:23px var(--serif);color:var(--ink)}.source-section p{font-size:11px;line-height:1.9}.source-section ol{margin:0;padding-left:21px;font-size:11px}.source-section li{padding:6px 0}.source-section a{overflow-wrap:anywhere}.article-outro{background:#e5eacb;padding:50px 0}.article-outro>div{display:flex;gap:30px;align-items:center;justify-content:space-between}.article-outro h2{font:32px var(--serif);margin-bottom:10px}.article-outro p{font-size:13px;margin:0}.outro-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.outro-actions .button{font-size:12px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.no-motion [data-parallax]{transform:none!important}.no-motion .ingredient-drift{transform:rotate(var(--static-turn,0deg))!important;will-change:auto}.no-motion .reveal.waiting{opacity:1;transform:none}
@media(min-width:1500px){.food-hero h1{font-size:82px}.food-hero{min-height:760px}.hero-photo-frame{aspect-ratio:.98}}
@media(max-width:1100px){.food-hero{min-height:600px;gap:20px}.food-hero h1{font-size:60px}.hero-kicker{font-size:21px}.round-seal{width:90px;height:90px;font-size:8px}.round-seal strong{font-size:18px}.floating-sprig{width:110px;height:130px;left:-27px}.hand-note{font-size:16px;padding:13px}.opening,.ingredient-layout,.steps-layout,.video-layout,.serving-section,.faq-layout{gap:45px}.story-section{padding-block:76px}.recipe-stats{gap:16px}.recipe-stats>div{padding-left:16px}.recipe-stats strong{font-size:27px}.source-section{gap:40px}.article-nav nav{gap:20px}}
@media(max-width:850px){.food-hero{grid-template-columns:1fr 1fr;padding-top:20px;min-height:530px}.food-hero h1{font-size:47px}.hero-kicker{font-size:19px}.hero-deck{font-size:12px}.hero-buttons{gap:7px;margin-top:21px}.hero-buttons .button{font-size:11px;padding:11px 14px;gap:12px}.hero-buttons .text-link{font-size:11px}.byline{font-size:9px;gap:8px}.hero-visual{padding-left:10px}.hero-photo-frame{aspect-ratio:.74}.hand-note{left:-14px;font-size:14px}.flavor-strip{gap:24px;font-size:9px}.article-nav .mini-title{display:none}.article-nav>div{justify-content:center}.article-nav nav{width:100%;justify-content:space-between;gap:10px}.opening{grid-template-columns:1fr;gap:13px}.opening h2 br{display:none}.opening-copy p{max-width:none}.ingredients-top{align-items:flex-start;gap:25px}.ingredients-heading h2{font-size:40px}.recipe-stats{gap:12px;flex-direction:column;align-items:stretch}.recipe-stats>div{padding-left:15px}.recipe-stats strong{font-size:24px;margin-bottom:2px}.recipe-stats small{display:none}.ingredient-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.ingredient-item .quantity{font-size:10px;max-width:104px}.ingredient-item{gap:9px}.market-label{font-size:17px;padding:12px;left:12px;right:12px}.steps-layout{gap:35px;grid-template-columns:.65fr 1.35fr}.steps-heading h2{font-size:38px}.step{padding-left:43px}.step h3{font-size:25px}.video-layout{grid-template-columns:1fr;gap:20px}.video-copy h2{font-size:40px}.video-copy p{max-width:580px}.video-copy .text-link{margin-top:-10px}.serving-section{gap:35px}.serving-copy h2{font-size:38px}.faq-layout{grid-template-columns:1fr;gap:10px}.faq-layout h2{font-size:35px}.article-outro>div{align-items:flex-start;flex-direction:column}.source-section{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.food-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:6px;padding-bottom:38px;gap:34px}.food-hero h1{font-size:clamp(48px,12vw,68px);margin-top:17px}.hero-deck{font-size:14px;max-width:450px}.hero-kicker{font-size:22px}.hero-buttons{gap:22px}.hero-buttons .button,.hero-buttons .text-link{font-size:12px}.byline{font-size:10px;margin-top:23px}.hero-visual{padding:0 9px 0 13px;max-width:450px;align-self:center;width:100%}.hero-photo-frame{aspect-ratio:1.12;border-width:5px;border-radius:45% 45% 2px 2px;box-shadow:9px 11px 0 #e9e4cd}.round-seal{right:0;top:-12px}.floating-sprig{left:-6px;top:8px;width:95px}.hand-note{left:-3px;bottom:42px;font-size:15px}.hero-visual figcaption{margin-top:20px;font-size:9px}.flavor-strip{gap:13px;padding:14px 10px;font-size:8px;letter-spacing:.4px}.flavor-strip i{font-size:17px}.flavor-strip span:last-child,.flavor-strip i:last-of-type{display:none}.article-nav>div{min-height:54px}.article-nav a{font-size:10px;min-height:47px}.article-nav nav{gap:8px}.story-section{padding-block:58px}.opening{gap:6px}.opening h2{font-size:37px}.opening-copy p{font-size:14px}.dropcap:first-letter{font-size:61px}.answer-note{padding:17px;font-size:12px}.taste-notes{gap:22px;font-size:10px}.taste-notes strong{font-size:23px}.ingredients-top{display:block;margin-bottom:26px}.ingredients-heading h2{font-size:40px}.recipe-stats{flex-direction:row;gap:35px;margin-top:25px}.recipe-stats strong{font-size:25px}.recipe-stats>div{padding-left:15px}.recipe-stats small{display:block}.ingredient-layout{display:flex;flex-direction:column;gap:32px}.market-photo{position:relative;top:0;width:100%}.market-photo .photo-inner{aspect-ratio:1.25;border-radius:2px 65px 2px 2px}.ingredient-checklist{width:100%}.ingredient-item{min-height:74px;gap:12px}.ingredient-item strong{font-size:13px}.ingredient-item .quantity{font-size:11px;max-width:116px}.ingredient-item small{font-size:10px}.portion-bar label{font-size:12px}.portion-bar select{font-size:12px}.sprig-separator{height:110px}.sprig-separator p{font-size:22px;max-width:230px;text-align:center}.ingredient-drift{width:53px;opacity:.65}.ingredient-drift:nth-child(2){width:48px}.ingredient-drift:nth-child(3){width:60px}.steps-layout{grid-template-columns:1fr;gap:30px}.steps-heading{position:static}.steps-heading h2{font-size:40px}.steps-heading>p{max-width:400px}.steps-heading .button{margin-top:0}.step{padding-left:39px;padding-bottom:25px;margin-left:19px}.step-number{width:38px;height:38px;left:-19px;font-size:20px}.step h3{font-size:25px;padding-top:4px}.step>p{font-size:13px}.step .step-tip{font-size:11px}.video-copy h2{font-size:39px}.play-circle{width:60px;height:60px;font-size:20px;box-shadow:0 0 0 8px #fff3}.video-credit{font-size:10px}.serving-section{display:flex;flex-direction:column;gap:35px}.serving-copy h2{font-size:40px}.serving-photo{width:100%}.serving-photo img{aspect-ratio:1.25}.serving-photo figcaption{font-size:20px}.faq-layout{padding-top:0;padding-bottom:50px}.faq-layout h2{font-size:34px}.faq summary{font-size:13px}.source-section{padding-block:32px 45px}.article-outro{padding-block:35px}.article-outro h2{font-size:28px}.article-outro p{font-size:12px}.article-outro .button{padding:10px 14px}.section-index{font-size:9px}}
@media print{body{background:white;color:#111;font-size:12pt}.site-header,.site-footer,.crumbs,.food-hero,.flavor-strip,.article-nav,.opening,.market-photo,.sprig-separator,.video-section,.serving-section,.faq-layout,.source-section,.article-outro,.toast,.article-progress,.steps-heading .button{display:none!important}.wrap{width:100%;margin:0}.story-section{padding:15px 0}.ingredients-section{background:white;border:0}.ingredients-top{display:block}.ingredients-heading h2{font-size:24pt}.recipe-stats{display:flex;flex-direction:row;margin-top:10px}.ingredient-layout,.steps-layout{display:block}.ingredient-item{min-height:0;padding:4px 0}.ingredient-item input{display:none}.ingredient-item .quantity{font-size:10pt;max-width:none}.ingredient-item strong{font-size:10pt}.ingredient-item small{font-size:9pt}.ingredient-item:has(input:checked) .ingredient-text{text-decoration:none;opacity:1}.step{break-inside:avoid;padding-bottom:14px}.step h3{font-size:17pt}.step>p,.step .step-tip{font-size:10pt}.steps-heading{position:static}.steps-heading h2{font-size:24pt}.reveal.waiting{opacity:1!important;transform:none!important}.portion-bar{border:0}a{color:inherit}h2,h3{break-after:avoid}}
#share-dialog{max-width:calc(100vw - 40px);width:500px;border:1px solid #8f9d76;border-radius:6px;padding:25px;background:var(--paper);color:var(--ink)}#share-dialog::backdrop{background:#1f372aa8}#share-dialog input{width:100%;font-size:12px;padding:12px;margin-bottom:20px;border:1px solid var(--line);background:white;color:var(--ink)}

/* Responsive image containers and comfortable phone controls. */
.hero-photo-frame picture,.photo-inner picture,.video-poster picture{display:block;width:100%;height:100%}
.hero-photo-frame picture>img{width:100%;height:100%;object-fit:cover;object-position:52% center;transform:scale(1.07)}
.serving-photo picture{display:block}
@media(max-width:700px){
  .portion-bar select,#share-dialog input{font-size:16px;min-height:48px}
  .article-nav nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
  .article-nav a{flex-shrink:0;padding-inline:3px;min-height:48px}
  .hero-kicker{line-height:1.65}
  .step>p,.serving-copy p,.video-copy p{font-size:14px;line-height:1.95}
  .step .step-tip{font-size:12px}
}
@media(hover:none){
  .article-nav{backdrop-filter:none;background:#faf6e9}
  .ingredient-drift{will-change:auto}
}
@media(max-height:480px) and (orientation:landscape){.market-photo,.steps-heading{position:static}}
@media(pointer:coarse){.portion-bar select,#share-dialog input{font-size:16px;min-height:48px}}