:root{
  --black:#070707;
  --panel:#111;
  --cream:#e6dcc8;
  --muted:#a89f90;
  --red:#b51616;
  --gold:#a77931;
  --line:#2a2926;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--black);
  color:var(--cream);
  font-family:"Oswald",Arial,sans-serif;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 20% 20%,rgba(181,22,22,.07),transparent 35%),radial-gradient(circle at 80% 70%,rgba(167,121,49,.06),transparent 30%);
  z-index:-1;
}
.noise{
  position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 5vw;
  background:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.15));
  backdrop-filter:blur(8px);
}
.brand,.footer-brand{
  font-family:"Anton",sans-serif;
  font-size:1.55rem;
  letter-spacing:1.5px;
}
.brand-mark,.footer-brand span{color:var(--red)}
.nav{display:flex;gap:28px;font-size:.92rem;text-transform:uppercase;letter-spacing:1px}
.nav a{opacity:.8}
.nav a:hover{opacity:1;color:#fff}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 24px;
  background:var(--red);border:1px solid var(--red);
  color:white;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  box-shadow:6px 6px 0 #2d0909;
  transition:.2s ease;
}
.button:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #2d0909}
.button-outline{background:rgba(0,0,0,.55);border-color:#6c6254;box-shadow:none}
.button-outline:hover{border-color:var(--cream);box-shadow:none}
.button-small{min-height:42px;padding:0 18px;font-size:.82rem}
.hero{
  min-height:100svh;
  display:flex;align-items:center;
  position:relative;
  background-image:url("assets/movement.jpeg");
  background-size:cover;
  background-position:center 28%;
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 45%,rgba(0,0,0,.25) 100%),linear-gradient(0deg,#070707 0%,transparent 28%);
}
.hero-content{position:relative;z-index:2;max-width:760px;padding:140px 7vw 90px}
.eyebrow{color:#d49b3d;letter-spacing:3px;font-weight:700;font-size:.82rem;margin:0 0 18px}
h1,h2,h3{font-family:"Anton",sans-serif;margin:0;line-height:.93;letter-spacing:.5px}
h1{font-size:clamp(4.2rem,10vw,9rem)}
h1 span,h2 span{color:var(--red)}
.hero-copy{max-width:650px;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.5;color:#d2c7b7}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}
.contract-card{
  margin-top:26px;max-width:610px;padding:13px 15px;
  border:1px solid #4a4339;background:rgba(0,0,0,.6)
}
.contract-card>span{display:block;font-size:.72rem;letter-spacing:2px;color:var(--muted);margin-bottom:8px}
.contract-card button{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:var(--cream);background:none;border:0;padding:0;cursor:pointer
}
.contract-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contract-card strong{color:var(--red);font-family:"Oswald"}
.scroll-cue{position:absolute;bottom:28px;left:50%;z-index:3;font-size:2rem;animation:bounce 1.5s infinite}
@keyframes bounce{50%{transform:translateY(7px)}}
.section{padding:110px 7vw}
.section-heading{max-width:950px;margin-bottom:55px}
.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
h2{font-size:clamp(3rem,7vw,6.8rem)}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.story-copy{font-size:1.3rem;line-height:1.65;color:#cec3b3}
.statement{font-family:"Anton";font-size:clamp(2rem,4vw,4rem);line-height:1;margin-top:35px;color:white}
.statement span{color:var(--red)}
.feature-image{margin:0;position:relative}
.feature-image::before{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid #493f34;z-index:-1}
.feature-image img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:contrast(1.06) saturate(.9)}
.values{background:#0c0c0c;border-block:1px solid var(--line)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value-card{background:#121212;border:1px solid #2b2925;padding:34px;min-height:300px}
.value-number{color:var(--red);font-family:"Anton";font-size:2.5rem}
.value-card h3{font-size:2rem;margin:35px 0 18px}
.value-card p{color:var(--muted);font-size:1.1rem;line-height:1.6}
.banner{overflow:hidden;border-block:1px solid #352f28;background:var(--red);transform:rotate(-1deg);margin-block:20px}
.banner-strip{white-space:nowrap;padding:16px 0;font-family:"Anton";font-size:1.65rem;letter-spacing:2px;animation:marquee 18s linear infinite}
.banner-strip span,.banner-strip b{margin-right:34px}
@keyframes marquee{to{transform:translateX(-50%)}}
.roadmap-list{border-top:1px solid var(--line)}
.roadmap-item{
  display:grid;grid-template-columns:180px 1fr;gap:40px;padding:38px 0;
  border-bottom:1px solid var(--line)
}
.phase{color:#d49b3d;font-weight:700;letter-spacing:2px}
.roadmap-item h3{font-size:2.3rem;margin-bottom:10px}
.roadmap-item p{color:var(--muted);font-size:1.12rem;margin:0;line-height:1.55}
.gallery{background:#0b0b0b}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gallery-grid img{width:100%;height:580px;object-fit:cover;border:1px solid #2f2b25;filter:saturate(.92) contrast(1.04)}
.gallery-grid .wide{grid-column:1/-1;height:min(70vw,760px);object-position:center 42%}
.join{padding-top:70px}
.join-panel{
  min-height:620px;padding:80px 7vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.42)),url("assets/rent-due.jpeg") center/cover;
  border:1px solid #352f28
}
.join-panel h2{font-size:clamp(4rem,9vw,8rem)}
.join-panel>p:not(.eyebrow):not(.disclaimer){font-size:1.5rem;color:#d1c5b4}
.disclaimer{max-width:760px;color:#8f887d;font-size:.82rem;line-height:1.45;margin-top:35px}
footer{text-align:center;padding:55px 20px;border-top:1px solid var(--line)}
.footer-brand{font-size:3rem}
footer>p{letter-spacing:2px;color:#b8ad9d}
.copyright{font-size:.78rem;color:#69635b}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){
  .nav{display:none}
  .story-grid,.value-grid{grid-template-columns:1fr}
  .story-grid{gap:35px}
  .roadmap-item{grid-template-columns:1fr;gap:14px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid .wide{grid-column:auto;height:520px}
  .gallery-grid img{height:auto;max-height:650px}
}
@media (max-width:600px){
  .site-header{padding:14px 18px}
  .button-small{display:none}
  .hero{background-position:62% center}
  .hero-content{padding:120px 20px 70px}
  h1{font-size:clamp(3.8rem,20vw,6rem)}
  .section{padding:80px 20px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .button{width:100%}
  .contract-card code{max-width:220px}
  .value-card{min-height:0}
  .gallery-grid .wide{height:auto}
  .join-panel{padding:60px 22px;background-position:42% center}
}