/* Renaissance Games 3.0 — public refinements */
.brand-mark {
  overflow: visible;
  padding: 0;
  border: 0;
  background: transparent;
}
.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.18);
}

.portal-intro {
  background:
    linear-gradient(90deg, rgba(9, 11, 14, .99) 0%, rgba(9, 11, 14, .92) 65%, rgba(9, 11, 14, .72) 100%),
    radial-gradient(circle at 84% 48%, rgba(230, 42, 70, .28), transparent 31%);
}
.portal-intro::before {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  right: max(-100px, calc((100vw - 1320px) / 2 - 120px));
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 50%;
  box-shadow:
    0 0 0 78px rgba(255, 255, 255, .025),
    0 0 0 156px rgba(255, 255, 255, .018);
  pointer-events: none;
}
.portal-intro-grid.portal-intro-single {
  grid-template-columns: minmax(0, 1fr);
  min-height: 535px;
}
.portal-intro-single .portal-intro-copy { max-width: 940px; }
.portal-intro-single .portal-description { max-width: 720px; }
.portal-intro-single .quick-topics { max-width: 780px; margin-top: 27px; }
.portal-intro-single .quick-topics a { background: rgba(10, 13, 17, .58); backdrop-filter: blur(10px); }

.genre-chip {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #59414a;
  border-radius: 5px;
  color: #d7aab1;
  font-size: 10px;
  font-weight: 600;
}

.popular-layout.popular-layout-wide { display: block; }
.popular-layout-wide .compact-heading { margin-bottom: 0; }
.popular-layout-wide .popular-list { border-top: 0; }
.popular-layout-wide .popular-list li {
  min-height: 82px;
  padding-left: 1px;
  padding-right: 1px;
}
.popular-layout-wide .popular-list a { font-size: 16px; }

.about-media-page .about-hero { overflow: hidden; }
.about-media-signal {
  width: min(100%, 360px);
  justify-self: end;
}
.about-media-signal .signal-core {
  background: radial-gradient(circle, rgba(112, 15, 33, .48), rgba(9, 11, 14, .96) 70%);
}
.about-media-signal .signal-core img { width: 78%; height: 78%; }
.about-media-page .about-principle { min-height: 360px; }
.about-media-page .about-principle p { max-width: 720px; }
.about-media-page .about-finale blockquote { max-width: 980px; }

@media (max-width: 1020px) {
  .portal-intro::before { right: -230px; opacity: .65; }
  .portal-intro-grid.portal-intro-single { grid-template-columns: 1fr; }
  .about-media-signal { width: min(100%, 290px); }
}

@media (max-width: 760px) {
  .portal-intro::before { width: 360px; height: 360px; right: -250px; }
  .portal-intro-grid.portal-intro-single { padding-top: 58px; padding-bottom: 58px; }
  .portal-intro-single .quick-topics { gap: 6px; }
  .portal-intro-single .quick-topics a { padding: 6px 9px; font-size: 10px; }
  .about-media-signal.portal-signal {
    display: grid;
    width: 300px;
    position: absolute;
    right: -165px;
    bottom: -105px;
    opacity: .32;
  }
  .popular-layout-wide .popular-list li { min-height: 72px; }
}