:root{
  --bg:#0e0c0a; --bg-2:#15110d;
  --ink:#efe7d8; --ink-2:#b9ad97; --ink-3:#6f6557;
  --rule:rgba(239,231,216,.16);
  --accent:#b8341d; --accent-2:#c69a55;
  --serif:'Italiana',serif; --serif-2:'Cormorant Garamond',serif;
  --sans:'DM Sans',ui-sans-serif,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid rgba(198,154,85,.3)}
a:hover{border-color:var(--accent-2)}
.container{max-width:980px;margin:0 auto;padding:0 32px}
.top{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--rule)}
.top a{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);border:0}
.brand{font-family:var(--serif);font-size:18px;letter-spacing:.04em}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.01em;margin:60px 0 18px}
h1 em{font-family:var(--serif-2);font-style:italic;font-weight:400}
h2{font-family:var(--serif-2);font-weight:500;font-size:28px;color:var(--ink);margin:60px 0 16px}
h3{font-family:var(--serif-2);font-style:italic;font-weight:400;font-size:22px;margin:28px 0 8px;color:var(--ink)}
p{margin:0 0 14px;color:var(--ink-2)}
ul{padding-left:20px;color:var(--ink-2);margin:0 0 14px}
li{margin:6px 0}
strong{color:var(--ink);font-weight:500}
.lead{font-family:var(--serif-2);font-size:20px;line-height:1.55;color:var(--ink);max-width:680px;margin-bottom:48px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:32px 0}
.card{border:1px solid var(--rule);padding:24px 22px;background:var(--bg-2)}
.card .num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--accent-2);margin-bottom:8px}
.card h3{margin:0 0 8px}
.card p{font-size:14px;line-height:1.6}
.cta{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;background:var(--accent);color:#fff;border:1px solid var(--accent);font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.cta:hover{background:#fff;color:var(--bg);border-color:#fff}
.ftr{margin-top:96px;padding:48px 0;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-3)}
.ftr a{color:var(--ink-2)}
.pill{display:inline-block;padding:4px 10px;border:1px solid var(--rule);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-2);margin-right:6px;margin-bottom:6px}
.table{width:100%;border-collapse:collapse;margin:24px 0;border:1px solid var(--rule)}
.table th,.table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--rule);font-size:14px}
.table th{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-weight:400;background:var(--bg-2)}
.table td.num{font-family:var(--mono);color:var(--accent-2);text-align:right}
.hero-img{aspect-ratio:16/9;overflow:hidden;margin:32px 0;border:1px solid var(--rule)}
.hero-img img{width:100%;height:100%;object-fit:cover}
hr.rule{height:1px;background:var(--rule);border:0;margin:48px 0}
@media (max-width:640px){
  .table th,.table td{padding:10px 12px;font-size:13px}
  .container{padding:0 18px}
}
