/* Shared compass for About, Careers, Contact and the Events directory only. */
.content-hero::after,
.events-hero::after {
  position: absolute;
  z-index: 0;
  top: auto;
  right: clamp(16px, 3vw, 56px);
  bottom: 24px;
  width: clamp(240px, 40vw, 560px);
  height: auto;
  aspect-ratio: 1;
  border: 0;
  /* Leave room inside the box for the rotated artwork, including all tips. */
  background: url('/assets/brand/star-white.svg') center / 72% no-repeat;
  content: '';
  opacity: 0.065;
  pointer-events: none;
  transform: rotate(-25deg);
}

@media (max-width: 600px) {
  .content-hero::after,
  .events-hero::after {
    right: 8px;
    bottom: 16px;
    width: 240px;
  }
}