.about-page { --accent: #d6aa55; }

.about-page .about-hero {
  background:
    radial-gradient(circle at 78% 36%, rgba(185, 132, 39, .18), transparent 28rem),
    linear-gradient(135deg, rgba(255, 255, 255, .025), transparent 46%),
    #090908;
}

.about-page .about-symbol img { width: min(58%, 270px); }

@media (max-width: 520px) {
  .about-page .project-hero h1 { font-size: clamp(52px, 16vw, 78px); line-height: .9; }
}