/* about.html */
    /* about.html page-scoped styles */
    .about-avatar {
      width: 72px; height: 72px; flex: none;
      border-radius: 50%;
      background: var(--blue-tint);
      color: var(--blue);
      display: grid; place-items: center;
      font-family: var(--font-mono);
      font-size: 18px; font-weight: 600; letter-spacing: 0.05em;
      margin-bottom: 20px;
      overflow: hidden;
    }
    .about-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
      filter: grayscale(1);
    }
    .about-avatar + h3 {
      margin-bottom: 2px;
    }
    .about-role {
      font-family: var(--font-mono);
      font-size: 12px; font-weight: 500;
      letter-spacing: 0.08em; text-transform: uppercase;
      color: var(--text-soft);
      margin: 0 0 14px;
    }