:root {
  --bg: #0b0d0e; --panel: #12161a; --panel-2: #171c21; --line: rgba(185, 136, 78, 0.16);
  --gold: #b9884e; --gold-hi: #d9ad72; --cream: #fcf4e6; --text: #e7e2d8; --muted: #9aa0a6; --dim: #6a7178;
  --green: #4d9e58; --amber: #d39a2d; --red: #c4554b;
  --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 var(--sans);
  background-image: linear-gradient(rgba(6, 7, 8, 0.88), rgba(6, 7, 8, 0.94) 45%, var(--bg) 78%), url('/mountain.jpg');
  background-size: cover; background-position: center 30%; background-repeat: no-repeat; background-attachment: fixed;
}
h1, h2, h3 { font-family: var(--serif); font-weight: 600; color: var(--cream); margin: 0 0 0.4em; letter-spacing: 0.01em; }
a { color: var(--gold-hi); }
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.eyebrow { text-transform: uppercase; letter-spacing: 0.28em; font-size: 12px; color: var(--gold); font-weight: 600; }
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border-radius: 8px; font-weight: 600; text-decoration: none; border: 1px solid transparent; cursor: pointer; font-size: 15px; font-family: var(--sans); transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease; }
.btn.solid { background: linear-gradient(155deg, var(--gold-hi), var(--gold) 65%); color: #221708; box-shadow: 0 8px 20px -8px rgba(185,136,78,0.55); }
.btn.solid:hover { transform: translateY(-1px); box-shadow: 0 10px 26px -8px rgba(185,136,78,0.7); }
.btn.ghost { background: transparent; border-color: rgba(185,136,78,0.5); color: var(--cream); }
.btn.ghost:hover { border-color: var(--gold-hi); color: var(--gold-hi); transform: translateY(-1px); }
.pill { display: inline-block; padding: 5px 14px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; color: var(--muted); }
.card { background: linear-gradient(175deg, var(--panel-2), var(--panel)); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 1px 0 0 rgba(255,255,255,0.02) inset, 0 20px 40px -28px rgba(0,0,0,0.7); }
@media (prefers-reduced-motion: reduce) { * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } }
.muted { color: var(--muted); } .dim { color: var(--dim); }
section { padding: 96px 0; } section.tight { padding: 56px 0; }
@media (max-width: 720px) { section { padding: 64px 0; } h1 { font-size: 36px !important; } }