/* Version F · Sage Gallery — pale sage walls, forest ink, olive accents; DM Serif Display; rounded white cards with soft shadows */
:root{
  --night:#eef0ea;--night-2:#e3e7dd;--panel:#ffffff;--navy:#1f3a2e;
  --gold:#6d7f4e;--gold-hi:#4b5c2e;--ivory:#17221c;--text:#3b463f;--muted:#6c776f;
  --line:rgba(23,34,28,.14);--line-soft:rgba(23,34,28,.08);
  --nav-bg:rgba(238,240,234,.92);
  --f-display:"DM Serif Display",Georgia,serif;
  --card-shadow:0 18px 50px -24px rgba(23,34,28,.35);
}
/* the bar is always solid: this version opens on a light gallery, not a photo */
.nav{background:var(--nav-bg);border-bottom-color:var(--line)}
.nav .nav-links a{color:var(--muted)}
.nav .nav-links a[aria-current="page"],.nav .nav-links a:hover{color:var(--ivory)}
.nav .logo img{content:url(logo-color.svg)}
.nav .btn,.nav .menu-btn{color:var(--ivory)}
.display,.hx-title{font-weight:400;letter-spacing:-.01em}
.display em,.hx-title em{color:var(--gold)}
.ho-f .hx-title{color:var(--ivory)}
.f-n{color:var(--gold)}
.eyebrow{color:var(--gold-hi)}
.eyebrow::before{width:20px;height:2px;border-radius:2px}
.fig,.f-card figure,.vcard,.vcard figure{border-radius:22px}
.btn{border-radius:14px;background:var(--navy);color:#f2f4ee;border-color:var(--navy)}
.btn::before{border-radius:14px;background:var(--gold)}
.btn:hover{color:#fff}
.btn.ghost{background:transparent;color:var(--ivory);border-color:var(--line)}
/* stats and companies as rounded white cards */
.stats{border-top:0;gap:18px}
.stat{background:var(--panel);border:0;border-radius:22px;padding:34px 28px;box-shadow:var(--card-shadow)}
.stat .num{color:var(--navy)}
.clist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;border-top:0}
.clist a{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30px;background:var(--panel);border:0;border-radius:22px;box-shadow:var(--card-shadow);min-height:210px;transition:transform .5s var(--ease)}
.clist a:hover{padding-left:30px;transform:translateY(-6px)}
.clist .n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--night-2);font-style:normal;font-size:17px;color:var(--gold-hi)}
.clist strong{font-size:clamp(24px,2vw,30px);flex:1}
.clist span{text-align:left}
.tiles{gap:18px;border-top:0}
.tile{background:var(--panel);border:0;border-radius:22px;padding:34px;box-shadow:var(--card-shadow)}
.vcard{background:var(--panel);border:0;box-shadow:var(--card-shadow);overflow:hidden}
.panel-feat,.imgband{border-radius:28px;margin:0 max(12px,1.4vw) 18px;overflow:hidden}
.marquee{border:0;background:var(--panel)}
footer.site{background:var(--night-2)}
.nav .btn,.nav.solid .btn,.nav .btn:hover{color:#f2f4ee}