:root{--ink:#203d30;--paper:#faf8f1;--orange:#b94f32;--line:#dedfd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}header{height:92px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1.5px}.brand span{font-weight:400}.brand i{font-size:15px;color:var(--orange);font-style:normal;margin-left:4px}nav{display:flex;gap:32px;align-items:center;font-size:14px}.bag{border:1px solid var(--ink);border-radius:5px;background:transparent;padding:10px 17px}.bag span{margin-left:12px;background:var(--ink);color:white;border-radius:50%;padding:3px 7px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:65px 9% 45px 12%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;margin:0 0 24px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(48px,5.1vw,78px);margin:0 0 25px}h1 em{color:var(--orange);font-weight:400}h2{font-size:46px;margin:0 0 25px}h3{font-size:20px;line-height:1.3}.lead{max-width:430px;color:#57685b;font-size:17px;margin-bottom:28px}.button{background:var(--ink);color:white;border:none;border-radius:4px;display:inline-flex;align-items:center;gap:28px;padding:15px 22px;font-size:14px}.button:hover{background:#365b44}.small{font-size:12px;color:#6d7869;margin-top:18px}.hero-art{position:relative;background:#e4e8d6;padding:30px 7% 25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.art-label{font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between}.art-label span{opacity:.6}.lunch{width:100%;max-height:490px}.art-caption{display:flex;justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:22px}.art-caption a{font-family:Arial;border:1px solid #a5b29c;border-radius:50%;width:42px;height:42px;text-align:center;line-height:40px}.sticker{position:absolute;right:6%;top:16%;width:100px;height:100px;border-radius:50%;background:#bf5234;color:#fff3da;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.3;letter-spacing:1px;transform:rotate(12deg)}.strip{display:flex;justify-content:space-around;align-items:center;background:var(--ink);color:#f1eddb;padding:19px 5%;font-size:10px;letter-spacing:2px}.strip b{color:#e0c18a;font-size:23px}.section{padding:80px 6%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-head h2{margin:0}.section-head>p{font-size:14px;color:#6b7568}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{display:block}.card-art{height:225px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:5px}.card-art svg{height:190px;width:90%;transition:transform .3s}.card:hover svg{transform:rotate(3deg) scale(1.06)}.card-number{position:absolute;top:16px;left:18px;font-size:11px}.card .eyebrow{margin:22px 0 10px;font-size:10px}.card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 12px;line-height:1.15}.card-foot{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;font-size:12px}.routine{margin:0 6%;background:#e8eadf;padding:55px 6%;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.text-link{border-bottom:1px solid;padding-bottom:6px;font-size:14px}.routine ol{list-style:none;margin:0;padding:0}.routine li{display:flex;gap:25px;border-bottom:1px solid #cdd2c1;padding:20px 0}.routine li:first-child{padding-top:0}.routine li>span{font-family:Georgia;font-size:29px;color:#9b553c}.routine h3{margin:0 0 8px}.routine p{margin:0;font-size:14px;color:#586651}.about{max-width:850px}.about>p:last-child{max-width:630px;color:#586651}footer{padding:35px 6%;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;flex-wrap:wrap}footer p,footer span,footer button{font-size:12px}footer button{background:none;border:0;text-decoration:underline}footer span{margin-left:auto}dialog{width:min(650px,92vw);max-height:85vh;overflow:auto;border:0;padding:30px;border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 15px 80px #0003}dialog::backdrop{background:#15281dcc}.dialog-top{display:flex;justify-content:space-between;gap:15px}.dialog-top h2{font-size:32px}.close{border:0;background:none;font-size:30px;align-self:start}.dialog-actions{display:flex;gap:15px;margin-top:25px}.dialog-actions>button:last-child{border:0;background:none;text-decoration:underline}.shop-row{display:flex;align-items:start;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.shop-row input{margin-top:7px;accent-color:var(--ink)}.shop-row button{margin-left:auto;border:0;background:none}.shop-row.done label{text-decoration:line-through;opacity:.5}#article{max-width:1000px;margin:auto;padding:40px 6% 80px}#article .back{font-size:13px;display:inline-block;margin-bottom:45px}#article h1{font-size:clamp(40px,5vw,65px);max-width:800px}#article .intro{font-size:19px;max-width:700px;color:#586651}.recipe{margin-top:40px;border-top:1px solid var(--line);padding-top:30px}.recipe h2{font-size:32px;letter-spacing:-.8px;margin-bottom:8px}.recipe-meta{color:#82725a;font-size:13px}.recipe-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:45px}.ingredients{list-style:none;padding:0}.ingredients li{padding:7px 0;border-bottom:1px solid var(--line)}.steps{padding-left:22px}.steps li{padding:0 0 15px 8px}.tip{background:#ececde;padding:15px 20px;border-radius:4px;font-size:14px}.safety{margin-top:50px;background:#e4e8d6;padding:25px;border-radius:5px}.safety h3{margin-top:0}.safety a{text-decoration:underline}.safety p{font-size:14px}.print{float:right;border:1px solid var(--line);background:none;padding:8px 15px;border-radius:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}@media(max-width:760px){header{height:75px;padding:0 5%}.brand{font-size:21px}nav{gap:15px}nav>a{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 35px}h1{font-size:58px}.hero-art{min-height:390px;padding:25px 6%}.lunch{height:310px}.sticker{width:80px;height:80px;font-size:9px}.strip{gap:15px;font-size:8px;letter-spacing:1px}.strip span:last-child,.strip b:last-of-type{display:none}.section{padding:50px 6%}h2{font-size:36px}.section-head{display:block}.cards{grid-template-columns:1fr;gap:35px}.card-art{height:240px}.card-art svg{height:210px}.routine{padding:35px 7%;grid-template-columns:1fr;gap:35px}.routine h2{font-size:40px}.recipe-grid{grid-template-columns:1fr;gap:10px}.art-caption{font-size:20px}footer{gap:15px}footer span{margin-left:0}footer .brand{width:100%}.print{float:none;margin-bottom:20px}}@media print{header,footer,.back,.print,.add,.bag{display:none!important}#article{padding:0;max-width:none}.recipe{break-inside:avoid}.recipe-grid{display:block}.safety{background:none}}

.dish-figure{margin:24px 0 32px}.dish-figure img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:8px;background:#eee8db}.dish-figure figcaption{font-size:11px;color:#75806c;margin-top:7px;letter-spacing:.3px}@media(max-width:760px){.dish-figure img{max-height:300px}.dish-figure{margin:20px 0 25px}}@media print{.dish-figure img{max-height:220px;width:auto;max-width:100%}}
