:root{--green:#1d3a2b;--ink:#3a2814;--paper:#eceee8;--gold:#b8893b;--peach:#f1c590}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.5 Lato,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
.hero{min-height:52vh;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center;padding:40px 20px;color:#fff;
  background:linear-gradient(rgba(14,30,21,.74),rgba(14,30,21,.8)),url(hero.jpg) center/cover}
.logo{background:#000;padding:20px 38px 16px}
.logo b{display:block;font-size:clamp(1.5rem,6.4vw,3.2rem);line-height:1;letter-spacing:.16em;margin-right:-.16em}
.logo span{display:block;margin-top:10px;color:var(--peach);font-weight:700;font-size:clamp(.8rem,3.2vw,1.25rem);letter-spacing:.55em;margin-right:-.55em}
.hero p{margin:0;font:italic 500 1.6rem Alegreya,serif;color:var(--peach)}
.cats{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:10px 14px;background:var(--green);scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
.cats a{flex:none;color:#e6eee8;text-decoration:none;padding:8px 18px;border-radius:99px;font-weight:700}
.cats a.on{background:var(--gold);color:#1b1206}
.cats a:focus-visible{outline:2px solid var(--peach)}
main{max-width:1100px;margin:0 auto;padding:10px 18px 50px}
section{scroll-margin-top:64px}
h2{margin:44px 0 6px;padding-bottom:6px;border-bottom:2px solid var(--green);font:700 2.3rem/1.1 Alegreya,serif;color:var(--green)}
.list{display:grid;column-gap:56px}
@media(min-width:860px){.list{grid-template-columns:1fr 1fr}}
.item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px dotted #8f9788}
.thumb{flex:none;width:78px;height:78px;object-fit:cover;border-radius:8px;cursor:zoom-in}
.info{flex:1;min-width:0}
.name{font-weight:700;font-size:1.06rem}
.desc{font-size:.9rem;opacity:.75}
.price{flex:none;font:700 1.3rem Alegreya,serif;color:var(--green);white-space:nowrap}
.empty{text-align:center;padding:60px 0}
footer{display:grid;justify-items:center;gap:8px;padding:34px 18px 28px;text-align:center;font-size:.9rem;color:#dfe9e2;background:var(--green)}
footer img{width:150px;height:150px;margin-bottom:6px}
footer strong{font:700 1.5rem Alegreya,serif;color:#fff}
#lb{position:fixed;inset:0;z-index:20;display:none;place-items:center;background:rgba(0,0,0,.86);cursor:zoom-out}
#lb.open{display:grid}
#lb img{max-width:94vw;max-height:88vh;border-radius:8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}