/* BIO TYPOGRAPHY — centred layout with softer spacing.
   Loaded only by /about/. Homepage and Instagram styles are untouched.
   Font sizes, colours, photography and headline fitting remain as approved.
*/

/* More air within each paragraph, less empty space between paragraphs. */
.about-page .bio-body > p {
  text-align: center;
  text-align-last: auto;
  text-justify: auto;
  line-height: 1.75;
  letter-spacing: 0.045em;
  word-spacing: 0.10em;
  margin-bottom: clamp(18px, 1.9vw, 28px);
}

/* Keep the small photo caption centred and give it a little extra air. */
.about-page .bio-certifications p {
  text-align: center;
  text-align-last: auto;
  line-height: 1.8;
  letter-spacing: 0.035em;
  word-spacing: 0.08em;
}

/* Keep the approved small project text, without forced justification. */
.about-page .upcoming-projects {
  text-align: center;
  text-align-last: auto;
  line-height: 1.9;
  letter-spacing: 0.04em;
  word-spacing: 0.08em;
}

@media (max-width: 760px) {
  .about-page .bio-body > p {
    line-height: 1.75;
    letter-spacing: 0.035em;
    word-spacing: 0.08em;
    margin-bottom: 16px;
  }
}


/* 2026-09-10 heading update: match homepage MAZEandMIRA lockup and fit to photo width */
.about-page .bio-name {
  width: 100%;
  margin: 0 0 clamp(26px, 3vw, 42px);
  text-align: center;
}

.about-page .bio-name-line {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.025em;
  width: max-content;
  max-width: none;
  white-space: nowrap;
  font-family: var(--serif);
  font-weight: 700;
  font-style: italic;
  line-height: 0.78;
  letter-spacing: -0.055em;
  text-transform: none;
}

.about-page .bio-name .and {
  display: inline-block;
  font-size: 0.53em;
  letter-spacing: -0.035em;
  margin-inline: 0.035em 0.055em;
}

@media (max-width: 760px) {
  .about-page .bio-name {
    margin-bottom: 20px;
  }
}