/* Cyber Pusa — vow cover: the oil lamp sits between the vow and the vertical text,
 * masked so the picture dissolves into the night instead of reading as a rectangle.
 */
.vow__body { position: relative; }
.vow__quote, .vow__zh { position: relative; z-index: 1; }

.vow__art {
  display: block;
  align-self: center;
  margin: -5rem -6rem -5rem -4rem;
  pointer-events: none;
}
.vow__art img {
  width: 100%;
  height: auto;
  -webkit-mask-image: radial-gradient(closest-side ellipse at 50% 50%, #000 52%, rgba(0, 0, 0, .55) 78%, transparent 100%);
          mask-image: radial-gradient(closest-side ellipse at 50% 50%, #000 52%, rgba(0, 0, 0, .55) 78%, transparent 100%);
}

@media (max-width: 960px) {
  .vow__body { grid-template-columns: minmax(0, 1fr) auto; }
  .vow__art { grid-column: 1 / -1; grid-row: 2; margin: -1rem calc(-1 * var(--gutter)) 0; }
}
@media (max-width: 720px) {
  .vow__body { grid-template-columns: minmax(0, 1fr); }
  .vow__art { grid-row: auto; margin: -1.5rem calc(-1 * var(--gutter)) -1rem; }
}
