:root{
  --black:#0b0d0b;
  --ink:#121611;
  --cream:#efe4c8;
  --cream2:#d8c69d;
  --gold:#b98731;
  --gold2:#d1a14d;
  --forest:#1d2b1e;
  --muted:#a6a28f;
  --line:rgba(209,161,77,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--black);
  color:#f4eedf;
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.6;
}
a{color:inherit}
img{max-width:100%;display:block}
.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(12px);
  background:rgba(8,10,8,.88);
  border-bottom:1px solid var(--line);
}
.nav-wrap{
  width:min(1180px,92vw);margin:auto;min-height:76px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Arial,sans-serif;letter-spacing:.08em;font-size:.82rem}
.brand img{width:48px;height:48px;object-fit:contain;border-radius:50%}
.brand b{color:var(--gold2)}
.site-nav{display:flex;gap:28px}
.site-nav a{font-family:Arial,sans-serif;text-decoration:none;text-transform:uppercase;font-size:.74rem;letter-spacing:.12em;color:#ded7c8}
.site-nav a:hover{color:var(--gold2)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:#fff;padding:9px 12px}
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 72% 38%, rgba(185,135,49,.22), transparent 28%),
    linear-gradient(115deg,#090b09 15%,#132016 64%,#0b0d0b);
  border-bottom:1px solid var(--line);
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.18;
  background:
   repeating-linear-gradient(0deg, transparent 0 22px, rgba(255,255,255,.03) 23px),
   linear-gradient(90deg,transparent 0 49%,rgba(255,255,255,.02) 50%,transparent 51%);
}
.hero-inner{
  position:relative;width:min(1180px,92vw);margin:auto;
  min-height:760px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;
}
.eyebrow,.section-kicker{
  font-family:Arial,sans-serif;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold2);font-size:.76rem;
}
.hero h1{
  margin:.4rem 0 1rem;
  font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(3rem,7vw,6.4rem);
  line-height:.9;letter-spacing:.02em;
  max-width:800px;
}
.hero h1 span{display:block;color:var(--gold2)}
.lead{font-size:1.15rem;color:#d7d2c5;max-width:690px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 34px}
.btn{display:inline-block;padding:13px 18px;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.btn.primary{background:var(--gold);color:#0c0d0b}
.btn.secondary{border:1px solid var(--gold);color:var(--cream)}
.tagline{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.22em;font-size:.78rem}
.tagline i{color:var(--gold);font-style:normal}
.hero-mark{display:flex;justify-content:center}
.hero-mark img{width:min(490px,100%);filter:drop-shadow(0 22px 40px rgba(0,0,0,.55))}
.band{
  display:grid;grid-template-columns:repeat(3,1fr);
  width:min(1180px,92vw);margin:0 auto;
  border-left:1px solid var(--line);border-right:1px solid var(--line);
}
.band div{padding:22px 26px;border-right:1px solid var(--line)}
.band div:last-child{border-right:none}
.band strong,.band span{display:block}
.band strong{font-family:Arial,sans-serif;color:var(--gold2);font-size:.78rem;letter-spacing:.12em}
.band span{color:#a9a596;font-size:.92rem}
.section{width:min(1180px,92vw);margin:0 auto;padding:110px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}
h2{
  margin:.3rem 0 1.2rem;font-size:clamp(2.25rem,4vw,4.3rem);line-height:1.03;
  font-weight:500;
}
.body-copy,.product-copy{color:#c6c0b2;font-size:1.08rem}
.cards-section{border-top:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.card{
  min-height:300px;padding:30px;background:linear-gradient(145deg,#121712,#0d100d);
  border:1px solid var(--line);
}
.card .number{font-family:Arial,sans-serif;color:var(--gold);font-size:.75rem;letter-spacing:.12em}
.card h3{font-size:2rem;margin:52px 0 12px}
.card p{color:#aaa596}
.habitat{width:100%;padding:0;background:linear-gradient(110deg,#172418,#0d110d)}
.habitat-panel{width:min(1180px,92vw);margin:auto;padding:110px 0}
.habitat-panel p{max-width:760px;color:#c9c4b6;font-size:1.1rem}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.chips span{font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);padding:8px 12px;color:var(--cream2)}
.products{border-top:1px solid var(--line)}
.product-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.product-head h2 span{color:var(--gold2)}
.status{font-family:Arial,sans-serif;color:var(--gold2);font-weight:700;font-size:.76rem;letter-spacing:.14em}
.product-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:46px;border:1px solid var(--line)}
.product-specs div{background:#101410;padding:24px}
.product-specs span,.product-specs b,.product-specs small{display:block}
.product-specs span{font-family:Arial,sans-serif;color:var(--gold);font-size:.7rem}
.product-specs b{margin:30px 0 8px;font-size:1.05rem}
.product-specs small{color:#9f9b8d}
.development{padding-top:20px}
.development-box{
  border:1px solid var(--line);
  background:linear-gradient(120deg,rgba(185,135,49,.08),rgba(255,255,255,.015));
  padding:54px;
}
.development-box p{max-width:850px;color:#bbb6a9}
.quiet{font-size:.84rem;color:#858174!important}
.contact{display:grid;grid-template-columns:1fr .8fr;gap:90px;border-top:1px solid var(--line)}
.contact>div>p{max-width:650px;color:#b9b4a7}
.contact-card{border:1px solid var(--line);padding:24px;display:flex;align-items:center;gap:22px;background:#101410}
.contact-card img{width:100px;height:100px;object-fit:contain}
.contact-card strong,.contact-card span,.contact-card a{display:block}
.contact-card strong{font-family:Arial,sans-serif;letter-spacing:.08em;font-size:.78rem}
.contact-card span{color:#a8a394}
.contact-card a{color:var(--gold2);text-decoration:none}
footer{
  border-top:1px solid var(--line);padding:28px 4vw;
  display:flex;justify-content:space-between;gap:20px;
  font-family:Arial,sans-serif;color:#827e72;font-size:.72rem;letter-spacing:.08em
}
@media (max-width:850px){
  .menu-btn{display:block}
  .site-nav{
    display:none;position:absolute;left:0;right:0;top:76px;padding:20px 4vw;
    background:#0b0d0b;border-bottom:1px solid var(--line);flex-direction:column;gap:18px
  }
  .site-nav.open{display:flex}
  .brand span{display:none}
  .hero-inner{grid-template-columns:1fr;min-height:auto;padding:76px 0 60px}
  .hero-copy{order:2}.hero-mark{order:1}
  .hero-mark img{width:260px}
  .band,.cards,.product-specs{grid-template-columns:1fr}
  .band div{border-right:none;border-bottom:1px solid var(--line)}
  .split,.product-head,.contact{grid-template-columns:1fr;gap:32px}
  .section,.habitat-panel{padding:76px 0}
  .development{padding-top:10px}
  .development-box{padding:30px 24px}
  footer{flex-direction:column}
}
