.bh {
  --bh-ink:#181818;
  --bh-muted:#595959;
  --bh-green:#0d5630;
  --bh-green-deep:#0a4526;
  --bh-gold:#d4af37;
  --bh-bronze:#b8860b;
  --bh-cream:#e6dfd4;
  --bh-line:#d8d1c5;
  --bh-tint:#eef2ec;
  --bh-display:"Fjalla One","Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  --bh-body:"Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  position:sticky;
  top:0;
  z-index:60;
  background:#ffffff;
  border-bottom:1px solid var(--bh-line);
  font-family:var(--bh-body);
  color:var(--bh-ink);
}
.bh *,
.bh *::before,
.bh *::after{box-sizing:border-box}
.bh a{color:inherit;text-decoration:none}
.bh__inner{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:68px;
}
.bh__brand{display:inline-flex;align-items:center}
.bh__logo{height:34px;width:auto;display:block}
.bh__nav{display:flex;align-items:center;gap:4px 22px}
.bh__item{position:relative}
.bh__trigger{display:inline-flex;align-items:center;gap:2px}
.bh__link,
.bh__label{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  font-family:var(--bh-display);
  font-size:14px;
  letter-spacing:.01em;
  line-height:var(--lh-tight);
  color:var(--bh-ink);
  position:relative;
}
.bh__link{cursor:pointer}
.bh__link::after,
.bh__link--solo::after{
  content:"";
  position:absolute;
  left:0;
  bottom:8px;
  width:100%;
  height:2px;
  background:var(--bh-gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 160ms ease;
}
.bh__link:hover,
.bh__link--solo:hover,
.bh__item:hover .bh__link,
.bh__item.is-open .bh__link{color:var(--bh-green)}
.bh__link:hover::after,
.bh__link--solo:hover::after,
.bh__item:hover .bh__link::after,
.bh__item.is-open .bh__link::after{transform:scaleX(1)}
.bh__toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  min-height:40px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--bh-green);
  font:inherit;
  font-size:14px;
  cursor:pointer;
}
.bh__toggle span{display:inline-block;transition:transform 160ms ease}
.bh__item.is-open .bh__toggle span{transform:rotate(180deg)}
.bh .bh__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-left:6px;
  padding:0 20px;
  background:var(--bh-green);
  color:#ffffff;
  font-family:var(--bh-body);
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:var(--lh-tight);
  border:1.5px solid var(--bh-green);
  transition:background 160ms ease,border-color 160ms ease;
}
.bh .bh__cta:hover{background:var(--bh-green-deep);border-color:var(--bh-bronze)}
.bh__menu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  width:min(var(--bh-menu-width,900px),calc(100vw - 32px));
  max-width:calc(100vw - 32px);
  padding:clamp(24px,2.8vw,36px);
  background:#ffffff;
  border:1px solid var(--bh-line);
  box-shadow:0 22px 48px rgba(13,39,27,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity 150ms ease,transform 150ms ease,visibility 150ms ease;
}
.bh__menu--solutions{--bh-cols:3;--bh-menu-width:980px}
.bh__menu--standard{--bh-cols:2;--bh-menu-width:660px}
.bh__item:hover .bh__menu,
.bh__item:focus-within .bh__menu,
.bh__item.is-open .bh__menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.bh__menu-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding-bottom:16px;
  margin-bottom:clamp(20px,2.4vw,30px);
  border-bottom:1px solid var(--bh-cream);
}
.bh .bh__menu-overview{
  flex:0 0 auto;
  font-family:var(--bh-display);
  font-size:14px;
  letter-spacing:0;
  line-height:var(--lh-tight);
  color:var(--bh-green);
  border-bottom:2px solid var(--bh-gold);
  padding-bottom:3px;
}
.bh .bh__menu-overview:hover{color:var(--bh-green)}
.bh__menu-intro p{
  margin:0;
  max-width:46ch;
  color:var(--bh-muted);
  font-size:14px;
  line-height:var(--lh-tight);
}
.bh__menu-groups{
  display:grid;
  grid-template-columns:repeat(var(--bh-cols,3),minmax(0,1fr));
  gap:clamp(20px,2.6vw,36px);
}
.bh__menu-groups--flat{grid-template-columns:300px}
.bh__menu-group{
  display:grid;
  align-content:start;
  gap:0;
  min-width:0;
}
.bh__menu-group h3{
  margin:0 0 6px;
  padding-bottom:10px;
  border-bottom:1px solid var(--bh-cream);
  font-family:ui-monospace,Menlo,monospace;
  font-size:14px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  line-height:var(--lh-tight);
  color:var(--bh-green);
}
.bh__menu a{
  position:relative;
  display:grid;
  min-width:0;
  line-height:var(--lh-tight);
}
.bh__menu a span{
  font-family:var(--bh-body);
  font-size:14px;
  font-weight:700;
  color:var(--bh-green);
  line-height:var(--lh-tight);
}
.bh__menu a small{
  display:block;
  margin-top:2px;
  font-family:var(--bh-body);
  font-size:14px;
  font-weight:400;
  color:var(--bh-muted);
  line-height:var(--lh-tight);
}
.bh__menu-group:not(:last-child) a{
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:0 14px;
  align-items:center;
  padding:12px;
  margin:0 -12px;
  border-bottom:1px solid var(--bh-cream);
  transition:background-color .18s cubic-bezier(.22,1,.36,1),padding-left .18s cubic-bezier(.22,1,.36,1);
}
.bh__menu-group:not(:last-child) a:hover{
  background:#fffdf7;
  padding-left:18px;
}
.bh__menu-group:not(:last-child) a::after{
  content:"\2192";
  grid-column:3;
  grid-row:1 / span 2;
  font-family:ui-monospace,Menlo,monospace;
  font-size:14px;
  line-height:var(--lh-tight);
  color:var(--bh-green);
}
.bh__menu-icon{
  grid-column:1;
  grid-row:1 / span 2;
  display:block;
  width:22px;
  height:22px;
  color:var(--bh-bronze);
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bh__menu-group:not(:last-child) a span,
.bh__menu-group:not(:last-child) a small{grid-column:2}
.bh__menu-group:last-child{
  background:#fbf3de;
  border-top:2px solid var(--bh-gold);
  padding:clamp(18px,2vw,24px);
  margin:-8px 0;
}
.bh__menu-group:last-child h3{border-bottom:1px solid rgba(184,134,11,.35)}
.bh__menu-group:last-child a{
  grid-template-columns:auto minmax(0,1fr);
  gap:0 10px;
  align-items:start;
  padding:11px 12px;
  margin:0 -12px;
  transition:background-color .18s cubic-bezier(.22,1,.36,1);
}
.bh__menu-group:last-child a:hover{background:rgba(212,175,55,.16)}
.bh__menu-group:last-child a::before{
  content:"";
  width:5px;
  height:5px;
  margin-top:8px;
  background:var(--bh-bronze);
  grid-column:1;
  grid-row:1 / span 2;
}
.bh__menu-group:last-child a span,
.bh__menu-group:last-child a small{grid-column:2}
.bh__menu-group:last-child a small{color:#57473a}
.bh__menu-btn{
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:44px;
  height:42px;
  padding:0;
  background:#ffffff;
  border:1px solid var(--bh-line);
  cursor:pointer;
}
.bh__menu-btn span{display:block;width:20px;height:2px;background:var(--bh-green)}
.bh a:focus-visible,
.bh button:focus-visible{
  outline:2px solid var(--bh-bronze);
  outline-offset:3px;
}
@media (max-width:960px){
  .bh__inner{min-height:60px;flex-wrap:wrap}
  .bh__menu-btn{display:inline-flex}
  .bh__nav{
    display:none;
    order:3;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:6px 0 16px;
  }
  .bh__nav.is-open{display:flex}
  .bh__item{width:100%;border-top:1px solid var(--bh-line)}
  .bh__trigger{width:100%;justify-content:space-between}
  .bh__link,
  .bh__label{flex:1;min-height:48px}
  .bh__link::after,
  .bh__link--solo::after{display:none}
  .bh__link--solo{width:100%;border-top:1px solid var(--bh-line);min-height:48px}
  .bh__toggle{min-height:48px;min-width:48px}
  .bh__menu{
    position:static;
    width:100%;
    max-width:none;
    padding:0 0 10px;
    border:0;
    box-shadow:none;
    opacity:0;
    visibility:hidden;
    transform:none;
    max-height:0;
    overflow:hidden;
  }
  .bh__item.is-open .bh__menu{
    opacity:1;
    visibility:visible;
    max-height:120rem;
    padding-top:4px;
  }
  .bh__menu-intro{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    margin-bottom:16px;
  }
  .bh__menu-intro p{text-align:left}
  .bh__menu-groups,
  .bh__menu-groups--flat{
    grid-template-columns:1fr;
    gap:14px;
    min-width:0;
  }
  .bh__menu-group:not(:last-child) a,
  .bh__menu-group:last-child a{
    margin:0;
  }
  .bh__menu-group:last-child{
    margin:0;
  }
  .bh__cta{width:100%;margin:12px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .bh__menu,
  .bh__link::after,
  .bh__toggle span,
  .bh__cta{transition:none}
}
