*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#28342b;background:#faf8f3;line-height:1.6}header{height:88px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7e1d8;position:sticky;top:0;z-index:5}.brand img{height:58px;width:min(420px,36vw);object-fit:contain;object-position:left center;display:block}nav{display:flex;gap:25px}a{color:inherit}.hero{min-height:560px;display:flex;align-items:center;padding:70px max(7vw,30px);position:relative;overflow:hidden;background:#fff;color:#fff;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#203f1b 0%,#31522b 36%,rgba(91,117,82,.92) 48%,rgba(228,231,222,.72) 67%,#fff 88%)}.hero::after{content:"";position:absolute;z-index:-1;inset:0 0 0 46%;background-image:linear-gradient(90deg,#61775a 0%,rgba(227,231,222,.45) 19%,rgba(255,255,255,0) 43%),linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2)),url('../images/hero-golden-comendo.png');background-size:cover;background-position:72% center;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)}.hero>div{max-width:650px}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.02;margin:.15em 0}.hero p{font-size:20px;max-width:590px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:800;color:#df7b12}.cta,.link{font-weight:800;color:#d96f09}.cta{display:inline-block;color:#fff;background:#dd7410;padding:13px 21px;border-radius:9px;text-decoration:none}.catalog,.detail{max-width:1240px;margin:auto;padding:55px 25px}.intro{text-align:center}.intro h2{font-size:42px;margin:5px}.filters{margin:30px 0;display:grid;grid-template-columns:2fr 1fr auto;gap:12px;background:#fff;padding:16px;border-radius:15px;box-shadow:0 8px 30px #29421c12}.filters input,.filters select{padding:13px;border:1px solid #d9d4ca;border-radius:8px;font:inherit}.filters span{align-self:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #2a451a15;transition:.2s}.card:hover{transform:translateY(-4px)}.card>a{text-decoration:none}.card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.card div{padding:20px}.card h2{font-size:22px;line-height:1.2}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#edf2e7;color:#38511b;font-size:12px;font-weight:800}.safety,.warning,.vet{padding:25px;border-radius:15px;margin:40px 0}.safety,.warning{background:#fff2dd;border-left:5px solid #dd7410}.vet{background:#edf2e7;border-left:5px solid #38511b}footer{text-align:center;padding:35px;background:#263d17;color:#fff}footer small{display:block;opacity:.75}.back{display:inline-block;margin-bottom:22px}.recipe-head{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}.recipe-head h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:15px 0}.recipe-head img,.prep img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px}.lead{font-size:19px}.facts{display:flex;gap:8px;flex-wrap:wrap}.facts span{background:#fff;border:1px solid #ddd7cd;padding:7px 10px;border-radius:8px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin:45px 0}.detail h2{color:#30491c}.quick{background:#fff;padding:22px;border-radius:15px;align-self:start}.prep{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;background:#f0f3e9;padding:30px;border-radius:20px}.prep ol{list-style:none;padding:0}.prep li{display:grid;grid-template-columns:36px 1fr;gap:12px}.prep li span{width:32px;height:32px;border-radius:50%;background:#dd7410;color:#fff;display:grid;place-items:center;font-weight:800}.prep li p{margin:2px 0 17px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.info-grid section{background:#fff;padding:20px;border-radius:14px}details{background:#fff;padding:20px;border-radius:12px;margin:25px 0}summary{font-weight:800;cursor:pointer}@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.recipe-head,.content-grid,.prep{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.hero{min-height:460px}.info-grid{grid-template-columns:1fr}}@media(max-width:560px){header{height:72px}.brand img{height:48px;width:210px}nav a:last-child{display:none}.cards{grid-template-columns:1fr}.catalog,.detail{padding:35px 18px}.prep{padding:20px}.hero h1{font-size:43px}}
@media(max-width:850px){.brand img{width:300px}.hero::after{inset:0 0 0 35%;opacity:.52}.hero::before{background:linear-gradient(90deg,#203f1b 0%,#31522b 52%,rgba(255,255,255,.92) 100%)}}@media(max-width:560px){.hero::after{inset:0;opacity:.25;background-position:68% center}.hero::before{background:linear-gradient(90deg,#203f1b 0%,rgba(32,63,27,.94) 65%,rgba(255,255,255,.52) 100%)}.hero>div{position:relative;z-index:1}}


/* Professional responsive pass */
:root{--green:#203f1b;--green-2:#31522b;--orange:#dd7410;--cream:#faf8f3;--ink:#28342b}
html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img{max-width:100%;height:auto}button,input,select,a{touch-action:manipulation}a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f4a340;outline-offset:3px}
header{padding-inline:clamp(18px,5vw,72px)}header nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:700}.brand{display:flex;align-items:center;min-width:0}.brand img{max-width:100%}
.hero>div{width:min(650px,50vw)}.hero h1{max-width:9.6em;text-wrap:balance}.hero p{text-wrap:pretty}.cards{align-items:stretch}.card,.card>a{height:100%}.card>a{display:flex;flex-direction:column}.card>a>div{display:flex;flex:1;flex-direction:column}.card .link{margin-top:auto}.card img{background:#eee}.filters{position:sticky;top:98px;z-index:3}.filters input,.filters select{min-height:48px;background:#fff}.recipe-head img,.prep img{background:#eee}.detail p,.detail li{max-width:76ch}.quick{position:sticky;top:110px}.back{min-height:44px;display:inline-flex;align-items:center;font-weight:700}.info-grid section{min-width:0}
@media(max-width:1024px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero>div{width:min(590px,58vw)}.hero h1{font-size:clamp(42px,6vw,66px)}.recipe-head{gap:28px}.content-grid{gap:26px}.filters{top:84px}}
@media(max-width:720px){header{height:68px;padding-inline:16px}.brand img{height:44px;width:min(230px,58vw)}nav{gap:6px}nav a{padding:8px 9px;font-size:14px}.hero{min-height:auto;padding:56px 20px 250px;align-items:flex-start}.hero>div{width:100%;max-width:560px}.hero h1{font-size:clamp(40px,12vw,56px);max-width:8.5em}.hero p{font-size:17px;max-width:34em}.hero::before{background:linear-gradient(180deg,#203f1b 0%,#31522b 50%,rgba(49,82,43,.94) 61%,rgba(250,248,243,.16) 80%,#faf8f3 100%)}.hero::after{inset:auto 0 0 0;height:310px;opacity:1;background-image:linear-gradient(180deg,#31522b 0%,rgba(49,82,43,.25) 22%,rgba(255,255,255,0) 48%),linear-gradient(0deg,#faf8f3 0%,rgba(250,248,243,0) 30%),url('../images/hero-golden-comendo.png');background-position:70% center;background-size:cover;mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%)}.catalog,.detail{padding:38px 16px}.intro h2{font-size:clamp(31px,9vw,42px);line-height:1.1}.filters{position:static;margin:24px 0;grid-template-columns:1fr;padding:12px}.filters span{text-align:center}.cards{grid-template-columns:1fr;gap:18px}.card img{aspect-ratio:16/10}.recipe-head{display:flex;flex-direction:column-reverse;gap:22px}.recipe-head h1{font-size:clamp(36px,10vw,52px)}.recipe-head img{aspect-ratio:4/3}.content-grid{display:block;margin:30px 0}.quick{position:static;margin-top:25px}.prep{display:flex;flex-direction:column;padding:20px;gap:20px}.prep img{order:-1;aspect-ratio:4/3}.info-grid{grid-template-columns:1fr}.warning,.vet,.safety{padding:20px;margin:28px 0}footer{padding:28px 18px}}
@media(max-width:390px){header nav a{font-size:13px;padding-inline:6px}.brand img{width:176px}.hero{padding-inline:16px}.hero h1{font-size:39px}.cta{width:100%;text-align:center}.catalog,.detail{padding-inline:13px}.card div{padding:17px}.prep{padding:16px}.facts span{font-size:13px}.recipe-head h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}