/* base.css -- page shell. The invite is a single column of PSD stages; on a phone
   the column is the screen width, on wider screens one stage is one screen tall. */
:root {
  --page: #241312;
  --col: min(100vw, calc(100svh * 1080 / 1920));
}
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--page); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html.is-locked { overflow: hidden; }
body { margin: 0; min-height: 100svh; background: var(--page); -webkit-font-smoothing: antialiased; }
img { display: block; }
.invite { width: var(--col); margin: 0 auto; outline: none; }
.scene { position: relative; }
:focus-visible { outline: 2px solid #d9b45d; outline-offset: 3px; }