#about-page .aboutContactInfo.author-content-item{
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 39%;
}
.aboutContactInfo.author-content-item ul li svg {
    vertical-align: middle;
    margin-right: 8px;
}


#about-page .aboutContactInfo.author-content-item h2 {
    margin-right: auto;
    font-size: 28px;
    font-family: Helvetica;
    line-height: 1.06;
    letter-spacing: -0.02em;
    color: var(--heo-fontcolor);
    margin-top: 0;
    width: 100%;  /* Ensure h2 takes full width */
}

/* When the layout gets narrow, make both sides full width */
@media (max-width: 900px) {
  #about-page .aboutContactInfo.author-content-item,
  #about-page .imageContainer {
    width: 100% !important;
  }
}

/* --- restore Magic Words interactivity & keep it above neighbors --- */
#about-page .magic-words {
  position: relative;     /* ensure stacking context */
  z-index: 100;           /* sit above map/carousel blocks */
  pointer-events: auto;   /* make sure it can receive events */
  min-height: 315px;      /* reserve its own hit area */
}

/* overlays inside shouldn't eat the mouse */
#about-page .magic-words .content,
#about-page .magic-words .shapes,
#about-page .magic-words .shape,
#about-page .magic-words .cursor {
  pointer-events: none;
}

/* neighbors: keep below so they don't cover it */
#about-page .aboutMapRight,
#about-page .imageContainer {
  position: relative;
  z-index: 0;
}