*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{line-height:1.05;letter-spacing:-.045em;font-size:clamp(48px,8vw,108px);font-weight:500}h2{font-size:30px;line-height:1.2}h3{font-size:21px;line-height:1.3}p{max-width:62ch}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.15em}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none}footer{font-size:13px;padding:28px 0;border-top:1px solid var(--line)}svg{display:block;width:100%;height:auto}.wrap{max-width:1160px;margin:auto;padding:0 40px}section{scroll-margin-top:24px}.muted{color:var(--muted)}@media(max-width:640px){.wrap{padding:0 22px}nav{gap:15px}h1{font-size:52px}h2{font-size:27px}body{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{--paper:#fff8e9;--ink:#493522;--muted:#806b51;--accent:#a4572d;--line:#d8c4a5;font-family:Georgia,serif}.wrap{max-width:1060px}header{padding:30px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:29px;text-decoration:none}.hero{text-align:center;padding:52px 0 30px}.hero h1{font-size:clamp(51px,6vw,78px)}.hero p{margin-left:auto;margin-right:auto}.table-line{position:relative;height:170px;background:#ead9b8;margin-top:35px;display:grid;place-items:center}.plate{width:130px;height:130px;border-radius:50%;border:14px double #a77e51;background:#f7eddb}.table-line span,.table-line i{position:absolute;width:7px;height:100px;background:#a77e51;top:35px}.table-line span{left:calc(50% - 103px)}.table-line i{right:calc(50% - 103px);border-radius:10px 10px 0 0}.recipe{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:40px 0}.recipe aside{border-right:1px solid var(--line);padding-right:25px}.recipe article{padding-top:35px}ul{padding-left:20px}li{margin-bottom:6px}.pantry{border-top:1px solid var(--line);padding:35px 0}@media(max-width:700px){header{gap:20px;align-items:flex-start}header nav{font-size:14px}.logo{font-size:25px}.recipe{grid-template-columns:1fr;gap:15px;padding:25px 0}.recipe aside{border:0;padding-right:0}.recipe article{padding-top:0}.hero{padding-top:35px}}