@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro-Medium.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro-Bold.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro-Italic.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro-Light.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro-LightItalic.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro-BoldItalic.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "Apercu Pro";
  src: url("/assets/fonts/hinted-subset-ApercuPro-MediumItalic.woff2") format("woff2"), url("/assets/fonts/hinted-subset-ApercuPro-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

*,
*::before,
*::after {
  vertical-align: baseline;
  box-sizing: inherit;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit; }

html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.25;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Apercu Pro";
  margin: 0;
  padding: 0;
  color: white;
  height: 100vh;
  background-color: #252A3D; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

.bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.part-a {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative; }
  .part-a > .wrap {
    padding-bottom: 2rem; }
  .part-a > .fade {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4rem;
    background: linear-gradient(transparent, #252A3D);
    z-index: 0; }

.part-b {
  color: #C5C8D6; }

.hold-svg {
  height: 0;
  position: relative; }
  .hold-svg > svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.logo {
  width: 50%;
  margin-right: auto;
  margin-left: auto; }
  .logo .hold-svg {
    padding-bottom: 65.78947%; }

.next .illu {
  width: 10rem;
  margin-right: auto;
  margin-left: auto; }

.next .hold-svg {
  padding-bottom: 20.05277%; }

.wrap {
  margin: 0 auto;
  position: relative;
  z-index: 1; }
  @media (min-width: 25em) {
    .wrap {
      max-width: 25em; } }
  @media (min-width: 45em) {
    .wrap {
      max-width: 45em; } }

.frame {
  padding: 2.5rem 1.5rem; }
  @media (min-width: 45em) {
    .frame {
      padding: 4rem 2.5rem; } }

.stop {
  padding: 0.1px; }

.grid {
  margin: -0.5rem;
  display: flex;
  flex-wrap: wrap; }
  .grid > * {
    flex: 0 0 auto;
    width: 100%; }

.cell {
  padding: 0.5rem; }
  @media (min-width: 45em) {
    .cell {
      width: 50%; } }

.stack--xs > * {
  margin-top: 0;
  margin-bottom: 0; }

.stack--xs > * + * {
  margin-top: 0.6rem; }

.stack--s > * {
  margin-top: 0;
  margin-bottom: 0; }

.stack--s > * + * {
  margin-top: 1rem; }

.stack--l > * {
  margin-top: 0;
  margin-bottom: 0; }

.stack--l > * + * {
  margin-top: 3.2rem; }

.sans--l {
  font-size: 2rem;
  line-height: 1.1;
  text-align: center; }
  @media (min-width: 45em) {
    .sans--l {
      font-size: 3rem; } }

.sans--s {
  font-size: 1rem;
  line-height: 1.2; }
  @media (min-width: 45em) {
    .sans--s {
      font-size: 1.5rem; } }

a {
  color: inherit; }

form, label, input, textarea, button {
  font-family: inherit;
  color: inherit;
  transition: all 150ms ease; }

label,
input {
  display: block;
  width: 100%; }

input, button {
  border-radius: 0.25em;
  font-weight: bold;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 4px solid transparent;
  background-color: rgba(200, 200, 200, 0.25);
  outline: none;
  padding: 1em; }
  input::-webkit-input-placeholder, input[disabled], button::-webkit-input-placeholder, button[disabled] {
    font-weight: normal;
    color: rgba(200, 200, 200, 0.4); }
  input:-ms-input-placeholder, input[disabled], button:-ms-input-placeholder, button[disabled] {
    font-weight: normal;
    color: rgba(200, 200, 200, 0.4); }
  input::-ms-input-placeholder, input[disabled], button::-ms-input-placeholder, button[disabled] {
    font-weight: normal;
    color: rgba(200, 200, 200, 0.4); }
  input::placeholder, input[disabled], button::placeholder, button[disabled] {
    font-weight: normal;
    color: rgba(200, 200, 200, 0.4); }
  input:hover, input:focus, input.dirty, button:hover, button:focus, button.dirty {
    background-color: rgba(200, 200, 200, 0.15);
    border-color: rgba(200, 200, 200, 0.4); }

button {
  cursor: pointer;
  display: block;
  width: auto; }
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL19zdHlsZXNoZWV0cy9fY29uZmlnLnNjc3MiLCJhcHAuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFLDBCQUF5QjtFQUN6Qix3SkFDeUU7RUFDekUsaUJBQWdCO0VBQ2hCLG1CQUFrQixFQUFBOztBQUdwQjtFQUNFLDBCQUF5QjtFQUN6QixvSkFDdUU7RUFDdkUsa0JBQWlCO0VBQ2pCLG1CQUFrQixFQUFBOztBQUdwQjtFQUNFLDBCQUF5QjtFQUN6QiwwSUFDa0U7RUFDbEUsb0JBQW1CO0VBQ25CLG1CQUFrQixFQUFBOztBQUdwQjtFQUNFLDBCQUF5QjtFQUN6Qix3SkFDeUU7RUFDekUsb0JBQW1CO0VBQ25CLG1CQUFrQixFQUFBOztBQUdwQjtFQUNFLDBCQUF5QjtFQUN6QixzSkFDd0U7RUFDeEUsaUJBQWdCO0VBQ2hCLG1CQUFrQixFQUFBOztBQUdwQjtFQUNFLDBCQUF5QjtFQUN6QixrS0FDOEU7RUFDOUUsaUJBQWdCO0VBQ2hCLG1CQUFrQixFQUFBOztBQUdwQjtFQUNFLDBCQUF5QjtFQUN6QixnS0FDNkU7RUFDN0Usa0JBQWlCO0VBQ2pCLG1CQUFrQixFQUFBOztBQUdwQjtFQUNFLDBCQUF5QjtFQUN6QixvS0FDK0U7RUFDL0UsaUJBQWdCO0VBQ2hCLG1CQUFrQixFQUFBOztBQ2xFcEI7OztFQUdFLHlCQUF3QjtFQUN4QixvQkFBbUI7RUFDbkIscUJBQW9CO0VBQ3BCLHFCQUFvQjtFQUNwQixvQkFBbUI7RUFDbkIsbUJBQWtCLEVBQ25COztBQUVEO0VBQ0UsdUJBQXNCO0VBQ3RCLHdCQUF1QjtFQUN2QixrQkFBaUI7RUFDakIsK0JBQThCO0VBQzlCLDJCQUEwQjtFQUMxQiw4QkFBNkI7RUFDN0IsOENBQTZDO0VBQzdDLG9DQUFtQztFQUNuQyxtQ0FBa0MsRUFDbkM7O0FBT0Q7RUFDRSwwQkFBeUI7RUFDekIsVUFBUztFQUNULFdBQVU7RUFDVixhQUFZO0VBQ1osY0FBYTtFQUNiLDBCQVZnQixFQVdqQjs7QUFFRDtFQUEw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 */