/* Bio — text beside photo sections (Short Bio, Hohner Artist) */

.bio-split {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: start;
}

.bio-split__photo::before {
  display: none;
}

/* Fades the photo into the page on its left and bottom edges */
.bio-split__photo img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 22%), linear-gradient(to top, transparent 0%, #000 22%);
  mask-image: linear-gradient(to right, transparent 0%, #000 22%), linear-gradient(to top, transparent 0%, #000 22%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

@media (max-width: 860px) {
  .bio-split {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .bio-split__photo {
    max-width: 360px;
    margin: 0 auto;
  }
}