:root{--bg:#1b1a18;--ink:#eadfcd;--accent:#a56c2b}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:ui-serif,Georgia,serif;color:var(--ink);background:linear-gradient(#262521,#1b1a18)}
a{color:#f6c177}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
header{background:#2f2a24 url('/assets/images/tag.jpg') center/cover no-repeat;border-bottom:4px solid var(--accent);position:sticky;top:0;z-index:10}
.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:rgba(0,0,0,.45);padding:10px 14px}
.hero{text-align:center;padding:80px 16px 36px}.hero h1{margin:0 0 8px;font-size:48px;text-shadow:0 2px 0 #000}.hero p{opacity:.9}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#23221f;border:1px solid #3a352e;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.card img{width:100%;height:200px;object-fit:cover;display:block}.card .pad{padding:14px}.btn{display:inline-block;padding:10px 18px;border:2px solid var(--ink);border-radius:999px}
footer{border-top:1px solid #3a352e;background:#201f1b;color:#d8cfb6}
.gallery img{width:100%;height:240px;object-fit:cover;border-radius:12px;border:1px solid #3a352e}
#card img{max-width:280px;display:block;margin:12px auto;border:6px solid #3a352e;border-radius:12px}
.small{opacity:.8;font-size:.9rem}