:root{
    box-sizing: border-box;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  *{ box-sizing: inherit; }
  html{ scroll-padding-top: env(safe-area-inset-top, 0px); }
  html,body{ height:auto; min-height:100%; margin:0; background:#14211D; overflow-x:hidden; }
  html.lenis, html.lenis body{ height:auto; }
  .lenis.lenis-smooth{ scroll-behavior:auto !important; }
  .lenis.lenis-stopped{ overflow:hidden; }
  #hero-video, #intro{ pointer-events:none; }
  body{ -webkit-font-smoothing:antialiased; }
  /* ---- Chapter 0 elements not expressible in pure Tailwind ---- */
  #seam{
    box-shadow: 0 0 0px 0px rgba(179,150,119,0);
    transition: box-shadow 0.2s ease;
  }
  #monogram-ring{
    stroke-dasharray: 170;
    stroke-dashoffset: 170;
  }
  #panel-top, #panel-bottom{ will-change: transform; }
  #img-top, #img-bottom{ will-change: transform; transform-origin: center center; }