/* Figma 255:10544: 1728 × 887. Coordinates relative to the 568.581 px center column. */
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #fff; }
body { min-height: 100dvh; display: grid; place-items: center; }
.splash {
  position: relative;
  /* Fit the entire composition uniformly to both viewport dimensions. */
  width: min(calc(100vw - 32px), 64.1027dvh);
  aspect-ratio: 568.5810546875 / 887;
}
.splash img { display: block; max-width: none; pointer-events: none; }
.splash-film { position: absolute; inset: 0 0 auto; height: 75.6415%; overflow: hidden; }
.splash-film video { position: absolute; width: 100%; height: 112.992%; left: 0; bottom: 0; object-fit: fill; }
.splash-enter {
  position: absolute;
  left: 33.5705%;
  top: 69.031%;
  width: 32.8589%;
  height: 8.18179%;
  display: block;
  border-radius: 28%;
  -webkit-tap-highlight-color: transparent;
  transition: transform 160ms ease;
}
.splash-button { position: absolute; width: 100.189%; height: 100%; left: -.189%; top: 0; }
.splash-button-label { position: absolute; width: 66.8905%; height: 55.8836%; left: 15.9244%; top: 21.994%; }
.splash-enter:hover { transform: scale(1.035); }
.splash-enter:active { transform: scale(.975); }
.splash-enter:focus-visible { outline: 2px solid #079d84; outline-offset: 6px; }
.splash-brand { position: absolute; left: 8.7739%; top: 79.7977%; width: 82.4515%; height: 11.1748%; }
.splash-wordmark { position: absolute; left: 0; bottom: 0; width: 100%; height: 56.503%; }
.splash-badge { position: absolute; left: 62.3412%; top: 0; width: 14.3723%; height: 73.0064%; }
.splash-rednote { position: absolute; left: 88.2959%; top: 7.86462%; width: 11.7041%; height: 28.6392%; background: #f00; border-radius: 999px; }
.splash-rednote img { position: absolute; left: 12.5%; top: 24.161%; width: 75%; height: 51.678%; }
@media (max-width: 700px) {
  .splash-enter::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; min-height: 44px; height: 100%; transform: translateY(-50%); }
}
@media (prefers-reduced-motion: reduce) { .splash-enter { transition: none; } }