.rshq-release-page {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100%;
  margin: 0;
  padding: 0;
}
.rshq-release-hero-signal {
  position: relative;
  display: block;
  overflow: hidden;
  left: 50%;
  width: 100vw;
  height: 56.25vw !important;
  min-height: 56.25vw !important;
  max-height: 56.25vw !important;
  block-size: 56.25vw !important;
  min-block-size: 56.25vw !important;
  max-block-size: 56.25vw !important;
  margin: clamp(-96px, -6vw, -48px) 0 0;
  padding: 0 !important;
  transform: translateX(-50%);
  background: #030708;
}
.rshq-release-hero-signal + .rshq-release {
  position: relative;
  z-index: 3;
  flex: none;
  margin-top: 0 !important;
}
.rshq-release-hero-signal__eyebrow {
  position: absolute;
  top: clamp(16px, 2.5vw, 34px);
  left: clamp(18px, 4vw, 64px);
  z-index: 2;
  display: none;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid rgba(43, 197, 196, .5);
  background: rgba(3, 10, 12, .76);
  color: #e4802b;
  font: 900 10px/1 ui-monospace, monospace;
  letter-spacing: .16em;
}
.rshq-release-hero-load,
.rshq-release-hero-stage {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #030708;
}
.rshq-release-hero-load[hidden],
.rshq-release-hero-stage[hidden] {
  display: none !important;
}
.rshq-release-hero-stage {
  position: absolute;
  inset: 0;
  height: 100%;
  aspect-ratio: auto;
}
.rshq-release-hero-load {
  appearance: none;
  padding: 0;
  cursor: pointer;
  background-image: linear-gradient(0deg, rgba(2, 7, 9, .8), rgba(2, 7, 9, .03) 64%), var(--rshq-hero-poster);
  background-position: center;
  background-size: cover;
  color: #fff;
}
.rshq-release-hero-load::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 35%, rgba(43, 197, 196, .12), transparent 65%);
  transition: .45s;
}
.rshq-release-hero-load:hover { border-color: #e4802b; }
.rshq-release-hero-load:hover::after { transform: translateX(28%); }
.rshq-release-hero-load i {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: grid;
  width: 94px;
  height: 94px;
  place-items: center;
  border: 2px solid #2bc5c4;
  border-radius: 50%;
  background: rgba(3, 10, 12, .9);
  color: #2bc5c4;
  font-style: normal;
  font-size: 29px;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 10px rgba(43, 197, 196, .09), 0 0 52px rgba(43, 197, 196, .48);
}
.rshq-release-hero-load b {
  position: absolute;
  right: 20px;
  bottom: 18px;
  left: 20px;
  z-index: 1;
  display: none;
  font: 900 11px/1 ui-monospace, monospace;
  letter-spacing: .14em;
  text-align: center;
}
.rshq-release-hero-stage iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 760px) {
  .rshq-release-hero-signal { margin-top: -48px; margin-bottom: 0; }
  .rshq-release-hero-signal__eyebrow { font-size: 8px; }
  .rshq-release-hero-load i { width: 72px; height: 72px; font-size: 23px; }
}
