.site-intro {
  position:fixed;
  inset:0;
  width:100%;
  max-width:none;
  height:100%;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  background:#000;
  color:#fff;
  overflow:hidden;
}
.site-intro::backdrop { background:#000; }
.site-intro video { display:block; width:100%; height:100%; object-fit:contain; }
.site-intro .site-intro__skip {
  position:absolute;
  right:max(24px, env(safe-area-inset-right));
  bottom:max(24px, env(safe-area-inset-bottom));
  min-height:44px;
  padding:12px 20px;
  border:1px solid #fff;
  border-radius:999px;
  background:#111;
  color:#fff;
  font:600 16px/1.2 Arial,sans-serif;
  cursor:pointer;
}
.site-intro .site-intro__skip:hover { background:#333; }
.site-intro .site-intro__skip:focus-visible { outline:3px solid #9fdaff; outline-offset:4px; }