.project-mars .project-visual {
  background: #f0522d;
  color: #1b2739;
}

.mars-sun {
  position: absolute;
  width: 140%;
  aspect-ratio: 1;
  left: -15%;
  bottom: -63%;
  border-radius: 50%;
  background: repeating-radial-gradient(circle, #f8b532 0 8px, #e87323 9px 14px);
}

.mars-mark {
  position: absolute;
  top: 12%;
  left: 9%;
  font: 800 clamp(45px, 5vw, 78px) / .8 var(--sans);
  letter-spacing: -.1em;
}

.mars-detail {
  position: absolute;
  right: 10%;
  bottom: 10%;
  font: 700 11px / 1.05 var(--mono);
  text-align: right;
  letter-spacing: .06em;
}