:root{--gold:#b8892f;--gold2:#e2c27a;--black:#111;--cream:#faf7f0}
*{box-sizing:border-box}body{margin:0;font-family:Helvetica,Arial,sans-serif;background:var(--cream);color:#222}
h1,h2,h3,.serif{font-family:Georgia,"Times New Roman",serif;letter-spacing:.04em}
a{color:var(--gold)}
.notice{background:var(--black);color:var(--gold2);text-align:center;padding:9px 14px;font-size:13px;letter-spacing:.05em}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:#fff;border-bottom:2px solid var(--gold);flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--black)}.brand img{height:52px}
.brand b{font-family:Georgia,serif;font-size:20px;letter-spacing:.08em}.brand small{display:block;font-size:10px;letter-spacing:.2em;color:#555}
nav a{margin-left:20px;text-decoration:none;color:var(--black);font-size:14px;text-transform:uppercase;letter-spacing:.1em}nav a:hover,nav a.active{color:var(--gold)}
.btn{display:inline-block;background:var(--black);color:var(--gold2);padding:12px 26px;text-decoration:none;border:1px solid var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:13px;cursor:pointer}
.btn:hover{background:var(--gold);color:#fff}
.hero{text-align:center;padding:60px 5%;background:radial-gradient(circle at 50% 0,#fff,var(--cream))}
.hero img{max-width:340px;width:80%}.hero h1{font-size:clamp(28px,5vw,48px);margin:20px 0 6px}.gold{color:var(--gold)}
section{padding:50px 5%;max-width:1200px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;border:1px solid #e6dcc6;padding:24px;text-decoration:none;color:inherit;box-shadow:0 2px 10px #0001}
.card h3{color:var(--black);font-size:16px;border-bottom:1px solid var(--gold);padding-bottom:8px}
.cat{margin-bottom:34px}.cat h2{background:var(--black);color:var(--gold2);padding:12px 18px;font-size:17px;margin:0}
table{width:100%;border-collapse:collapse;background:#fff}th{background:#f1e6cc;text-align:left;padding:10px 18px;font-size:12px;letter-spacing:.1em}
td{padding:10px 18px;border-bottom:1px solid #eee}td:nth-child(3),th:nth-child(3){text-align:right}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filters input,.filters select{padding:11px;border:1px solid #cdb98c;font-size:15px;flex:1;min-width:200px}
form{max-width:420px;margin:auto;background:#fff;padding:32px;border:1px solid #e6dcc6}label{display:block;margin:14px 0 4px;font-size:13px}
form input{width:100%;padding:11px;border:1px solid #cdb98c}
.warn{background:#fff6e0;border-left:4px solid var(--gold);padding:12px;font-size:13px;margin:16px 0}
footer{background:var(--black);color:#ccc;text-align:center;padding:30px 5%;font-size:13px}footer strong{color:var(--gold2)}
@media(max-width:700px){nav a{margin:0 10px 0 0;font-size:12px}header{justify-content:center}td,th{padding:8px}}