/* BUILD 13: homepage masthead, post-hero nav, consistent geometry,
   and left-lit studs on the original vertical brick asset. */
.rbh-header.rbh-masthead {
  position:relative;
  z-index:30;
  height:auto!important;
  min-height:0!important;
  border:0;
  background:#050505;
}
.rbh-masthead-inner {
  width:min(1440px,calc(100% - 40px));
  margin:0 auto;
  min-height:130px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  gap:15px;
  padding:17px 0 20px;
}
.rbh-brand-mark {
  width:94px;
  flex:none;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
}
.rbh-brand-mark img{width:100%;height:auto;display:block;filter:drop-shadow(2px 3px 0 #000);}
.rbh-brand-name {
  color:#fff;
  font-family:var(--display);
  font-weight:900;
  font-style:italic;
  font-size:clamp(56px,7.4vw,112px);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.035em;
  white-space:nowrap;
  padding-left:80px;
  -webkit-text-stroke:1.2px #050505;
  filter:drop-shadow(4px 5px 0 #000);
}
/* Homepage navigation is after the overlapping photo, not in the masthead. */
.rbh-posthero-nav {
  z-index:12;
  position:relative;
  background:#050505;
  border-bottom:2px solid #ffe400;
  color:#fff;
  padding:10px 0 13px;
}
.rbh-posthero-nav-inner{
  width:min(1100px,calc(100% - 32px));
  margin:auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  gap:5px;
}
.rbh-posthero-nav .dropdown{position:relative;min-width:0;z-index:4;}
.rbh-posthero-nav a:not(.drop-panel a),
.rbh-posthero-nav .nav-drop {
  color:#fff;
  border:0;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:9px 4px;
  font-family:var(--display);
  font-size:clamp(15px,1.5vw,20px);
  font-weight:900;
  line-height:1.12;
  text-transform:none;
  text-align:center;
  white-space:nowrap;
  letter-spacing:.024em;
}
.rbh-posthero-nav a:hover,.rbh-posthero-nav .nav-drop:hover,
.rbh-posthero-nav a:focus-visible,.rbh-posthero-nav .nav-drop:focus-visible {color:#ffe400;}
.rbh-posthero-nav .drop-panel{
  position:absolute;
  top:calc(100% + 2px);
  left:0;
  background:#111;
  width:max-content;
  min-width:235px;
  max-width:calc(100vw - 28px);
  padding:10px 14px 15px;
  border-top:3px solid #ffe400;
  border-bottom:1px solid #444;
  box-shadow:0 12px 26px #000d;
  z-index:99;
}
.rbh-posthero-nav .drop-panel strong{font:900 12px/1.1 var(--display);letter-spacing:.04em;}
.rbh-posthero-nav .drop-panel a{padding:7px 8px;font:normal 14px/1.1 Arial,sans-serif;color:#fff;}
/* Geometry shared by all four homepage frames:
   skew only the frame; reverse the skew on its picture to keep real people/buildings straight.
   Skew is -17 degrees, the same direction/slope as the yellow heading banners.
   A shadow remains outside the white border. */
.rbh-page .rbh-hero-frame,
.rbh-page .rbh-feature-image,
.rbh-page .rbh-rove-photo {
  clip-path:none!important;
  transform:skewX(-17deg)!important;
  padding:0!important;
  border:6px solid #fff!important;
  border-radius:5px!important;
  box-shadow:4px 5px 0 #171717!important;
  background:#fff;
  overflow:hidden!important;
}
.rbh-page .rbh-hero-frame>img,
.rbh-page .rbh-feature-image>img,
.rbh-page .rbh-rove-photo>img {
  transform:skewX(17deg) scale(1.32)!important;
  clip-path:none!important;
  border-radius:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.rbh-page .rbh-hero-frame{height:290px;}
.rbh-page .rbh-hero-frame>img{object-position:center center!important;}
.rbh-page .rbh-feature-image{margin-left:4px; margin-right:5px;}
.rbh-page .rbh-rove-photo{margin-left:7px;margin-right:7px;}
.rbh-page .rbh-rove-photo .rbh-rove-landscape{object-position:38% 37%!important;}
@media (max-width:920px){
  .rbh-header.rbh-masthead{height:auto!important;min-height:0!important;}
  .rbh-masthead-inner{
    width:calc(100% - 24px);
    min-height:97px;
    padding:12px 0 16px;
    justify-content:center;
  }
  .rbh-brand-mark{width:61px;left:0;}
  .rbh-brand-name {
    font-size:clamp(35px,9.2vw,68px);
    padding-left:52px;
    margin:0;
    letter-spacing:.016em;
    text-align:center;
    -webkit-text-stroke:.6px #050505;
    filter:drop-shadow(2px 3px 0 #000);
  }
  .rbh-posthero-nav {
    padding:7px 0 11px;
    border-bottom:2px solid #ffe400;
  }
  .rbh-posthero-nav-inner{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2px 7px;
    width:calc(100% - 35px);
  }
  .rbh-posthero-nav a:not(.drop-panel a),
  .rbh-posthero-nav .nav-drop {
    font-size:clamp(15px,3.8vw,21px);
    padding:10px 3px;
  }
  .rbh-posthero-nav .drop-panel {left:-2px;top:100%;}
  .rbh-posthero-nav .drop-panel a{font-size:14px;padding:8px 4px;}
  .rbh-page .rbh-hero-frame,
  .rbh-page .rbh-feature-image,
  .rbh-page .rbh-rove-photo {
    border-width:5px!important;
    border-radius:4px!important;
    box-shadow:3px 4px 0 #171717!important;
  }
  .rbh-page .rbh-hero-frame {height:190px;}
}
@media (max-width:370px){
  .rbh-masthead-inner {min-height:85px;}
  .rbh-brand-mark{width:53px;}
  .rbh-brand-name{font-size:clamp(31px,8.9vw,36px);padding-left:45px;}
  .rbh-posthero-nav a:not(.drop-panel a),.rbh-posthero-nav .nav-drop{font-size:clamp(13px,3.6vw,16px);}
  .rbh-page .rbh-hero-frame{height:176px;}
}

/* Edge clearance: account for extra horizontal reach of the -17deg skew.
   The photos must remain entirely in their own column and inside the viewport. */
@media (min-width:921px) {
  .rbh-page .rbh-hero-frame {margin-right:38px!important;}
  .rbh-page .rbh-feature-image {margin-left:23px!important; margin-right:22px!important;}
  .rbh-page .rbh-rove-photo {margin-left:22px!important;margin-right:22px!important;}
}
@media (max-width:920px) {
  .rbh-brand-name{font-size:clamp(35px,9.7vw,70px);}
  .rbh-page .rbh-hero-frame {
    margin-left:10px!important;
    margin-right:36px!important;
  }
  .rbh-page .rbh-feature-image {
    width:calc(100% - 44px)!important;
    margin:0 22px 13px 22px!important;
    height:116px!important;
  }
  .rbh-page .rbh-rove-photo {
    width:calc(100% - 48px)!important;
    margin:0 24px!important;
    height:141px!important;
  }
}
@media (max-width:370px) {
  .rbh-brand-name{font-size:clamp(31px,9.3vw,36px);}
  .rbh-page .rbh-hero-frame {margin-right:33px!important;}
  .rbh-page .rbh-feature-image {height:102px!important;}
  .rbh-page .rbh-rove-photo {height:129px!important;}
}

/* Keep the framed pictures substantial while retaining the exact side slope.
   Shifting the sheared frames left preserves the complete white edges. */
@media (max-width:920px){
  .rbh-page .rbh-hero-frame {
    margin-right:6px!important;
    transform:translateX(-18px) skewX(-17deg)!important;
  }
  .rbh-page .rbh-feature-image{
    width:calc(100% - 25px)!important;
    margin-left:22px!important;
    margin-right:3px!important;
    transform:translateX(-8px) skewX(-17deg)!important;
  }
  .rbh-page .rbh-rove-photo {
    width:calc(100% - 28px)!important;
    margin-left:24px!important;
    margin-right:4px!important;
    transform:translateX(-7px) skewX(-17deg)!important;
  }
}
@media (max-width:370px){
  .rbh-page .rbh-hero-frame {margin-right:7px!important; transform:translateX(-17px) skewX(-17deg)!important;}
}