/* 9:16 cards are exactly 202 x 360 */
.grid > li:has(.card-shell.is-portrait),
.card-shell.is-portrait {
  width: 202px !important;
  max-width: 202px !important;
  justify-self: center;
  margin-left: auto;
  margin-right: auto;
}
.card-shell.is-portrait .thumb-stage,
.card-shell.is-portrait .card,
.card-shell.is-portrait .thumb,
.card .thumb.is-portrait,
.thumb.is-portrait {
  width: 202px !important;
  height: 360px !important;
  max-width: 202px !important;
  max-height: 360px !important;
  aspect-ratio: 202 / 360 !important;
}
.card-shell.is-portrait .thumb img,
.thumb.is-portrait img {
  width: 202px !important;
  height: 360px !important;
  object-fit: cover;
}
.lightbox-stage [data-lb-media] img:not(.nest-mark),
.lightbox-stage [data-lb-media] video {
  max-width: min(96vw, 1100px);
  max-height: 78vh;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}
.lightbox-stage [data-lb-media].is-portrait img:not(.nest-mark),
.lightbox-stage [data-lb-media].is-portrait video,
.lightbox-stage [data-lb-media]:has(video[data-portrait]) video {
  max-width: min(420px, 92vw);
  max-height: 82vh;
}
[data-lb-media],
.item-still {
  position: relative;
}
.nest-mark {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 28%;
  max-width: 180px;
  height: auto !important;
  max-height: none !important;
  pointer-events: none;
  z-index: 4;
  object-fit: contain !important;
  margin: 0 !important;
  display: block;
  filter: drop-shadow(0 2px 4px rgb(28 58 24 / 0.45));
}
.item-still.is-portrait .nest-mark,
[data-lb-media]:has(video[data-portrait]) .nest-mark {
  width: 42%;
}