@media(min-width:901px){
  html.page-loading{overflow:hidden}
  html.page-loading::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:10000;
    background:#000;
  }
  .site-loader[open]{display:grid;place-items:center}
  .site-loader{
    position:fixed;
    inset:0;
    width:100%;
    height:100dvh;
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    border:0;
    background:#000;
    color:var(--ink);
    overflow:hidden;
    opacity:1;
    transition:opacity 300ms cubic-bezier(.22,1,.36,1);
  }
  .site-loader::backdrop{background:transparent;backdrop-filter:none}
  .site-loader video{
    width:100%;
    height:100%;
    object-fit:contain;
    pointer-events:none;
  }
  .site-loader.is-leaving{opacity:0}
}