.about-section + .about-section {
  margin-top: 1.1rem;
  padding-top: 1.1rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent 28%);
}

.about-section h1,
.about-section h2 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.about-section h1::before,
.about-section h2::before {
  content: "";
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-color: currentColor;
  -webkit-mask: var(--about-glyph) center / contain no-repeat;
  mask: var(--about-glyph) center / contain no-repeat;
}

.about-section[data-about-section="zenmemes"] h1::before {
  --about-glyph: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M3 3.5h14a1 1 0 0 1 1 1V13a1 1 0 0 1-1 1H9.5L5 18.2V14H3a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1z' fill='black'/><path d='M5.5 7h9M5.5 10h6' stroke='white' stroke-width='1.4'/></svg>");
}

.about-section[data-about-section="community"] h2::before {
  --about-glyph: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><circle cx='13.5' cy='6' r='2.3' fill='black' opacity='0.5'/><path d='M10.5 16v-1.4c0-2 1.6-3.6 3.6-3.6 1.9 0 3.4 1.5 3.4 3.4V16z' fill='black' opacity='0.5'/><circle cx='7' cy='5.5' r='2.8' fill='black'/><path d='M2.5 16v-1.6c0-2.4 2-4.3 4.5-4.3s4.5 1.9 4.5 4.3V16z' fill='black'/></svg>");
}

.about-section[data-about-section="graph"] h2::before {
  --about-glyph: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 4.5L4.5 15M10 4.5L15.5 15M4.5 15h11' stroke='black' stroke-width='1.4' fill='none'/><circle cx='10' cy='4.5' r='2.4' fill='black'/><circle cx='4.5' cy='15' r='2.4' fill='black'/><circle cx='15.5' cy='15' r='2.4' fill='black'/></svg>");
}

.about-section[data-about-section="participation"] h2::before {
  --about-glyph: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><circle cx='6.2' cy='10' r='3.4' fill='none' stroke='black' stroke-width='1.9'/><path d='M9.6 10h8M13.8 10v3.2M17 10v3.8' stroke='black' stroke-width='1.9' fill='none'/></svg>");
}

.about-section[data-about-section="portable"] h2::before {
  --about-glyph: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M3 3h10.5L17 6.5V17H3z' fill='none' stroke='black' stroke-width='1.6'/><rect x='6.5' y='3.8' width='5' height='3.6' fill='black'/><rect x='5.5' y='11' width='9' height='5' fill='black'/></svg>");
}

.about-section[data-about-section="hackable"] h2::before {
  --about-glyph: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M8 5L3.5 10 8 15M12 5l4.5 5-4.5 5M11 3.5L9 16.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
