/* Build 11: Portrait 2x4 red brick at the left of each yellow ribbon.
   The source is the exact eight-stud artwork from Build 10, rotated rather than
   redrawn. Parent .rbh-ribbon skew(-17deg) makes the outside sides match the
   banner angle; top and bottom remain flush and horizontal. */
.rbh-page .rbh-ribbon {
  --rbh-brick-w: 24px;
  margin-left:var(--rbh-brick-w) !important;
}
.rbh-page .rbh-ribbon::before {
  content:"";
  left:calc(-1 * var(--rbh-brick-w) + 1px) !important;
  top:0 !important;
  bottom:0 !important;
  width:var(--rbh-brick-w) !important;
  height:auto !important;
  box-sizing:border-box;
  background:#ed172b url('/assets/ribbon-brick-vertical.png') center / 100% 100% no-repeat !important;
  border:0 !important;
  border-right:2px solid #050505 !important;
  transform:none !important;
}
.rbh-feature-copy .rbh-ribbon, .rbh-rove-copy .rbh-ribbon {--rbh-brick-w:21px;}
.rbh-heading-line .rbh-ribbon {--rbh-brick-w:26px;}
.rbh-clients .rbh-ribbon {--rbh-brick-w:37px;}
@media (max-width:640px) {
  .rbh-page .rbh-ribbon {--rbh-brick-w:18px;}
  .rbh-heading-line .rbh-ribbon {--rbh-brick-w:21px;}
  .rbh-feature-copy .rbh-ribbon, .rbh-rove-copy .rbh-ribbon {--rbh-brick-w:16px;}
  .rbh-clients .rbh-ribbon {--rbh-brick-w:36px;}
}