/* Local media layout: inherit Academic Pages typography and colors. */
.portfolio-preview { display: grid; grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 1.25em; align-items: center; margin: 1.5em 0; padding-bottom: 1.5em; border-bottom: 1px solid #f2f3f3; }
.portfolio-preview > div { min-width: 0; }
.portfolio-preview h2, .portfolio-preview h3 { margin: 0 0 .4em; padding: 0; border: 0; font-size: 1.1em; }
.portfolio-preview p { margin: 0 0 .5em; font-size: .85em; }
.portfolio-preview__image { display: block; }
.portfolio-preview__image img { display: block; width: 100%; height: 135px; object-fit: contain; margin: 0; }
.portfolio-preview--text { grid-template-columns: minmax(0, 1fr); }
.portfolio-figure { display: block; margin: 1.25em 0 1.75em; width: 100%; }
.portfolio-figure img, .portfolio-figure video { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.portfolio-figure video { max-height: 560px; background: #f2f3f3; }
.portfolio-figure figcaption { margin-top: .6em; font-size: .75em; line-height: 1.5; }
.portfolio-figure--portrait { max-width: 440px; margin-left: auto; margin-right: auto; }
.portfolio-media-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1em; }
.portfolio-media-pair .portfolio-figure { margin-top: 0; }
@media (max-width: 600px) {
  .portfolio-preview { grid-template-columns: minmax(0, 1fr); gap: .8em; }
  .portfolio-preview__image img { height: 175px; }
  .portfolio-media-pair { grid-template-columns: minmax(0, 1fr); }
}