/* ============================================================
   INI — PARENT THEME.  Corporate, quiet, modern.
   shadcn-style neutral system, warmed a half-degree so the
   parent still reads as family. One accent only: bronze.
   ============================================================ */
:root{
  --bg:#FFFFFF;
  --bg-subtle:#FAFAF9;
  --bg-inverse:#18181B;
  --fg:#18181B;
  --fg-muted:#71717A;
  --fg-subtle:#A1A1AA;
  --fg-inverse:#FAFAF9;
  --border:#E7E5E4;
  --border-strong:#D6D3D1;
  --accent:#A97A42;          /* bronze — the family thread */
  --accent-soft:#F5EFE6;
  --font:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{
  background:var(--bg); color:var(--fg);
  font-family:var(--font); font-weight:300;
  font-size:15.5px; line-height:1.65;
  letter-spacing:-.005em;
}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--font);font-weight:200;line-height:1.08;letter-spacing:-.035em}
h1{font-size:clamp(2.6rem,6vw,4.4rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}
h3{font-size:1.15rem;font-weight:400;letter-spacing:-.02em;line-height:1.3}
h4{font-size:.95rem;font-weight:500;letter-spacing:-.01em}
.eyebrow{
  font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fg-subtle);display:block;margin-bottom:var(--s4);
}
.eyebrow.accent{color:var(--accent)}
.lead{font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:300;color:var(--fg-muted);line-height:1.55;letter-spacing:-.015em}
.muted{color:var(--fg-muted)}
.small{font-size:.85rem}
.measure{max-width:62ch}

/* ---------- layout ---------- */
section{padding:var(--s9) 0}
section.tight{padding:var(--s8) 0}
section.bordered{border-top:1px solid var(--border)}
section.subtle{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s6)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s8);align-items:start}
.stack-lg > * + *{margin-top:var(--s5)}
.stack > * + *{margin-top:var(--s4)}

/* ---------- header ---------- */
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);
}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:60px}
.wordmark{font-size:1rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:var(--s6)}
.nav a{font-size:.83rem;font-weight:400;color:var(--fg-muted);transition:color var(--fast) var(--ease)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--fg)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:var(--s2);
  font-size:.84rem;font-weight:400;letter-spacing:-.005em;
  padding:9px 18px;border-radius:var(--r-md);
  transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease);
  white-space:nowrap;
}
.btn-primary{background:var(--fg);color:var(--fg-inverse)}
.btn-primary:hover{background:#3f3f46}
.btn-outline{border:1px solid var(--border-strong);color:var(--fg)}
.btn-outline:hover{background:var(--bg-subtle);border-color:var(--fg-subtle)}
.btn-ghost{color:var(--fg-muted);padding-left:0}
.btn-ghost:hover{color:var(--fg)}
.btn-row{display:flex;gap:var(--s3);flex-wrap:wrap}

/* ---------- card / badge / stat ---------- */
.card{
  border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);
  padding:var(--s6);transition:border-color var(--med) var(--ease),transform var(--med) var(--ease);
}
a.card:hover{border-color:var(--fg-subtle);transform:translateY(-2px)}
.card.flat{background:var(--bg-subtle)}
.card.muted-card{background:var(--bg-subtle);border-style:dashed}
.badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);color:var(--fg-muted);
}
.badge.live{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.dot{width:5px;height:5px;border-radius:50%;background:currentColor}
.stat .n{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:200;letter-spacing:-.04em;line-height:1}
.stat .l{font-size:.74rem;color:var(--fg-subtle);letter-spacing:.06em;margin-top:var(--s2)}
.sep{height:1px;background:var(--border);border:0;margin:var(--s7) 0}
.kv{display:flex;justify-content:space-between;gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--border);font-size:.9rem}
.kv:last-child{border-bottom:none}
.kv dt{color:var(--fg-muted)}
.kv dd{margin:0;text-align:right}

/* ---------- hero ---------- */
.hero{padding:var(--s10) 0 var(--s9)}
.hero h1{margin-bottom:var(--s5)}
.hero .lead{max-width:56ch}
.hero .btn-row{margin-top:var(--s7)}

/* ---------- numbered list (philosophy) ---------- */
.numbered{counter-reset:n}
.numbered li{counter-increment:n;padding:var(--s6) 0;border-top:1px solid var(--border);display:grid;grid-template-columns:60px 1fr;gap:var(--s5)}
.numbered li::before{content:"0" counter(n);font-size:.78rem;color:var(--fg-subtle);letter-spacing:.1em;padding-top:4px}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--border);padding:var(--s8) 0 var(--s6);background:var(--bg-subtle)}
.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s6)}
.site-footer h4{margin-bottom:var(--s4);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);font-weight:500}
.site-footer li{margin-bottom:var(--s3);font-size:.87rem;color:var(--fg-muted)}
.site-footer a:hover{color:var(--fg)}
.site-footer .base{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--s4);font-size:.76rem;color:var(--fg-subtle);flex-wrap:wrap}

@media (max-width:880px){
  .grid-3,.grid-4,.grid-2,.split,.site-footer .cols{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  section{padding:var(--s8) 0}
  .hero{padding:var(--s8) 0 var(--s7)}
  .nav{gap:var(--s4)}
  .nav a{font-size:.78rem}
}

/* ---------- house bar (parent/child navigation, sitewide) ---------- */
.house-bar{background:var(--bg-inverse);color:rgba(250,250,249,.5);font-family:var(--font);font-size:.66rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.house-bar .row{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:34px;flex-wrap:wrap}
.house-bar a{color:rgba(250,250,249,.62);transition:color var(--fast) var(--ease)}
.house-bar a:hover{color:#fff}
.house-bar .here{color:#fff;font-weight:500}
.house-bar .crumbs,.house-bar .sw{display:flex;align-items:center;gap:var(--s4)}
.house-bar .sl{opacity:.38}
.house-bar .soon{opacity:.3}
@media (max-width:640px){.house-bar .sw .soon{display:none}}