:root{
  --brand:#2e7d32;
  --brand2:#1976d2;
}
.navbar .nav-link{font-weight:600;}
.navbar .nav-link.active{color:var(--brand) !important;}
.brand-mark{width:34px;height:34px;position:relative}
.brand-mark .dot{position:absolute;border-radius:50%}
.brand-mark .dot-1{width:16px;height:16px;left:0;top:10px;background:var(--brand)}
.brand-mark .dot-2{width:16px;height:16px;left:10px;top:0;background:var(--brand2)}
.brand-mark .dot-3{width:16px;height:16px;left:18px;top:12px;background:#f9a825}
.hero{
  background: linear-gradient(135deg, rgba(46,125,50,.08), rgba(25,118,210,.08));
}
.hero-card{
  border:0;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.section-title{letter-spacing:.2px}
.badge-soft{
  background: rgba(46,125,50,.12);
  color: var(--brand);
  border: 1px solid rgba(46,125,50,.18);
}
.card{border-radius:16px;}
.placeholder-grid .ph{
  border:1px dashed rgba(0,0,0,.2);
  border-radius:14px;
  padding:18px;
  background: #fff;
}
.staff-card img{border-radius:14px; object-fit:cover; width:100%; height:260px;}