/* RACCOON::6P — BIO TYPOGRAPHY REV3 (visual hierarchy only).
   No site-wide rules. The existing biography animation remains untouched. */
#sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] {
  width: 100%;
  max-width: 68ch;
  text-align: left;
  overflow-wrap: break-word;
}

#sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p {
  display: block;
  width: auto;
  max-width: 64ch;
  margin: 0;
  padding: 0;
  line-height: 1.72;
  letter-spacing: normal;
  text-align: left;
  text-wrap: pretty;
  word-break: normal;
  hyphens: none;
}

#sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p + p {
  margin-block-start: clamp(1.05rem, 1.5vw, 1.45rem);
}

/* The closing brand signature gets a discreet editorial treatment. */
#sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p:nth-child(4) {
  margin-block-start: clamp(1.35rem, 2vw, 1.8rem);
  padding-inline-start: clamp(.85rem, 1.3vw, 1.2rem);
  border-inline-start: 2px solid rgba(253, 185, 19, .72);
}

/* Separation between personal narrative and professional trajectory. */
#sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p:nth-child(5) {
  margin-block-start: clamp(1.9rem, 2.6vw, 2.65rem);
}

@media (max-width: 640px) {
  #sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] {
    max-width: 100%;
  }
  #sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p {
    max-width: 100%;
    line-height: 1.64;
  }
  #sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p + p {
    margin-block-start: 1.05rem;
  }
  #sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p:nth-child(4) {
    margin-block-start: 1.2rem;
    padding-inline-start: .8rem;
  }
  #sobre .about-copy .about-bio[data-i18n-html="about_bio_html"] > p:nth-child(5) {
    margin-block-start: 1.75rem;
  }
}