/* Additive native video orientation. Load after site.css, also in the block editor. */
.embed.embed--portrait {
  aspect-ratio: 9 / 16;
  width: min(100%, 24rem, 45svh);
  margin-inline: auto;
}
.popup__box--media:has(.embed--portrait) {
  width: min(92vw, 28rem);
}
.embed--portrait > video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ideadom-process-step > .embed:not(.embed--portrait) {
  width: 100%;
  margin-block-end: 1rem;
}
@supports not (height: 1svh) {
  .embed.embed--portrait { width: min(100%, 24rem, 45vh); }
}