/* Mobile keeps its full-screen movie; desktop presents it inside a small phone. */
.vh-opening {display:none;position:fixed;inset:0;z-index:2147483000;box-sizing:border-box;background:radial-gradient(ellipse at 48% 48%,#fff 0%,#f7fdff 62%,#eaf9fd 100%);opacity:1;transition:opacity .45s ease;}
html.vh-opening-pending,html.vh-opening-pending body {overflow:hidden;}
html.vh-opening-pending body > :not(#vh-opening) {visibility:hidden;}
html.vh-opening-pending #vh-opening {display:grid;place-items:center;visibility:visible;}
.vh-opening-device {display:contents;}
.vh-opening-video {display:block;width:100%;height:100%;min-height:0;max-height:100dvh;object-fit:contain;object-position:center;}
.vh-opening:focus {outline:none;}
html.vh-opening-pending.vh-opening-revealing body > :not(#vh-opening) {visibility:visible;}
.vh-opening.vh-opening-leaving {opacity:0;pointer-events:none;}
@media (min-width:1025px) {
  .vh-opening-device {
    --vh-opening-screen-height:min(62vh,560px);
    display:block;
    position:relative;
    box-sizing:border-box;
    width:calc(var(--vh-opening-screen-height) * .5625 + 28px);
    height:calc(var(--vh-opening-screen-height) + 28px);
    padding:11px;
    border:3px solid #84949f;
    border-radius:39px;
    background:linear-gradient(125deg,#35424c,#0f1922 32%,#26343e 78%,#43545f);
    box-shadow:0 0 0 1px #23333e,0 2px 0 1px #d4e2e9,inset 0 0 0 1px #60727e,0 32px 64px -22px #25495855,0 10px 24px -12px #25495855;
    animation:vh-opening-phone-enter .55s cubic-bezier(.2,.65,.3,1) both;
  }
  .vh-opening-device::before,.vh-opening-device::after {
    content:"";
    position:absolute;
    top:4px;
    height:3px;
    border-radius:999px;
    background:#07121a;
    box-shadow:0 1px 0 #60717c;
    pointer-events:none;
  }
  .vh-opening-device::before {width:27px;left:calc(50% - 13.5px);}
  .vh-opening-device::after {width:4px;height:4px;left:calc(50% + 22px);background:#071a28;}
  .vh-opening-device .vh-opening-video {border-radius:25px;overflow:hidden;background:#f4fbfd;}
  @supports (height:100dvh) {
    .vh-opening-device {--vh-opening-screen-height:min(62dvh,560px);}
  }
}
@keyframes vh-opening-phone-enter {
  from {opacity:0;transform:translateY(12px);}
  to {opacity:1;transform:translateY(0);}
}
@media (prefers-reduced-motion:reduce) {.vh-opening {transition:none;}}
@media (prefers-reduced-motion:reduce) {.vh-opening-device {animation:none;}}