.guangmang-visual {
  background: #090b09;
  color: #f2e8c7;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 8%;
  isolation: isolate;
}

.guangmang-visual::after {
  background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .84));
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.beam {
  background: linear-gradient(180deg, rgba(255, 242, 180, .92), rgba(255, 211, 94, .08) 70%, transparent);
  filter: blur(7px);
  height: 120%;
  mix-blend-mode: screen;
  position: absolute;
  top: -18%;
  transform: rotate(22deg);
  transform-origin: top;
}

.beam-one { left: 24%; width: 21%; }
.beam-two { left: 55%; opacity: .45; transform: rotate(-14deg); width: 8%; }

.rain {
  background: repeating-linear-gradient(105deg, transparent 0, transparent 18px, rgba(255, 255, 255, .55) 19px, transparent 20px);
  inset: 0;
  opacity: .22;
  position: absolute;
}

.gm-title {
  font-family: Georgia, "Songti SC", serif;
  font-size: clamp(7rem, 19vw, 18rem);
  letter-spacing: -.12em;
  line-height: .72;
  margin: 0;
  position: relative;
}

.gm-title span { color: #d8b25c; }

.gm-caption {
  font-size: 11px;
  letter-spacing: .14em;
  line-height: 1.6;
  margin: 36px 0 0;
  position: relative;
  text-transform: uppercase;
}