/* Handwritten "Connect with me" note with a curling arrow to the social icons under the About photo */
.about__connect {
  display: flex; justify-content: center; align-items: flex-start;
  margin-top: 20px; padding-left: 12px; color: var(--ink); pointer-events: none;
}
.about__connect span {
  font-family: "Homemade Apple", "Bradley Hand", "Segoe Script", cursive;
  font-size: 24px; line-height: 1.6; white-space: nowrap;
  transform: rotate(-4deg); margin-top: 2px;
}
.about__connect svg {
  flex: none; width: 52px; height: 61px; margin: -2px 0 0 4px;
  fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
}
.about__connect + .social.about__social { margin-top: -14px; }
@media (max-width: 420px) {
  .about__connect span { font-size: 20px; }
}

/* "Hi, I'm Isabelle!" title above the photo and text */
.about__hello {
  grid-column: 1 / -1; margin: 0;
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(46px, 7.8vw, 112px); line-height: 1.05; letter-spacing: -.005em;
  color: var(--ink);
}
@media (min-width: 821px) {
  .about { align-items: start; row-gap: clamp(22px, 2.4vw, 36px); }
}
@media (max-width: 820px) {
  .about { row-gap: 22px; }
  .about > .about__media { margin-bottom: clamp(18px, 5vw, 40px); }
}