/* BUILD 43 | Bring the remaining ordinary pages into the shared charcoal,
   yellow-ribbon, photo-hero layout. Brick Legacy retains its museum treatment.
   Preserve content, forms and original photos; use the existing hero renderer. */

.rbh-interior .rbh-standard-content {
  background:#050505!important;
  padding:0 0 28px;
  min-width:0;
}
.rbh-interior .rbh-standard-content > .rbh-standard-intro,
.rbh-interior .rbh-standard-content > .rbh-standard-panel {
  display:block;
  box-sizing:border-box;
  width:min(1050px,calc(100% - 32px));
  max-width:1050px;
  margin:20px auto 0!important;
  padding:clamp(19px,3.5vw,35px)!important;
  border:1px solid #36383e!important;
  border-radius:19px!important;
  background:#18191b!important;
  color:#e8e8e8!important;
}
.rbh-interior .rbh-standard-content > .rbh-standard-intro p,
.rbh-interior .rbh-standard-content > .rbh-standard-panel p {
  line-height:1.55;
}
.rbh-interior .rbh-standard-content .rbh-standard-lead {
  color:#f7ef4b!important;
  font-size:clamp(18px,2.35vw,23px);
  font-weight:700;
}
.rbh-interior .rbh-standard-content .rbh-standard-small {
  color:#c9c9c9;
  margin:6px 0 18px;
}
.rbh-interior .rbh-standard-content .rbh-ribbon {
  position:relative!important;
  isolation:isolate;
  display:inline-flex!important;
  align-items:center;
  width:auto!important;
  max-width:calc(100% - 22px)!important;
  box-sizing:border-box;
  margin:0 0 18px 24px!important;
  padding:9px 15px 10px 14px!important;
  background:#ffe400!important;
  background-image:none!important;
  color:#050505!important;
  font:italic 900 clamp(19px,3.3vw,30px)/1.07 var(--display)!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
  transform:skewX(-17deg);
  border-radius:0 9px 9px 0;
  text-wrap:balance;
  overflow:visible!important;
  overflow-wrap:break-word;
  vertical-align:middle;
}
.rbh-interior .rbh-standard-content .rbh-ribbon::before {
  content:""!important;
  position:absolute!important;
  left:-20px!important;
  top:0!important;
  height:100%!important;
  width:19px!important;
  border-radius:0!important;
  display:block!important;
  transform:none!important;
  background:#e63433 url('/assets/ribbon-brick-vertical.png') center / 100% 100% no-repeat!important;
  z-index:2!important;
}
.rbh-interior .rbh-standard-content .rbh-ribbon::after {
  display:none!important;
  content:none!important;
}
.rbh-interior .rbh-standard-content .rbh-ribbon > .rbh-ribbon-texture-clip {
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
}
.rbh-interior .rbh-standard-content .rbh-ribbon > .rbh-ribbon-label {
  position:relative;
  z-index:3;
  display:inline-block;
  transform:skewX(17deg);
  white-space:normal;
}
.rbh-interior .rbh-standard-content .rbh-ribbon .rbh-ribbon-texture-pattern {
  position:absolute;
  inset:-15px -26px;
  background:url('/assets/yellow-texture.webp') center / auto 280px repeat;
  opacity:1;
  transform:skewX(17deg);
  mix-blend-mode:normal;
}
/* Keep photos large and uncropped, but inside consistent rounded content cards. */
.rbh-interior .rbh-standard-content .story-row,
.rbh-interior .rbh-standard-content .rove-feature,
.rbh-interior .rbh-standard-content .contact-layout {
  max-width:100%;
  min-width:0;
}
.rbh-interior .rbh-standard-content .story-row > *,
.rbh-interior .rbh-standard-content .contact-layout > * {min-width:0}
.rbh-interior .rbh-standard-content .story-row .photo-frame,
.rbh-interior .rbh-standard-content .rove-feature .photo-frame {
  overflow:hidden;
  border-radius:14px;
}
.rbh-interior .rbh-standard-content .contact-sidebar,
.rbh-interior .rbh-standard-content .form-row {
  min-width:0;
}
.rbh-interior .rbh-standard-content .contact-form input,
.rbh-interior .rbh-standard-content .contact-form select,
.rbh-interior .rbh-standard-content .contact-form textarea {box-sizing:border-box;max-width:100%}
.rbh-interior .rbh-standard-content .latest-tile {max-width:100%}
@media(max-width:700px){
 .rbh-interior .rbh-standard-content > .rbh-standard-panel,
 .rbh-interior .rbh-standard-content > .rbh-standard-intro {
  width:calc(100% - 24px);
  padding:20px 16px!important;
  margin-top:16px!important;
 }
 .rbh-interior .rbh-standard-content .rbh-ribbon {
  max-width:calc(100% - 20px)!important;
  font-size:clamp(18px,5.7vw,24px)!important;
  margin-left:20px!important;
  padding:8px 10px!important;
 }
 .rbh-interior .rbh-standard-content .story-row,
 .rbh-interior .rbh-standard-content .rove-feature,
 .rbh-interior .rbh-standard-content .contact-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr)!important;
  gap:17px!important;
 }
 .rbh-interior .rbh-standard-content .form-row {
  display:grid;
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px;
 }
}