:root {
  --brown: #9c5a2a;
  --brown-light: #f5ede4;
  --brown-border: #d4a882;
}

.brown-sub { color: var(--brown) !important; }

.tag-brown { background: #f5ede4; color: #7c4a1e; }

.brown-banner {
  background: var(--white);
  border: 1px solid var(--brown-border);
  border-left: 4px solid var(--brown);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1.6rem 2rem;
  animation: fadeUp 0.7s 0.2s ease both;
}

.brown-banner .project-banner-title { color: var(--black); }
.brown-banner .project-banner-role { color: #555; }

.brown-heading::before {
  background: var(--brown) !important;
}

.detail-list li {
  border-left-color: var(--brown) !important;
}

.detail-list li strong { color: var(--black); }