
:root{
  --bg:#090806;
  --bg2:#0f0d09;
  --paper:#d8c9a5;
  --gold:#c79a3b;
  --gold-soft:#e2c477;
  --cream:#f1ead9;
  --text:#ebe3d2;
  --muted:#8d846f;
  --line:rgba(226,196,119,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.grain{
  position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.035;
  background-image:radial-gradient(#fff .6px,transparent .6px);
  background-size:8px 8px;
}
.nav{
  position:fixed;z-index:60;left:20px;right:20px;top:16px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;
  padding:11px 12px 11px 18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(7,6,4,.60);
  backdrop-filter:blur(16px);
}
.brand{
  font-size:17px;font-weight:900;letter-spacing:.12em;
}
.brand span{color:var(--gold-soft)}
.nav nav{
  display:flex;gap:24px;
  font-size:10px;font-weight:800;letter-spacing:.16em;
}
.nav nav a{color:#a69b82}
.nav nav a:hover{color:#fff}
.nav-buy{
  justify-self:end;
  padding:10px 18px;
  background:linear-gradient(180deg,#d6b15a,#9f7623);
  color:#120f08;
  font-size:10px;font-weight:900;letter-spacing:.12em;
}
.hero{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  background:#050504;
}
.hero-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,4,.82) 0%,rgba(5,5,4,.54) 36%,rgba(5,5,4,.10) 68%,rgba(5,5,4,.20) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.52));
}
.hero-content{
  position:absolute;z-index:3;
  left:7vw;top:50%;transform:translateY(-50%);
  max-width:700px;
}
.eyebrow{
  margin:0 0 18px;
  color:#c9b778;
  font-size:10px;font-weight:900;letter-spacing:.22em;
}
.hero h1{
  margin:0;
  font-size:clamp(72px,10vw,148px);
  line-height:.78;letter-spacing:-.065em;font-weight:900;
}
.hero h1 span{
  color:var(--gold-soft);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
}
.ticker{
  margin:20px 0 0;
  color:#d0ac55;
  font-size:22px;font-weight:900;letter-spacing:.26em;
}
.hero-copy{
  margin:22px 0 0;
  max-width:560px;
  color:#b8ad95;
  font-size:17px;line-height:1.65;
}
.actions{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:28px;
}
.btn{
  min-width:104px;
  padding:14px 18px;
  border:1px solid #4a402d;
  background:rgba(11,10,7,.76);
  color:#d8ccb0;
  text-align:center;
  font-size:10px;font-weight:900;letter-spacing:.13em;
  transition:.18s ease;
}
.btn:hover{transform:translateY(-2px);border-color:#8d6e2f;color:#fff}
.btn.primary{
  background:linear-gradient(180deg,#d5b159,#a47b2d);
  color:#151108;border-color:transparent;
}
.btn.compact{min-width:58px}
.is-disabled{opacity:.38;cursor:default}
.hero-note{
  position:absolute;z-index:3;right:5vw;bottom:28px;
  color:#bca66d;
  font-size:9px;font-weight:900;letter-spacing:.2em;
}
.about{
  display:grid;grid-template-columns:.35fr 1fr 1.1fr;
  gap:42px;
  padding:110px 7vw;
  background:#0c0b08;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.about-kicker{
  color:#665b45;
  font-size:10px;font-weight:900;letter-spacing:.18em;
}
.about h2{
  margin:0;
  font-size:clamp(50px,6.5vw,98px);
  line-height:.82;letter-spacing:-.05em;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;color:#e5d5ac;
}
.about-copy{
  align-self:center;
  color:#978c75;
  font-size:17px;line-height:1.72;
}
.about-copy p{margin:0 0 16px}
.capital-section{
  display:grid;grid-template-columns:.92fr 1.08fr;
  min-height:92svh;
  background:#11100c;
}
.capital-copy{
  padding:8vw 7vw;
  display:flex;flex-direction:column;justify-content:center;
}
.section-label{
  color:var(--gold);
  font-size:10px;font-weight:900;letter-spacing:.2em;
}
.capital-copy h2{
  margin:16px 0 22px;
  font-size:clamp(58px,8vw,118px);
  line-height:.80;letter-spacing:-.06em;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;color:#e6d9b9;
}
.capital-copy>p{
  max-width:500px;
  color:#8f856f;font-size:17px;line-height:1.65;
}
.stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  margin-top:30px;
}
.stats div{
  padding:18px 14px;
  border-top:1px solid #4d432f;
}
.stats b{display:block;color:#d5b159;font-size:18px}
.stats span{
  display:block;margin-top:6px;
  color:#766b56;font-size:8px;font-weight:900;letter-spacing:.14em;
}
.capital-image{min-height:720px;overflow:hidden}
.capital-image img{width:100%;height:100%;object-fit:cover}
.statement{
  padding:86px 7vw;
  background:#d3b66e;
  color:#17140c;
}
.line{
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  padding:18px 0;border-top:2px solid rgba(23,20,12,.22);
}
.line:last-child{border-bottom:2px solid rgba(23,20,12,.22)}
.line span,.line b{
  font-size:clamp(32px,5vw,72px);
  line-height:.9;letter-spacing:-.045em;
}
.line b{font-family:Georgia,'Times New Roman',serif;font-weight:500}
.contract{
  padding:90px 7vw 72px;background:#090806;
}
.contract-head{
  display:flex;justify-content:space-between;gap:20px;
  padding-bottom:16px;border-bottom:1px solid var(--line);
  color:#746a55;font-size:9px;font-weight:900;letter-spacing:.2em;
}
.contract-row{
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;
  padding:28px 0 36px;border-bottom:1px solid var(--line);
}
.contract-row code{
  font-family:inherit;
  font-size:clamp(24px,4.4vw,62px);
  color:#e5dcc7;font-weight:500;letter-spacing:-.04em;
  white-space:nowrap;overflow:auto;
}
.contract-row button{
  border:1px solid #6c592f;
  background:#b9903e;color:#151108;
  padding:13px 20px;font-weight:900;font-size:10px;letter-spacing:.14em;cursor:pointer;
}
.links{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;
}
.links a{
  padding:15px 18px;border:1px solid #302b20;
  text-align:center;color:#968b73;
  font-size:10px;font-weight:900;letter-spacing:.12em;
}
.links a:hover{color:#fff;border-color:#7b6330}
footer{
  display:flex;justify-content:space-between;gap:18px;
  padding:18px 7vw;
  border-top:1px solid var(--line);
  background:#070705;color:#625a49;
  font-size:9px;font-weight:900;letter-spacing:.18em;
}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.in{opacity:1;transform:none}
@media(max-width:900px){
  .nav{left:10px;right:10px;top:10px;grid-template-columns:1fr auto}
  .nav nav{display:none}
  .hero{min-height:820px}
  .hero-bg{object-position:36% center}
  .hero-content{left:22px;right:22px;top:auto;bottom:100px;transform:none}
  .hero h1{font-size:64px}
  .about,.capital-section{grid-template-columns:1fr}
  .about{padding:78px 22px}
  .about-kicker{display:none}
  .capital-copy{padding:74px 22px}
  .capital-image{min-height:auto}
  .capital-image img{aspect-ratio:1/1}
  .statement,.contract{padding-left:22px;padding-right:22px}
  .links{grid-template-columns:1fr}
}
@media(max-width:560px){
  .brand{font-size:13px}
  .nav-buy{font-size:9px;padding:9px 12px}
  .actions .btn{flex:1 1 calc(50% - 5px);min-width:0}
  .stats{grid-template-columns:1fr}
  .line span,.line b{font-size:30px}
  .contract-row{grid-template-columns:1fr}
  .contract-row code{font-size:22px}
  .contract-row button{width:100%}
  .contract-head{flex-direction:column;align-items:flex-start}
}
