/* BUILD 16: Homepage single-row nav across the very top, tighter black
   masthead/hero spacing, and 20% smaller slogan. Other routes unchanged. */

/* All six homepage links on a single row at the very top of the page. */
.rbh-masthead .rbh-posthero-nav {
  position:relative;
  z-index:50;
  padding:0;
  border-top:0;
  border-bottom:1px solid #292929;
  min-height:42px;
  background:#050505;
}
.rbh-masthead .rbh-posthero-nav-inner {
  width:min(1100px, calc(100% - 24px));
  display:grid;
  grid-template-columns:1.15fr .75fr .8fr 1.35fr .7fr .9fr;
  gap:0;
  justify-items:center;
  align-items:center;
  min-height:42px;
}
.rbh-masthead .rbh-posthero-nav a:not(.drop-panel a),
.rbh-masthead .rbh-posthero-nav .nav-drop {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:10px 1px;
  font-family:var(--display);
  font-size:clamp(12px,1.55vw,19px);
  font-weight:900;
  line-height:1.1;
  white-space:nowrap;
}
.rbh-masthead .rbh-posthero-nav .dropdown {
  z-index:60;
}
.rbh-masthead .rbh-posthero-nav .drop-panel {
  top:100%;
  left:0;
}

@media (min-width:921px) {
  .rbh-masthead-inner {
    min-height:136px;
    padding:2px 0 2px;
  }
  .rbh-page .rbh-hero h1 {
    font-size:clamp(32px,3.65vw,58px)!important;
  }
}

@media (max-width:920px) {
  .rbh-masthead .rbh-posthero-nav-inner {
    width:calc(100% - 16px);
    grid-template-columns:1.19fr .74fr .76fr 1.4fr .64fr .88fr;
    gap:0;
    min-height:39px;
  }
  .rbh-masthead .rbh-posthero-nav {
    min-height:39px;
  }
  .rbh-masthead .rbh-posthero-nav a:not(.drop-panel a),
  .rbh-masthead .rbh-posthero-nav .nav-drop {
    font-size:clamp(11px,3.1vw,17px);
    padding:11px 1px;
    letter-spacing:0;
    line-height:1.0;
  }
  .rbh-masthead .rbh-posthero-nav .nav-drop span {margin-left:1px;}
  .rbh-masthead-inner {
    min-height:69px;
    padding:2px 0 2px;
  }
  .rbh-page .rbh-hero h1 {
    font-size:clamp(24px,3.8vw,30px)!important;
  }
}

@media (max-width:700px) {
  /* The 57px logo has just enough space without the old empty black gap. */
  .rbh-masthead-inner {min-height:65px; padding:0;}
  .rbh-page .rbh-hero-inner {
    height:145px!important;
    min-height:145px!important;
    padding:0!important;
  }
  /* Middle two-thirds of the hero image stays yellow. */
  .rbh-page .rbh-hero::before {
    top:26px!important;
    height:92px!important;
    bottom:auto!important;
  }
  .rbh-page .rbh-hero-text {
    height:92px!important;
    min-height:92px!important;
    margin:26px 0 0!important;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .rbh-page .rbh-hero h1 {
    font-size:clamp(20px,6.12vw,28px)!important;
    transform:skew(-6deg) scale(.9)!important;
    transform-origin:center center;
  }
}
@media (max-width:370px) {
  .rbh-masthead .rbh-posthero-nav a:not(.drop-panel a),
  .rbh-masthead .rbh-posthero-nav .nav-drop {
    font-size:clamp(10px,2.9vw,11px);
  }
  .rbh-masthead-inner {min-height:59px; padding:0;}
  .rbh-page .rbh-hero-inner {height:136px!important;min-height:136px!important;}
  .rbh-page .rbh-hero::before {top:25px!important;height:84px!important;}
  .rbh-page .rbh-hero-text {
    margin:25px 0 0!important;
    min-height:84px!important;
    height:84px!important;
  }
}