:root{
  --bg:#ffffff;
  --bg-soft:#F7F9FB;
  --head:#16293B;
  --body:#4B6072;
  --sub:#64768A;
  --muted:#8996A3;
  --accent:#B8862F;
  --accent-2:#9C7027;
  --accent-soft:rgba(184,134,47,0.08);
  --border:#E1E6EC;
  --shadow-card:0 4px 14px rgba(22,41,59,0.05);
  --shadow-card-hover:0 10px 24px rgba(22,41,59,0.09);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter', sans-serif;
  background:var(--bg);
  color:var(--body);
  line-height:1.65;
  font-size:15px;
}
h1,h2,h3{font-family:'Inter', sans-serif;font-weight:600;letter-spacing:-0.015em;color:var(--head);}
a{color:inherit;text-decoration:none;}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;
}
.eyebrow{
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--accent-2);
}

/* --- wordmark / logo (unified across every page) --- */
.wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--head);}
.wordmark-icon{flex-shrink:0;}
.tech-class{color:var(--accent);}

@media(prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
}