/* Version B · Desert Copper — dark date-brown, copper and sand; Playfair Display; boxed grids, filled copper buttons */
:root{
  --night:#140e0a;--night-2:#1d1510;--panel:#2a1e16;--navy:#3a2a1f;
  --gold:#c8794a;--gold-hi:#e8a77a;--ivory:#f5e8d8;--text:#d8c7b4;--muted:#a48d78;
  --line:rgba(232,167,122,.24);--line-soft:rgba(245,232,216,.1);
  --f-display:"Playfair Display",Georgia,serif;
}
.display,.hx-title{font-weight:500;letter-spacing:-.015em}
.eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.intro-c .eyebrow::after{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.nav.solid{background:rgba(20,14,10,.88)}
.btn{background:var(--gold);color:#140e0a;border-color:var(--gold)}
.btn::before{background:var(--gold-hi)}
.btn:hover{color:#140e0a}
.btn.ghost{background:transparent;color:var(--ivory);border-color:var(--line)}
.nav .btn{background:transparent;color:var(--ivory)}
/* stats in copper-edged boxes */
.stats{border-top:0;gap:16px}
.stat{background:var(--panel);border:0;border-top:3px solid var(--gold);padding:40px 28px 30px}
/* companies: a grid of numbered tiles */
.clist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;border-top:0}
.clist a{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:240px;padding:32px;background:var(--night-2);border:1px solid var(--line-soft);transition:background .4s,border-color .4s}
.clist a:hover{padding-left:32px;background:var(--panel);border-color:var(--gold)}
.clist .n{font-style:normal;font-size:44px;line-height:1;color:var(--gold)}
.clist strong{font-size:clamp(24px,2vw,30px);flex:1}
.clist span{text-align:left}
.fig{border:1px solid var(--line)}
.tiles{gap:16px;border-top:0}
.tile{background:var(--night-2);padding:36px;border:1px solid var(--line-soft)}
.marquee span{font-style:italic}
footer.site{background:#0e0a07}