:root{--cream:#fbf5e8;--paper:#fffdf7;--brown:#42210b;--teal:#65c8d0;--teal-d:#2f8f98;--green:#2f5d3a;--burg:#7a2333;--line:#e6dcc6}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--brown);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2{font-family:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;line-height:1.25;font-weight:700}
a{color:var(--teal-d)}
.top{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:3px solid var(--teal);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1rem;padding:.5rem 1rem}
.brand img{height:52px;width:auto;display:block}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .9rem;font-size:.85rem}
nav a{color:var(--brown);text-decoration:none;border-bottom:2px solid transparent}nav a:hover{border-color:var(--burg)}
.hero{text-align:center;padding:1rem 1rem 2rem;border-bottom:1px solid var(--line)}
.hero img{width:100%;max-width:900px;height:auto}
.hero h1{font-size:1.35rem;max-width:40rem;margin:.5rem auto 1.2rem;color:var(--green)}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.btn{display:inline-block;padding:.75rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;color:#fff}
.rb{background:var(--burg)}.tp{background:var(--green)}.btn:hover{filter:brightness(1.15)}
.collection{max-width:1200px;margin:0 auto;padding:2.5rem 1rem 1rem}
.collection h2{font-size:1.7rem;margin:0;color:var(--brown);border-left:6px solid var(--teal);padding-left:.6rem}
.collection>p{margin:.3rem 0 1.2rem;color:#6b4a33}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.card a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--brown);transition:transform .15s,box-shadow .15s}
.card a:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(66,33,11,.15)}
.card img{width:100%;height:auto;display:block;aspect-ratio:1}
.card span{display:block;padding:.55rem .7rem;font-weight:600;font-size:.92rem;border-top:3px solid var(--teal)}
.shops{text-align:center;padding:2.5rem 1rem}.shops ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.shops a{font-weight:700;color:var(--burg)}
footer{background:var(--brown);color:var(--cream);text-align:center;padding:1.5rem 1rem;font-size:.9rem}footer a{color:var(--teal)}
@media(min-width:640px){.grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:1.7rem}}
@media(min-width:960px){.grid{grid-template-columns:repeat(4,1fr)}.top{justify-content:space-between}}