/* BIO / CV: maintain the original heading-to-contact spacing on desktop.
   Both translated BIO paragraphs flow continuously in either layout. */
.bio-cv-sheet .bio-contact {
  margin-top: calc(clamp(45px, 5vw, 72px) - clamp(12px, 1.04vw, 17px) * 1.27);
}
/* Preserve separate translated paragraphs in the DOM but visually continue
   the biography without a forced line break, including after "sottosopra."
   or "patas arriba." on desktop as well as mobile. */
.bio-cv-sheet .bio-column > .bio-copy > p {
  display: inline;
}
.bio-cv-sheet .bio-column > .bio-copy > p + p::before {
  content: "\00a0";
  white-space: nowrap;
}
@media (max-width: 1024px), (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .bio-cv-sheet .bio-contact {
    margin-top: clamp(45px, 5vw, 72px); /* One extra BIO text line of whitespace. */
  }

  /* Mobile only: left-align labels and email, but keep the biography
     justified to both column edges as in the original editorial layout. */
  .bio-cv-sheet .bio-column h2,
  .bio-cv-sheet .bio-contact .bio-copy {
    text-align: left;
    text-align-last: left;
  }
  .bio-cv-sheet .bio-column > .bio-copy {
    text-align: justify;
    text-align-last: left;
  }

}

/* Desktop BIO / CV: slightly reduce the gap below the horizontal menu without moving the columns independently. */
@media (min-width: 1025px) and (not ((max-width: 1366px) and (hover: none) and (pointer: coarse))) {
  .bio-cv-sheet {
    padding-top: calc(clamp(115px, 9.65vw, 154px) - 30px);
  }
}