:root{--bg:#11110f;--fg:#f7f3ea;--muted:#b7b0a1;--line:#2c2a24;--accent:#e8c15a;--card:#1a1915}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{width:min(1000px,calc(100% - 2rem));margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.logo{font-family:system-ui,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
nav{display:flex;gap:1rem;color:var(--muted);font-family:system-ui,sans-serif;font-size:.9rem}
.hero{padding:3.5rem 0 2rem;text-align:center}.eyebrow{font-family:system-ui,sans-serif;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}
h1{font-size:clamp(2.4rem,5vw,3.8rem);margin:.8rem 0;letter-spacing:-.02em}.lede{color:var(--muted);max-width:36rem;margin:0 auto;font-family:system-ui,sans-serif}
.cta{display:inline-block;margin-top:1.5rem;background:var(--accent);color:#1a1405;font-family:system-ui,sans-serif;font-weight:700;padding:.85rem 1.25rem;border-radius:.4rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0 3rem}
.card{background:var(--card);border:1px solid var(--line);padding:1.2rem;border-radius:.7rem}.card h2{margin:0 0 .4rem;font-size:1.15rem}.card p{margin:0;color:var(--muted);font-family:system-ui,sans-serif;font-size:.9rem}
footer{color:var(--muted);font-family:system-ui,sans-serif;font-size:.8rem;padding-bottom:2.5rem;text-align:center}
@media(max-width:800px){.grid{grid-template-columns:1fr}}