/* Approved Hall of Honor master: art and content share one coordinate system. */
.honor-body.honor-responsive {
  overflow-x: hidden;
  background: #030506;
}

.honor-responsive > .honor-page { visibility: hidden; }
.honor-stage-canvas > .honor-page { visibility: visible; }

.honor-stage-shell {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.honor-stage-canvas {
  position: relative;
  display: block;
  width: 2033px;
  height: 1110px;
  overflow: hidden;
  transform-origin: left top;
  background: #030506;
}

.honor-background-layer {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: #030506 url("images/hall-of-honor-empty-wall-background.png") center top / 2033px 1144px no-repeat;
  pointer-events: none;
  user-select: none;
}

.honor-responsive .site-header {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 30;
  width: 2033px;
  min-width: 2033px;
  height: 68px;
  min-height: 68px;
}

.honor-responsive .main-nav {
  justify-content: center;
  gap: 16px;
  width: 2033px;
  min-width: 0;
  height: 68px;
  padding-right: 152px;
  padding-left: 152px;
  overflow: visible;
}

.honor-responsive .main-nav a { flex: initial; font-size: 12px; }
.honor-responsive .main-nav a.active::after { bottom: -14px; width: 55px; height: 4px; }
.honor-responsive .site-header-logo { top: 50%; left: 34px; width: 106px; height: 53px; }
.honor-responsive .site-header-logo img { max-height: 46px; }

.honor-responsive .honor-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 2033px;
  min-width: 2033px;
  height: 1110px;
  min-height: 1110px;
  margin: 0;
  padding: 0;
}

.honor-responsive .honor-hero {
  position: relative;
  display: block;
  width: 2033px;
  height: 1110px;
  min-height: 1110px;
}

.honor-responsive .honor-hero .interior-page-header {
  position: absolute;
  top: 88.56px;
  left: 680.3px;
  width: 820px;
  max-width: none;
  height: 224.24px;
  margin: 0;
  padding: 14px 26px 18px;
  backdrop-filter: none !important;
  transform: scale(.82);
  transform-origin: left top;
}

.honor-responsive .honor-hero .interior-page-header > h1 {
  margin: 0 !important;
  font: italic 700 75px/.92 "Barlow Condensed", Impact, sans-serif !important;
}
.honor-responsive .honor-hero .interior-page-kicker {
  margin: 0 0 10px !important;
  font: 700 18px/1 "Barlow Condensed", Arial, sans-serif !important;
  letter-spacing: 3px !important;
}
.honor-responsive .honor-hero .interior-page-lead { font-size: 19px; }

.honor-responsive .honor-wall-console {
  position: absolute;
  top: 379px;
  left: 544.5px;
  width: 1180px;
  height: 440.469px;
  margin: 0;
  transform: scale(.8);
  transform-origin: left top;
}

.honor-responsive .honor-selected-members button { font-size: 23px; }

.honor-responsive .honor-rule {
  position: absolute;
  top: 924px;
  left: 680.5px;
  width: 840px;
  height: 135px;
  margin: 0;
  transform: scale(.8);
  transform-origin: left top;
}