@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&display=swap');
.prep-copy>h2{max-width:100%;overflow-wrap:break-word}
.edition-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 5%;font-size:9px;letter-spacing:1.7px;max-width:1440px;margin:auto;border-bottom:1px solid var(--line)}.theme-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line)}.theme-switch button{background:none;border:0;color:inherit;padding:5px 11px;font-size:10px;letter-spacing:.3px}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hero-background,.hero-bottom{display:none}.dropdown-filters{display:flex;gap:18px;align-items:end;padding:20px 0;border-bottom:1px solid var(--line)}.dropdown-filters label{display:flex;flex-direction:column;gap:8px;min-width:195px}.dropdown-filters label>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}select{font:12px var(--sans);color:var(--ink);border:1px solid #c4c9b9;background:transparent;padding:11px 35px 11px 12px;width:100%;border-radius:0}select:focus-visible{outline:3px solid var(--olive);outline-offset:3px}.dropdown-filters p{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 4px auto}.hashtags{display:flex;flex-wrap:wrap;gap:5px 9px;margin:11px 0 0}.hashtags button,.hashtag{font:9px var(--sans);background:none;border:0;color:var(--olive);padding:2px 0;text-align:left}.hashtags button:hover,.hashtag:hover{text-decoration:underline}#active-tag{font-size:10px;color:var(--ink);background:var(--sage);padding:4px 9px}.prep-story{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:0 auto 70px}.prep-image{min-width:0;overflow:hidden}.prep-image img{display:block;width:100%;height:390px;object-fit:cover}.prep-copy{padding:55px 12%;display:flex;flex-direction:column;align-items:start;justify-content:center;background:var(--sage)}.prep-copy h2{font-size:48px;letter-spacing:-1.5px;line-height:1.1;margin:0 0 20px}.prep-copy p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:300px;color:var(--muted)}.pass-image{margin:0;display:none}
html[data-theme=kitchen]{--paper:#f1eddf;--ink:#202321;--muted:#666860;--line:#d5cec0;--olive:#e74a2d;--sage:#eadfce;--serif:"Barlow Condensed","Arial Narrow",Arial,sans-serif}
html[data-theme=kitchen] body{background:var(--paper)}
html[data-theme=kitchen] .edition-bar{max-width:none;background:#e74a2d;color:#181c1b;border:0;padding:8px 5%;font-family:"DM Mono",monospace;font-size:8px;font-weight:500}
html[data-theme=kitchen] .theme-switch{border-color:#2225;padding:2px}
html[data-theme=kitchen] .theme-switch button[aria-pressed=true]{background:#202321;color:#f4efe6}
html[data-theme=kitchen] .site-header{padding:26px 5%;max-width:none;border:0}
html[data-theme=kitchen] .wordmark{font-family:"Barlow Condensed",sans-serif;font-size:37px;font-weight:700;letter-spacing:-.9px}
html[data-theme=kitchen] .wordmark span{font-family:"DM Mono",monospace;letter-spacing:2px;font-size:8px;margin-top:7px}
html[data-theme=kitchen] .site-header nav{font-size:11px;font-weight:500}
html[data-theme=kitchen] .saved-nav>span:last-child{background:#e7dccb}
html[data-theme=kitchen] .hero{max-width:none;min-height:640px;position:relative;isolation:isolate;display:block;padding:80px 7% 100px;overflow:hidden;background:#171c1a;color:#f4efe6}
html[data-theme=kitchen] .hero-background{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}
html[data-theme=kitchen] .hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101715f5 0%,#101715df 22%,#10171587 48%,#11181515 76%),linear-gradient(0deg,#11181580,transparent 30%)}
html[data-theme=kitchen] .hero-copy{max-width:610px}
html[data-theme=kitchen] .hero h1{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-2px;font-size:clamp(85px,8.4vw,128px);line-height:.86;margin:30px 0 28px}
html[data-theme=kitchen] em{font-style:normal}
html[data-theme=kitchen] .hero .eyebrow{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:2.5px;margin-bottom:0}
html[data-theme=kitchen] .hero .tiny-star{color:#ff6946}
html[data-theme=kitchen] .hero .intro{color:#eee6d5;font-size:14px;line-height:1.8}
html[data-theme=kitchen] .button{background:#e74a2d;color:#191e1b;border-color:#e74a2d;font-weight:600}
html[data-theme=kitchen] .button:hover{background:#fa6848;border-color:#fa6848}
html[data-theme=kitchen] .hero .button{margin:22px 0 15px;min-width:192px}
html[data-theme=kitchen] .hero-note{color:#c9c5b8;font-size:9px}
html[data-theme=kitchen] .hero-note a{border-color:#aca993}
html[data-theme=kitchen] .hero-visual{display:none}
html[data-theme=kitchen] .hero-bottom{position:absolute;bottom:27px;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid #d5d2c53d;padding-top:17px;font:8px "DM Mono",monospace;letter-spacing:1.5px;color:#e9e2d3}
html[data-theme=kitchen] .values{background:#202321;color:#f4efe6;border:0;padding:22px 5%;font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:1px}
html[data-theme=kitchen] .values span:before{color:#e74a2d}
html[data-theme=kitchen] .collection{padding:70px 5%}
html[data-theme=kitchen] .eyebrow{font:500 9px "DM Mono",monospace;letter-spacing:1.6px}
html[data-theme=kitchen] .section-heading h2{font-size:66px;line-height:1;text-transform:uppercase;letter-spacing:-1px;font-weight:600}
html[data-theme=kitchen] .section-heading>p{font-size:12px}
html[data-theme=kitchen] .filters button{border-radius:0;font-size:10px;padding:10px 18px;border-color:#bfb6a7}
html[data-theme=kitchen] .filters button[aria-pressed=true]{background:#e74a2d;color:#191e1b;border-color:#e74a2d}
html[data-theme=kitchen] .search{border-color:#bfb6a7}
html[data-theme=kitchen] .dropdown-filters label>span{font-family:"DM Mono",monospace}
html[data-theme=kitchen] select{border-color:#bfb6a7}
html[data-theme=kitchen] .results-bar{font-family:"DM Mono",monospace;font-size:8px}
html[data-theme=kitchen] .recipe-grid{gap:34px 25px}
html[data-theme=kitchen] .card-visual{aspect-ratio:1.22}
html[data-theme=kitchen] .card-visual img{filter:saturate(1.16) contrast(1.03)}
html[data-theme=kitchen] .recipe-card h3{font:600 31px/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.3px;margin:9px 0 11px}
html[data-theme=kitchen] .recipe-card>p{font-size:11px}
html[data-theme=kitchen] .card-category{font:8px "DM Mono",monospace;letter-spacing:1.4px;margin-top:17px}
html[data-theme=kitchen] .card-category>span:first-child{color:#c23a22}
html[data-theme=kitchen] .card-category span:last-child{font-size:7px}
html[data-theme=kitchen] .card-placeholder{background:#272d2b;color:#e5dece}
html[data-theme=kitchen] .card-placeholder:before{border-color:#b6a58c50;box-shadow:0 0 0 16px #222725,0 0 0 17px #b6a58c30;border-radius:0;transform:rotate(12deg);width:47%}
html[data-theme=kitchen] .card-placeholder span{font:500 38px "Barlow Condensed",sans-serif;text-transform:uppercase;color:#ded6c4;letter-spacing:1px}
html[data-theme=kitchen] .card-placeholder small{color:#b1b4a6;font-size:7px}
html[data-theme=kitchen] .save-button{background:#f4efe6e8;border-color:#f4efe6e8}
html[data-theme=kitchen] .save-button[aria-pressed=true]{background:#e74a2d;border-color:#e74a2d;color:#191e1b}
html[data-theme=kitchen] .hashtags button{font-family:"DM Mono",monospace;color:#a63825;font-size:10px}
html[data-theme=kitchen] .card-link{font:8px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.5px;border-color:#bdb4a5}
html[data-theme=kitchen] .archive-note{font-size:10px}
html[data-theme=kitchen] .prep-story{max-width:none;margin-bottom:0;grid-template-columns:1.15fr 1fr}
html[data-theme=kitchen] .prep-image img{height:490px}
html[data-theme=kitchen] .prep-copy{background:#e74a2d;padding:65px 14%;color:#161d19}
html[data-theme=kitchen] .prep-copy h2{font:700 74px/.93 "Barlow Condensed",sans-serif;letter-spacing:-1px;text-transform:uppercase;margin:15px 0 24px}
html[data-theme=kitchen] .prep-copy em{color:#f4efe6}
html[data-theme=kitchen] .prep-copy p:not(.eyebrow){font-size:14px;color:#222b24}
html[data-theme=kitchen] .prep-copy .text-link{font-weight:600}
html[data-theme=kitchen] .kitchen{background:#202624;color:#f4efe6;grid-template-columns:1fr 1fr 1.05fr;align-items:center;gap:45px;padding:65px 5%}
html[data-theme=kitchen] .kitchen h2{font:600 58px/.98 "Barlow Condensed",sans-serif;letter-spacing:-.5px;text-transform:uppercase}
html[data-theme=kitchen] .kitchen .eyebrow{color:#c1bcae;line-height:1.8}
html[data-theme=kitchen] .kitchen-flower{color:#e74a2d}
html[data-theme=kitchen] .kitchen-copy{padding-top:10px}
html[data-theme=kitchen] .kitchen-copy p{color:#d3d0c5;font-size:12px}
html[data-theme=kitchen] .kitchen-copy p:first-child{font:500 24px/1.3 "Barlow Condensed",sans-serif;color:#f4efe6}
html[data-theme=kitchen] .text-link{border-color:currentColor}
html[data-theme=kitchen] .pass-image{display:block}
html[data-theme=kitchen] .pass-image img{width:100%;height:330px;object-fit:cover;display:block}
html[data-theme=kitchen] .closing{padding:65px 20px}
html[data-theme=kitchen] .closing h2{font:600 58px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.5px}
html[data-theme=kitchen] footer{background:var(--paper)}
html[data-theme=kitchen] .recipe-heading h1{font:600 65px/.98 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-1px}
html[data-theme=kitchen] .pending-notice{background:#e7dece}
html[data-theme=kitchen] .button.secondary{background:transparent;border-color:var(--ink)}
html[data-theme=kitchen] .button.secondary:hover{background:#e7dece}
html[data-theme=kitchen] .related h2{font-size:42px;text-transform:uppercase}
@media(max-width:980px){html[data-theme=kitchen] .hero{min-height:610px;padding-top:75px}html[data-theme=kitchen] .kitchen{grid-template-columns:1fr 1fr;gap:30px}html[data-theme=kitchen] .pass-image{grid-column:1/-1}html[data-theme=kitchen] .pass-image img{height:280px;object-position:center 58%}html[data-theme=kitchen] .prep-copy h2{font-size:60px}.dropdown-filters label{min-width:170px}.prep-copy{padding:40px 10%}}
@media(max-width:720px){.edition-bar{padding:8px 6%;font-size:7px;letter-spacing:1px}.theme-switch button{font-size:9px;padding:5px 9px}.dropdown-filters{gap:12px;align-items:start}.dropdown-filters label{min-width:0;flex:1}.dropdown-filters label>span{font-size:7px}.dropdown-filters p{display:none}select{font-size:11px;padding:11px 25px 11px 10px}.prep-story{grid-template-columns:1fr;margin-bottom:40px}.prep-image img{height:300px}.prep-copy{padding:40px 7%}.prep-copy h2{font-size:43px}.hashtags button{font-size:8px}.hashtags{gap:4px 7px;margin-top:8px}.results-bar{flex-wrap:wrap}html[data-theme=kitchen] .site-header{padding:20px 6%}html[data-theme=kitchen] .wordmark{font-size:31px}html[data-theme=kitchen] .wordmark span{font-size:6px;letter-spacing:1.2px}html[data-theme=kitchen] .site-header nav{font-size:9px;gap:12px 15px}html[data-theme=kitchen] .hero{min-height:610px;padding:72px 7% 100px}html[data-theme=kitchen] .hero-background{object-position:64% center}html[data-theme=kitchen] .hero:before{background:linear-gradient(90deg,#101715eb 0%,#101715a0 44%,#10171530),linear-gradient(0deg,#101715c0,transparent 50%)}html[data-theme=kitchen] .hero h1{font-size:92px;line-height:.87;letter-spacing:-1px;margin-top:32px}html[data-theme=kitchen] .hero .eyebrow{font-size:8px;letter-spacing:1.3px}html[data-theme=kitchen] .hero .intro{font-size:12px}html[data-theme=kitchen] .hero-bottom{left:7%;right:7%;font-size:6px;letter-spacing:.7px}html[data-theme=kitchen] .values{font-size:8px;padding:21px 7%;gap:18px}html[data-theme=kitchen] .collection{padding:48px 6%}html[data-theme=kitchen] .section-heading h2{font-size:51px}html[data-theme=kitchen] .filters button{font-size:9px;padding:9px 13px}html[data-theme=kitchen] .recipe-grid{gap:28px 15px}html[data-theme=kitchen] .card-visual{aspect-ratio:1}html[data-theme=kitchen] .recipe-card h3{font-size:24px;line-height:1.05}html[data-theme=kitchen] .card-category{font-size:7px;letter-spacing:1px}html[data-theme=kitchen] .card-placeholder span{font-size:27px}html[data-theme=kitchen] .card-placeholder small{font-size:6px;letter-spacing:.7px;left:8px;bottom:9px}html[data-theme=kitchen] .hashtags button{font-size:9px}html[data-theme=kitchen] .recipe-card>p{font-size:10px}html[data-theme=kitchen] .prep-story{grid-template-columns:1fr}html[data-theme=kitchen] .prep-image img{height:310px}html[data-theme=kitchen] .prep-copy{padding:40px 7%}html[data-theme=kitchen] .prep-copy h2{font-size:65px}html[data-theme=kitchen] .prep-copy p:not(.eyebrow){font-size:13px}html[data-theme=kitchen] .kitchen{grid-template-columns:1fr;padding:45px 7%;gap:20px}html[data-theme=kitchen] .kitchen h2{font-size:57px}html[data-theme=kitchen] .pass-image{grid-column:auto;margin-top:8px}html[data-theme=kitchen] .pass-image img{height:350px}html[data-theme=kitchen] .closing h2{font-size:47px}html[data-theme=kitchen] .recipe-heading h1{font-size:49px}html[data-theme=kitchen] .related h2{font-size:35px}html[data-theme=kitchen] .detail-visual{max-height:350px}}
@media(max-width:390px){html[data-theme=kitchen] .wordmark{font-size:27px}html[data-theme=kitchen] .site-header nav{gap:10px}html[data-theme=kitchen] .hero h1{font-size:79px}html[data-theme=kitchen] .hero{min-height:580px}.edition-bar>span{font-size:6px}html[data-theme=kitchen] .recipe-card h3{font-size:21px}html[data-theme=kitchen] .hero-bottom{font-size:5.5px}.theme-switch button{padding:5px 7px}}

/* One page canvas at every viewport; the two approved themes share egg-white paper. */
html{background:#f1eddf}
html[data-theme=quiet]{--paper:#f1eddf}
.dropdown-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.dropdown-filters label{min-width:0}
@media(max-width:720px){.dropdown-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}


/* Keep recipe columns within narrow screens while web fonts load or fall back. */
.recipe-layout>*{min-width:0}.recipe-heading h1{overflow-wrap:anywhere}
