:root{
  --bg:#0d0d0f;
  --panel:#111114;
  --text:#e4e4e4;
  --muted:#8a8a8f;
  --red:#8e292b;
  --red2:#a13a3c;
  --line:rgba(255,255,255,.09);
}
*{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 .55px,transparent .55px);
  background-size:7px 7px;
}
.topbar{
  position:fixed;z-index:60;top:18px;left:24px;right:24px;
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:22px;
  padding:11px 14px 11px 18px;
  background:rgba(10,10,12,.62);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}
.brand{
  font-size:17px;font-weight:600;letter-spacing:.28em;
}
.brand span{color:var(--red2)}
.topbar nav{
  display:flex;gap:26px;
  font-size:10px;font-weight:700;letter-spacing:.18em;
}
.topbar nav a{color:#a9a9ad}
.topbar nav a:hover{color:#fff}
.top-buy{
  justify-self:end;
  padding:10px 18px;
  border:1px solid #654043;
  color:#d0b3b5;
  font-size:10px;font-weight:800;letter-spacing:.16em;
}
.hero{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  background:#0b0b0d;
}
.hero-photo{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.72) brightness(.84);
  transform:scale(1.01);
  animation:slow-drift 11s ease-in-out infinite alternate;
}
@keyframes slow-drift{
  from{transform:scale(1.01) translateX(0)}
  to{transform:scale(1.025) translateX(-5px)}
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(9,9,11,.94) 0%,rgba(9,9,11,.73) 35%,rgba(9,9,11,.22) 64%,rgba(9,9,11,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06) 45%,rgba(0,0,0,.44) 100%);
}
.hero-copy{
  position:absolute;z-index:3;
  left:7vw;top:50%;transform:translateY(-50%);
  max-width:720px;
}
.eyebrow{
  margin:0 0 18px;
  color:#929296;
  font-size:11px;font-weight:700;letter-spacing:.24em;
}
.hero h1{
  margin:0;
  font-size:clamp(74px,10.5vw,164px);
  line-height:.82;letter-spacing:.08em;
  font-weight:300;
  color:#d9d9db;
}
.hero h1 span{color:var(--red2)}
.lead{
  margin:25px 0 0;
  color:#9a9a9f;
  font-size:17px;letter-spacing:.04em;
}
.actions{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-top:30px;
}
.button{
  min-width:108px;
  padding:14px 18px;
  border:1px solid #3b3b40;
  background:rgba(13,13,15,.72);
  color:#c9c9cc;
  text-align:center;
  font-size:10px;font-weight:800;letter-spacing:.13em;
  transition:.18s ease;
}
.button:hover{
  border-color:#745052;
  color:#fff;
  transform:translateY(-2px);
}
.button.primary{
  background:#8b2e30;
  border-color:#8b2e30;
  color:#f2dfdf;
}
.button.square{min-width:52px}
.is-disabled{opacity:.38;cursor:default}
.scroll-note{
  position:absolute;left:7vw;bottom:28px;z-index:4;
  color:#5e5e63;
  font-size:9px;font-weight:800;letter-spacing:.22em;
}
.manifesto{
  display:grid;
  grid-template-columns:.25fr .9fr 1.15fr;
  gap:42px;
  padding:110px 7vw;
  background:#101012;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section-no{
  color:#2f2f33;
  font-size:72px;font-weight:700;line-height:.8;
}
.label{
  display:block;margin-bottom:16px;
  color:var(--red2);
  font-size:10px;font-weight:800;letter-spacing:.2em;
}
.manifesto h2{
  margin:0;
  font-size:clamp(42px,6vw,88px);
  line-height:.83;letter-spacing:-.04em;
  font-weight:600;
}
.manifesto-copy{
  align-self:center;
  max-width:620px;
  color:#939398;
  font-size:18px;line-height:1.7;
}
.manifesto-copy p{margin:0 0 16px}
.ticker{
  display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
  padding:18px 7vw;
  border-bottom:1px solid var(--line);
  background:#0c0c0e;
  color:#66666b;
  font-size:9px;font-weight:800;letter-spacing:.2em;
}
.ticker span:first-child{color:#9a4547}
.contract{
  padding:90px 7vw 70px;
  background:#0b0b0d;
}
.contract-top{
  display:flex;justify-content:space-between;gap:20px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  color:#68686d;
  font-size:9px;font-weight:800;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);
  font-weight:400;letter-spacing:-.03em;
  color:#d2d2d5;
  white-space:nowrap;overflow:auto;
}
.contract-row button{
  border:1px solid #53383a;
  background:#1b1213;
  color:#b77c7f;
  padding:13px 20px;
  cursor:pointer;
  font-weight:800;font-size:10px;letter-spacing:.14em;
}
.final-links{
  margin-top:26px;
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.final-links a{
  padding:15px 18px;
  border:1px solid #2c2c31;
  text-align:center;
  color:#848489;
  font-size:10px;font-weight:800;letter-spacing:.13em;
}
.final-links a:hover{color:#fff;border-color:#5b3a3c}
footer{
  display:flex;justify-content:space-between;gap:18px;
  padding:18px 7vw;
  border-top:1px solid var(--line);
  background:#09090b;
  color:#56565b;
  font-size:9px;font-weight:800;letter-spacing:.2em;
}
@media(max-width:900px){
  .topbar{left:10px;right:10px;top:10px;grid-template-columns:1fr auto}
  .topbar nav{display:none}
  .hero{min-height:780px}
  .hero-photo{object-position:62% center}
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(9,9,11,.52),rgba(9,9,11,.74)),
      linear-gradient(90deg,rgba(9,9,11,.82),rgba(9,9,11,.22));
  }
  .hero-copy{left:22px;right:22px;top:auto;bottom:110px;transform:none}
  .hero h1{font-size:64px}
  .manifesto{grid-template-columns:1fr;padding:76px 22px}
  .section-no{display:none}
  .contract{padding:72px 22px}
  .final-links{grid-template-columns:1fr}
}
@media(max-width:560px){
  .brand{font-size:13px}
  .top-buy{font-size:9px;padding:9px 12px}
  .actions .button{flex:1 1 calc(50% - 5px);min-width:0}
  .contract-row{grid-template-columns:1fr}
  .contract-row code{font-size:23px}
  .contract-row button{width:100%}
  .contract-top{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-photo{animation:none}
}