/* URSU v5: biography portrait and an additional navigation entry.
   The v4 gallery, photographs, typography, and interaction are unchanged. */
.biography-view .text-layout {
  max-width: 1280px;
  width: 100%;
  grid-template-columns: 240px minmax(0, 1fr);
  column-gap: clamp(36px, 4.5vw, 64px);
  row-gap: 26px;
  align-items: start;
}
.biography-view .page-title { grid-column: 1 / -1; }
.biography-portrait {
  width: 240px;
  max-width: 100%;
  margin: 0;
}
.biography-portrait img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.biography-view .bio-copy {
  max-width: none;
  margin-top: -5px;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: .035em;
  line-height: 1.7;
}
.project-pending { color: var(--muted); }
.biophilia-view .text-layout {
  grid-template-columns: minmax(0, 1fr);
  max-width: 960px;
  width: 100%;
  margin-inline: auto;
}
.biophilia-view .bio-copy {
  max-width: none;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: .035em;
  line-height: 1.7;
  width: 100%;
}
.menu-main { min-width: 0; }
.menu-main > a { max-width: 100%; }
.menu-note { flex-shrink: 0; }
@media (min-width: 761px) and (max-width: 1050px) {
  .menu-layout { padding-inline: 8vw; gap: 35px; }
}
@media (max-width: 760px) {
  .biography-view .text-layout { grid-template-columns: 1fr; gap: 26px; }
  .biography-portrait { width: 200px; }
  .biography-view .bio-copy { margin-top: 0; }
  .menu-main { font-size: clamp(30px, 8vw, 42px); }
}

/* Wider desktop text and a vertically centered biography composition. */
@media (min-width: 761px) {
  .biography-view {
    display: flex;
    align-items: center;
    padding: 64px max(var(--gutter), 6vw);
  }
  .biography-view .text-layout {
    grid-template-columns: clamp(220px, 18vw, 280px) minmax(0, 1fr);
    align-items: center;
  }
  .biography-portrait { width: 100%; }
  .biography-view .bio-copy { margin-top: 0; }
  .biophilia-view { padding-inline: max(var(--gutter), 6vw); }
}