/* Keep the personal photograph inside its responsive aperture at every width. */
.hero-portrait>a{position:relative}
.hero-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Flexible tracks must be allowed to shrink below the illustration's intrinsic size. */
.work-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.work-body>*,.case-scene,.work-description{min-width:0}
.case-scene{width:100%;max-width:100%}

@media(max-width:760px){
  .hero-copy{min-width:0}
  /* Reserve the portrait column rather than letting the role run underneath it. */
  .hero-role{max-width:calc(100% - 94px)}
  .work-body{grid-template-columns:minmax(0,1fr)}
  /* A minimum height plus an aspect ratio had imposed a 329px minimum width. */
  .case-scene{width:100%;min-width:0;aspect-ratio:auto;min-height:235px}
}