/* Full open-iPad screen (both halves), inset to sit inside the glass */
.opener {
  position: absolute;
  z-index: 60;
  overflow: hidden;
  isolation: isolate;
  /* inside bezel + screen padding */
  top: calc(var(--bw, 4px) + var(--pd, 12px));
  right: calc(var(--bw, 4px) + var(--pd, 12px));
  bottom: calc(var(--bw, 4px) + var(--pd, 12px));
  left: calc(var(--bw, 4px) + var(--pd, 12px));
  border-radius: 33px;
  background: #f5ede3;
  opacity: 1;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.opener.is-dim {
  opacity: 0;
  visibility: hidden;
}
.opener-vid {
  position: absolute;
  left: 50%;
  top: 50%;
  /* slightly smaller than the glass so the full page sits inside, not under the bezel */
  width: 92%;
  height: 92%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center center;
  display: none;
  background: transparent;
}
html:not(.vert) .opener-vid-desktop {
  display: block;
}
html.vert .opener-vid-mobile {
  display: block;
}