.site-header.br-site-header {
  z-index: 50;
  height: 84px;
  flex-shrink: 0;
  width: 100%;
  color: #fbfaf6;
  background: rgba(20, 38, 51, .98);
  border-bottom: 3px solid #dcae43;
  box-shadow: 0 10px 30px rgba(11, 27, 38, .16);
  backdrop-filter: blur(16px);
}
.br-header-sticky {
  position: sticky;
  top: 0;
}
.br-site-header .nav-shell {
  width: min(1180px, calc(100% - 40px));
  min-height: 81px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.br-site-header .brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.br-site-header .brand-lockup { display: inline-grid; }
.br-site-header .brand-name {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: normal;
  white-space: nowrap;
}
.br-site-header .brand-built { color: #fbfaf6; }
.br-site-header .brand-rural { color: #dcae43; }
.br-site-header .brand-tm {
  margin-left: 1px;
  position: relative;
  top: 8px;
  color: #fbfaf6;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  letter-spacing: 0;
  vertical-align: top;
}
.br-site-header .brand-tag {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 13px);
  min-width: 0;
  text-align: center;
  margin-top: -3px;
  color: #f0cf78;
  font: 800 .71rem Inter, sans-serif;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}
.br-site-header .brand-tag > span { flex: 0 0 auto; }
.br-site-header .nav-links {
  display: flex;
  align-items: center;
  gap: 24px;
}
.br-site-header .nav-links a {
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  color: rgba(255, 255, 255, .78);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: .82rem;
  font-weight: 760;
  text-decoration: none;
}
.br-site-header .nav-links a:hover,
.br-site-header .nav-links a:focus-visible,
.br-site-header .nav-links a[aria-current="page"] {
  color: #fff;
  border-color: #dcae43;
  outline: none;
}
.br-site-header .nav-links .nav-cta {
  padding: 10px 16px;
  color: #142633;
  background: #dcae43;
  border: 1px solid #dcae43;
  border-radius: 999px;
  box-shadow: 0 8px 22px rgba(220, 174, 67, .2);
}
.br-site-header .nav-links .nav-cta:hover,
.br-site-header .nav-links .nav-cta:focus-visible {
  color: #142633;
  background: #f0cf78;
  border-color: #f0cf78;
}
.br-site-header .menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(240, 207, 120, .52);
  color: #f0cf78;
  background: rgba(255, 255, 255, .04);
  border-radius: 10px;
  cursor: pointer;
}
.br-site-header .menu-toggle:hover,
.br-site-header .menu-toggle:focus-visible {
  color: #142633;
  background: #dcae43;
  border-color: #dcae43;
  outline: none;
}
/* Floating About section navigation; only the content column moves. */
.br-about-subnav {
  position: fixed; z-index: 45; top: 116px; left: 24px; width: 208px;
  max-height: calc(100dvh - 148px - var(--radio-height, 90px)); overflow-y: auto;
  padding: 12px; color: #142633; background: rgba(251,250,246,.98);
  border: 1px solid #dfded6; border-radius: 18px;
  box-shadow: 0 14px 40px #14263320; backdrop-filter: blur(14px);
}
.br-section-toggle {
  display: block; width: 100%; padding: 8px 12px 14px; border: 0;
  background: transparent; color: #68747b; text-align: left;
  font: 800 .65rem Inter,system-ui,sans-serif; letter-spacing: .13em; text-transform: uppercase;
  pointer-events: none;
}
.br-section-toggle span { display: none; }
.br-subnav-wrap { display: flex; flex-direction: column; gap: 5px; }
.br-about-subnav a {
  display: block; padding: 13px 12px; border: 1px solid transparent; border-radius: 10px;
  color: #44545e; font: 750 .79rem/1.4 Inter,system-ui,sans-serif; text-decoration: none;
  transition: background .18s, color .18s, box-shadow .18s;
}
.br-about-subnav a:hover { color: #142633; background: #f1ead9; }
.br-about-subnav a:focus-visible { outline: 2px solid #8b620d; outline-offset: 2px; }
.br-about-subnav a[aria-current="location"] {
  color: #142633; background: #f0cf78; border-color: #dcae43;
  box-shadow: inset 3px 0 #8b620d, 0 3px 9px #1426330b;
}

html.br-has-about-subnav { scroll-padding-top: 108px; }
.br-has-about-subnav main { margin-top: 108px; margin-left: 256px; margin-right: 24px; }
.br-has-about-subnav .br-footer-copyright { margin-left: 256px; }
/* The section sidebar is desktop-only, with no compact replacement. */
@media (max-width: 1100px) {
  .br-about-subnav { display: none; }
  .br-has-about-subnav main { margin: 108px 0 0; }
  .br-has-about-subnav .br-footer-copyright { margin-left: 0; }
  html.br-has-about-subnav { scroll-padding-top: 108px; }
}
@media (prefers-reduced-motion: reduce) { .br-about-subnav a { transition: none; } }

@media (max-width: 880px) {
  .br-site-header .nav-shell {
    width: min(100% - 28px, 1180px);
  }
  .br-site-header .menu-toggle { display: grid; }
  .br-site-header .nav-links {
    position: fixed;
    top: 84px;
    right: 0;
    left: 0;
    padding: 24px 20px 30px;
    display: none;
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    color: #fbfaf6;
    background: #142633;
    border-top: 1px solid rgba(240, 207, 120, .22);
    box-shadow: 0 18px 30px rgba(11, 27, 38, .32);
  }
  .br-site-header .nav-links.open { display: flex; }
  .br-site-header .nav-links a {
    width: 100%;
    padding: 11px 0;
    color: rgba(255, 255, 255, .84);
  }
  .br-site-header .nav-links .nav-cta {
    width: 100%;
    padding: 12px 16px;
    text-align: center;
  }
}

.br-about-subnav a.br-back-to-top {
  margin-top: 2px;
  padding: 6px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #68747b;
  font-size: .7rem;
  font-weight: 600;
  text-align: center;
}
.br-about-subnav a.br-back-to-top:hover {
  color: #142633;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Shared sign-in and member identity control. */
.br-site-header .nav-links{margin-left:auto}
.br-site-header .br-account-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:42px;padding:9px 18px;border:1px solid #dcae43;border-radius:999px;color:#f0cf78;text-decoration:none;font:750 .85rem/1.2 Inter,system-ui,sans-serif;background:#ffffff05;transition:background .15s,border-color .15s}
.br-site-header .br-account-link:hover{background:#dcae431a;border-color:#f0cf78}
.br-site-header .br-account-link:focus-visible{outline:3px solid #f0cf78;outline-offset:4px}
.br-site-header .br-account-link.is-member{position:relative;gap:12px;padding:6px 10px;margin-left:12px;color:#fff;background:transparent;border-color:transparent;border-radius:10px;text-align:left}
.br-site-header .br-account-link.is-member::before{content:'';position:absolute;left:-13px;top:12px;bottom:12px;width:1px;background:#ffffff30}
.br-site-header .br-account-link.is-member:hover{background:#ffffff0d;border-color:transparent}
.br-account-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.br-account-caption{color:#dcae43;font-size:.7rem;font-weight:600;line-height:1.2}
.br-site-header .is-member .br-account-avatar{width:40px;height:40px;box-shadow:0 0 0 2px #dcae43}
.br-account-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;overflow:hidden;background:#dcae43;color:#142633;font-weight:800}
.br-account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.br-account-avatar img[hidden]{display:none}
.br-account-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:880px){.br-site-header .nav-shell{gap:12px}.br-site-header .menu-toggle{margin-left:auto;order:3}.br-site-header .br-account-link{order:2}.br-site-header .nav-links{margin-left:0}.br-account-copy{display:none}.br-site-header .br-account-link.is-member{padding:6px;margin-left:0}.br-site-header .br-account-link.is-member::before{display:none}}
@media(max-width:420px){.br-site-header .brand-name{font-size:1.8rem}.br-site-header .brand-tag{font-size:.53rem}.br-site-header .br-account-link{padding:8px 12px}.br-site-header .nav-shell{gap:8px}}