.bioBody .inner {
  grid-column: 4/11;
  display: flex;
  flex-direction: column;
  gap: 13px; }

.biolarge .inner {
  grid-column: 1/ 12; }

section.upper .right .aspectholder {
  overflow: hidden;
  display: flex;
  height: 87vh; }
  section.upper .right .aspectholder:has(img[landscape]) {
    align-items: flex-end; }
  section.upper .right .aspectholder:has(img[portrait]) {
    justify-content: flex-end; }
  section.upper .right .aspectholder img {
    object-fit: contain; }
    section.upper .right .aspectholder img[landscape] {
      width: 100%; }
    section.upper .right .aspectholder img[portrait] {
      height: 100%; }

@media (min-width: 960px) {
  section.upper .left {
    grid-column: 1/13; }
  section.upper .right {
    grid-column: 15/25; } }

section.upper .bioBody.mobile {
  display: none; }

.left .title {
  padding-bottom: 20px; }

.biolarge {
  padding-bottom: 35px; }

section.lower {
  padding-top: 180px;
  padding-bottom: 200px; }
  section.lower .titles-wrap {
    padding-bottom: 12px; }
    section.lower .titles-wrap .works {
      grid-column: 1/10; }
    section.lower .titles-wrap .highlights {
      grid-column: 19/24; }
  section.lower .content .highlights {
    grid-column: 19/25;
    padding-right: 20px; }

section.lower .content .aspectholder img {
  width: 100%;
  object-fit: cover; }

section.lower a:hover {
  opacity: 1; }

section.lower.no-highlights .content .single-work {
  grid-column: span 6; }

section.lower.has-highlights .content .single-work {
  grid-column: span 3; }

section.lower .single-work {
  cursor: pointer; }
  section.lower .single-work .details-wrap {
    padding-top: 10px;
    opacity: 0;
    transition: all .3s ease-in-out; }
  section.lower .single-work:hover .details-wrap {
    opacity: 1; }

@media (max-width: 960px) {
  .upper .left {
    grid-column: 1/-1; }
    .upper .left .bioBody.desktop {
      display: none; }
    .upper .left .biolarge .inner {
      grid-column: 1/-1; }
  .upper .right {
    grid-column: 3/13; }
    .upper .right .aspectholder {
      aspect-ratio: unset !important;
      height: unset !important; }
      .upper .right .aspectholder img {
        width: 100% !important;
        height: unset; }
    .upper .right .bioBody.mobile {
      display: block;
      padding-top: 35px; }
  section.lower {
    padding-top: 100px; }
    section.lower.has-highlights .content .single-work {
      grid-column: span 4; }
    section.lower.no-highlights .content .single-work {
      grid-column: span 4; }
  section.lower.has-highlights .highlights.title-desktop {
    display: none; }
  section.lower.has-highlights .highlights {
    grid-column: 1/-1;
    padding-top: 40px; }
  section.lower .single-work .details-wrap {
    opacity: 1; } }