:root{--cream:#fbf6ed;--ink:#2b120d;--red:#d93420;--orange:#ed9c43;--line:#dfd7ca;--muted:#786d64}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.site-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 max(7vw,28px);border-bottom:1px solid var(--line);background:rgba(251,246,237,.96);position:relative;z-index:20}.logo{font-family:Anton,sans-serif;font-size:24px;text-decoration:none;color:var(--red);letter-spacing:-.5px}.logo span{color:var(--ink)}nav{display:flex;gap:30px}nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}nav a.active{color:var(--red)}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:730px;color:white;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.13)),url('/assets/hero.jpg') center/cover;display:grid;align-items:center;padding:80px max(9vw,32px)}.hero-copy{max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.32em;color:#efa452;font-size:13px;font-weight:700}.display{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-.02em;line-height:.93;margin:18px 0}.hero h1{font-size:clamp(54px,6vw,92px)}.hero p{max-width:620px;font-size:18px;line-height:1.55;color:#e6e2de}.actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:100px;padding:14px 26px;text-decoration:none;font-weight:700;border:1px solid currentColor}.btn.primary{background:var(--red);color:white;border-color:var(--red)}.btn.ghost{color:white;background:rgba(0,0,0,.25)}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;padding:28px}.stat{text-align:center;font-weight:600}.stat b{color:var(--red);margin-right:9px}.section{padding:82px max(8vw,28px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section h2,.listing-head h1,.recipe h1{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;line-height:1;margin:0}.section h2{font-size:48px}.section p.lead{color:var(--muted);margin:8px 0 0}.text-link{color:var(--red);font-weight:700}.region-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.region{padding:26px 16px;text-decoration:none;color:var(--ink);text-align:center;border-right:1px solid var(--line);font-weight:700}.region:last-child{border:0}.region:hover{background:white;color:var(--red)}.meat-links{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.pill{border:1px solid var(--line);border-radius:99px;background:white;padding:9px 16px;text-decoration:none;color:var(--ink);font-weight:600}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);transition:.2s transform,.2s box-shadow;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(53,25,15,.1)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-body{padding:20px}.flag{position:absolute;top:13px;left:13px;background:rgba(255,255,255,.9);border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700;text-transform:uppercase}.card h3{font-family:Anton,sans-serif;font-size:27px;font-weight:400;margin:0 0 7px}.card p{color:var(--muted);margin:0 0 18px;line-height:1.45}.meta{display:flex;gap:14px;font-size:13px;font-weight:700;color:#5b5049}.newsletter{background:var(--ink);color:white;text-align:center;padding:75px 24px}.newsletter .eyebrow{color:#efa452}.newsletter h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:clamp(38px,5vw,64px);font-weight:400;max-width:760px;margin:14px auto}.newsletter p{color:#d8cbc4}.signup{display:flex;max-width:540px;margin:28px auto 0}.signup input{flex:1;min-width:0;border:0;padding:16px 20px;border-radius:99px 0 0 99px;font:inherit}.signup button{border:0;background:var(--red);color:#fff;font-weight:700;padding:0 24px;border-radius:0 99px 99px 0}.signup-message{min-height:22px;color:#f3b76e!important;font-weight:700}footer{display:flex;justify-content:space-between;gap:18px;padding:30px max(7vw,28px);border-top:1px solid var(--line);font-size:14px}footer span{color:var(--muted)}.listing-head{padding:65px max(8vw,28px) 58px;border-bottom:1px solid var(--line)}.listing-head h1{font-size:68px}.listing-head>p{color:var(--muted)}.filters{margin-top:28px;max-width:720px}.search{width:100%;max-width:470px;border:1px solid var(--line);border-radius:99px;padding:15px 20px;background:rgba(255,255,255,.55);font:inherit}.filter-row{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:99px;background:white;padding:9px 16px;font:600 14px "DM Sans";cursor:pointer}.filter.active{color:white;background:var(--red);border-color:var(--red)}.results{padding:44px max(8vw,28px) 90px}.count{color:var(--muted);margin:0 0 26px}.empty{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.recipe{max-width:980px;margin:auto;padding:38px 24px 80px}.back{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:42px}.recipe .kicker{text-transform:uppercase;letter-spacing:.24em;color:var(--red);font-weight:700;font-size:13px}.recipe h1{font-size:clamp(54px,7vw,84px);margin:14px 0}.recipe .intro{font-size:19px;color:var(--muted);line-height:1.5;max-width:790px}.recipe-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;margin:30px 0}.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;margin:0 0 56px}.fact{padding:19px;text-align:center;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact span{display:block;color:var(--muted);font-size:13px}.fact b{display:block;margin-top:4px}.recipe-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.recipe h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:40px;font-weight:400}.ingredients{list-style:none;padding:0}.ingredients li{border-bottom:1px solid var(--line);padding:12px 0}.ingredients label{display:flex;gap:12px;align-items:flex-start}.ingredients input{accent-color:var(--red);margin-top:4px}.ingredients input:checked+span{text-decoration:line-through;color:#9a8d83}.steps{list-style:none;padding:0}.steps li{display:grid;grid-template-columns:42px 1fr;gap:16px;margin:0 0 24px;line-height:1.55}.step-num{width:38px;height:38px;background:var(--red);color:white;border-radius:50%;display:grid;place-items:center;font-weight:700}.tip{background:#f3e4d3;border-left:5px solid var(--orange);padding:20px;border-radius:0 12px 12px 0;margin-top:34px}.tip strong{display:block;text-transform:uppercase;color:var(--red);font-size:13px;letter-spacing:.12em;margin-bottom:5px}.next{padding:68px max(8vw,28px);border-top:1px solid var(--line)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.region-grid{grid-template-columns:repeat(3,1fr)}.region{border-bottom:1px solid var(--line)}.recipe-grid{grid-template-columns:1fr;gap:20px}.hero{min-height:650px}}@media(max-width:620px){.site-header{padding:0 20px}.menu{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--cream);padding:20px;box-shadow:0 12px 20px rgba(0,0,0,.08)}nav.open{display:flex}.hero{padding:60px 24px;min-height:650px}.hero h1{font-size:52px}.hero p{font-size:16px}.stats{grid-template-columns:1fr;gap:18px}.section{padding:60px 20px}.section-head{align-items:start;flex-direction:column}.section h2{font-size:40px}.region-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.listing-head{padding:50px 20px}.listing-head h1{font-size:52px}.results{padding:35px 20px 70px}.facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.recipe{padding-top:26px}.recipe h1{font-size:52px}.recipe-hero{aspect-ratio:4/3}.signup{flex-direction:column;gap:10px}.signup input,.signup button{border-radius:99px;padding:15px}footer{flex-direction:column}}
