:root{
  --bg:#ffffff;
  --text:#0a0a0a;
  --muted:#666666;
  --border:#ececec;
  --gold:#D4AF37;
  --ink:#111111;
}

html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--text);
     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:inherit}
header{padding:16px 0;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}
.container{max-width:1000px;margin:0 auto;padding:0 16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:36px;height:36px}
.site-title{font-weight:800;letter-spacing:.3px}
nav{margin-top:8px}
nav a{margin-right:14px;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:4px}
nav a:hover{border-color:var(--border)}
nav a.active{border-color:var(--gold);font-weight:700}
.hero{padding:48px 0}
h1,h2,h3{line-height:1.25}
h1{letter-spacing:.2px}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px}
.badge.gold{border-color:var(--gold)}
.card{border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
img{max-width:100%;height:auto;border-radius:8px}
.small{font-size:14px;color:var(--muted)}
footer{border-top:1px solid var(--border);padding:24px 16px;margin-top:48px;color:var(--muted);font-size:14px}
hr{border:0;border-top:1px solid var(--border);margin:24px 0}
.motto{font-style:italic;color:var(--muted)}
.kicker{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.callout{border-left:4px solid var(--gold);padding:8px 12px;background:#fff9e6;border-radius:8px}
figure{margin:0}
figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid var(--border);padding:8px 10px;text-align:left}
.table th{background:#fafafa}