[hidden] { display: none !important; }
.portfolio-page .portfolio-card:nth-child(6) { grid-column: 5 / span 4; }
.portfolio-card[hidden] { display: none; }
.portfolio-image { border: 0; }
.portfolio-image:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
.portfolio-rich-gallery { align-items: stretch; }
.portfolio-rich-gallery picture, .portfolio-rich-gallery .video-card { margin: 0; min-width: 0; }
.portfolio-rich-gallery picture img { height: 100%; min-height: 420px; max-height: 720px; }
.portfolio-rich-gallery .portfolio-video video { display: block; width: 100%; height: 100%; min-height: 420px; max-height: 720px; aspect-ratio: 3 / 4; object-fit: cover; background: #111; }
.portfolio-rich-gallery .portfolio-video figcaption { padding-top: 11px; }
@media (max-width: 760px) {
  .portfolio-page .portfolio-card:nth-child(6) { grid-column: auto; }
  .portfolio-rich-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .portfolio-rich-gallery > * { margin: 0 !important; }
  .portfolio-rich-gallery picture img { min-height: 0; max-height: none; aspect-ratio: 3 / 4; }
  .portfolio-rich-gallery .portfolio-video { grid-column: 1 / -1; width: min(78%, 420px); justify-self: end; }
  .portfolio-rich-gallery .portfolio-video video { min-height: 0; max-height: 72vh; aspect-ratio: 9 / 16; object-fit: contain; }
}
@media (max-width: 390px) {
  .portfolio-rich-gallery { gap: 8px; }
  .portfolio-rich-gallery .portfolio-video { width: 86%; }
}