/* Design tokens — mirrored 1:1 from the nurion.org landing (:root in index.html).
   Change a value here and the whole Projects section follows. */
:root{
  --bg:#fbfbfb;
  --ink:#0a0a0a;
  --dark:#121212;
  --muted:#939393;      /* landing: --muted-d */
  --red:#e10000;
  --blue:#1656c9;       /* state-participation pill */
  --line:#e4e4e4;
  --radius:0;           /* sharp corners everywhere, like the landing */
  --font:'Jost',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --ls-label:.06em;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img,svg,video{max-width:100%;display:block}
[hidden]{display:none!important} /* the hidden attribute must beat img{display:block} */
a{color:inherit;text-decoration:none}

h1,h2,h3{font-weight:800;text-transform:uppercase;letter-spacing:-.5px;line-height:1.04}

.label,.k{
  text-transform:uppercase;
  letter-spacing:var(--ls-label);
  font-size:12px;
  font-weight:600;
  color:var(--muted);
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font);
  font-weight:600;letter-spacing:.02em;line-height:1;
  border-radius:var(--radius);border:0;cursor:pointer;
  padding:12px 20px;font-size:14px;white-space:nowrap;
  transition:background .2s,color .2s,border-color .2s;
}
.btn--dark{background:#000;color:#fff}
.btn--dark:hover{background:var(--red)}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:#000}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--sm{padding:8px 14px;font-size:13px}

.badge{
  display:inline-flex;align-items:center;
  background:var(--red);color:#fff;
  text-transform:uppercase;font-weight:600;letter-spacing:.02em;
  font-size:12px;line-height:1;padding:6px 10px;border-radius:var(--radius);
}
.badge--sector{background:#000}
.badge--risk{background:var(--red)}
.badge--gov{background:var(--blue)}