
:root{
  --void:#0a0b0c;--panel:#131516;--panel-2:#17191b;
  --hairline:rgba(198,161,91,.16);--hairline-strong:rgba(198,161,91,.32);
  --ivory:#f3efe6;--ivory-dim:#cfc9bd;--slate:#8b9296;
  --champagne:#c6a15b;--champagne-lt:#e8cd93;--champagne-dk:#8c6d3f;
  --font-display:"Fraunces",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:"Space Grotesk","Inter",sans-serif;--wrap:1180px;
}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--ivory);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 6vw}
header{position:sticky;top:0;z-index:10;background:rgba(10,11,12,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:30px}
.brand{font-family:var(--font-display);font-size:21px;letter-spacing:.05em;text-decoration:none;white-space:nowrap}
.brand small{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.34em;color:var(--slate);margin-top:2px}
.navlinks{display:flex;gap:28px;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ivory-dim)}
.navlinks a:hover{color:var(--champagne-lt)}
.hero{padding:110px 0 80px;border-bottom:1px solid var(--hairline);background:radial-gradient(circle at 78% 15%,rgba(198,161,91,.11),transparent 34%),linear-gradient(160deg,#17191b 0%,#0a0b0c 70%)}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--champagne)}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.08;margin:0;color:var(--ivory)}
h1{font-size:clamp(42px,6vw,72px);max-width:850px;margin-top:18px}
h1 em{color:var(--champagne-lt);font-style:italic}
.hero p{max-width:680px;color:var(--ivory-dim);font-size:17px;margin:24px 0 0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{display:inline-flex;align-items:center;text-decoration:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:14px 24px;border-radius:2px;border:1px solid var(--hairline-strong)}
.btn.primary{background:var(--champagne);color:var(--void);border-color:var(--champagne)}
.btn:hover{border-color:var(--champagne);color:var(--champagne-lt)}.btn.primary:hover{color:var(--void);background:var(--champagne-lt)}
.section{padding:86px 0}.section.alt{background:var(--panel)}
.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}
.section h2{font-size:clamp(30px,4vw,46px);margin-top:12px}
.copy{color:var(--ivory-dim);max-width:720px}.copy p{margin:0 0 18px}
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--hairline);border:1px solid var(--hairline);margin-top:34px}
.card{background:var(--void);padding:26px;text-decoration:none;min-height:150px}
.card:hover{background:var(--panel-2)}
.card .eyebrow{font-size:9px;letter-spacing:.2em}.card h3{font-size:23px;margin:9px 0}.card p{font-size:13.5px;color:var(--slate);margin:0}
.linklist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px;margin-top:30px;border-top:1px solid var(--hairline)}
.linklist a{padding:14px 0;border-bottom:1px solid var(--hairline);text-decoration:none;font-family:var(--font-display);font-size:19px}
.linklist a:hover{color:var(--champagne-lt)}
.note{border-left:1px solid var(--champagne-dk);padding-left:25px;color:var(--ivory-dim)}
.note strong{color:var(--champagne-lt);font-weight:500}
.breadcrumb{padding:20px 0 0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--champagne-lt)}
footer{padding:55px 0 35px;border-top:1px solid var(--hairline)}
.footerline{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--slate);font-family:var(--font-mono);font-size:11px}
@media(max-width:820px){.navlinks{display:none}.grid{grid-template-columns:1fr;gap:35px}.cardgrid{grid-template-columns:1fr 1fr}.linklist{grid-template-columns:1fr}}
@media(max-width:560px){.hero{padding:80px 0 65px}.section{padding:65px 0}.cardgrid{grid-template-columns:1fr}.brand{font-size:18px}}
