:root{--gold:#c9a54c;--bg:#0b0b0b;--ink:#111;--soft:#f6f4ef}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:#fff;line-height:1.6}
h1,h2,h3{font-weight:normal;letter-spacing:.02em;margin:0 0 .5em}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 1.2rem;background:var(--bg);border-bottom:1px solid var(--gold)}
.brand img{height:44px;display:block}
nav{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;font-size:.95rem}
nav a:hover{color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:#000;padding:.85rem 1.8rem;border:0;text-decoration:none;font-family:inherit;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.btn:hover{background:#e0bf6a}
nav .btn.small{padding:.45rem 1rem;font-size:.8rem;color:#000}
.hero{background:var(--bg);color:#fff;text-align:center;padding:4rem 1.2rem 5rem}
.hero-logo{width:min(280px,70%);margin-bottom:1rem}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.85rem}
.hero h1{font-size:clamp(2rem,6vw,3.6rem)}
.lead{max-width:36rem;margin:0 auto 2rem;color:#ddd;font-size:1.15rem}
.section{padding:4rem 1.2rem;max-width:1000px;margin:auto}
.section.dark{max-width:none;background:var(--bg);color:#fff}
.section.dark>*{max-width:900px;margin-left:auto;margin-right:auto}
.section h2{text-align:center;font-size:2rem}
.rule{width:60px;height:2px;background:var(--gold);margin:0 auto 2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--soft);padding:1.5rem;border-top:3px solid var(--gold)}
.dark h3{color:var(--gold)}
.center{text-align:center}
.form{display:grid;gap:1rem;margin:2rem auto;max-width:560px}
.form label{display:grid;gap:.3rem;font-size:.9rem;color:#ddd}
.form input,.form select,.form textarea{padding:.7rem;border:1px solid #444;background:#1a1a1a;color:#fff;font:inherit}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--gold)}
.small-text{font-size:.95rem;color:#ccc}
.placeholder{color:var(--gold)}
footer{background:#000;color:#aaa;text-align:center;padding:2rem 1rem;font-size:.9rem;border-top:1px solid var(--gold)}
.foot-logo{height:50px}
@media(max-width:560px){.section{padding:3rem 1rem}.site-header{justify-content:center}}
.brand img{height:40px;width:auto}
.hero-logo{width:min(420px,85%);height:auto}
.foot-logo{height:44px;width:auto}
.hero h1{line-height:1.2}
@media(max-width:560px){.site-header{flex-wrap:nowrap;justify-content:space-between;padding:.5rem .8rem}.brand img{height:30px}nav{gap:.6rem;flex-wrap:nowrap}nav a{font-size:.8rem}nav a:not(.btn){display:none}nav .btn.small{padding:.4rem .7rem;font-size:.7rem;white-space:nowrap}.hero{padding:2.5rem 1rem 3.5rem}}
