/*!
 * SoftCircles — shared top bar
 *
 * The home page's nav "Contact" is an outlined pill rather than the filled
 * yellow `.btn-contact` the older pages used. Its two rules live in
 * home-redesign.css, which most of the site does not load -- and must not
 * start loading just for this: that file also carries the 2026 section
 * spacing, which would add ~40px around every block on the legacy pages
 * (our-work.html alone grew 901px in a test).
 *
 * So the nav's own rules live here instead: one small file, nothing in it
 * that can reach past the top bar.
 */

.navbar-home .nav-link.sc-nav-contact {
  border: 1px solid rgba(28, 37, 43, 0.35);
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 16px;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.navbar-home .nav-link.sc-nav-contact:hover {
  border-color: #1c252b;
}