/* The introduction is the section heading; the portrait remains its visual anchor. */
.about-identity { display: flex; align-items: center; justify-content: center; }
.about-portrait { width: min(240px, 72%); margin: 0; }
.about h2 {
  max-width: none; margin: 0 0 20px;
  color: var(--ink); font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 600; line-height: 1.08; letter-spacing: -.03em;
}

@media (max-width: 760px) {
  .about { position: relative; }
  .about .section-grid { display: block; }
  .about-identity {
    position: absolute; top: 24px; right: 20px;
    display: block; width: 120px; height: 120px;
    min-height: 0; overflow: visible;
  }
  .about-portrait { width: 120px; height: 120px; margin: 0; }
  .about h2 {
    display: flex; align-items: center;
    max-width: calc(100% - 142px); min-height: 120px;
    margin-bottom: 12px; font-size: 28px; line-height: 1.12;
  }
}

@media (max-width: 360px) {
  .about-identity {
    position: static; display: flex; justify-content: center;
    width: auto; height: auto; margin-bottom: 16px;
  }
  .about-portrait { width: 128px; height: 128px; }
  .about h2 { max-width: none; min-height: 0; }
}