*, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html,
    body {
      min-height: 100%;
    }

    body {
      font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
      font-weight: 300;
      background: #fff;
      color: #000;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    .page {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 60px 28px;
      gap: 0;
      text-align: center;
    }

    .logo {
      width: min(260px, 60vw);
      height: auto;
      display: block;
      margin-bottom: 52px;
    }

    .blurb {
      max-width: 555px;
      text-align: center;
    }

    .blurb p {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.75;
      letter-spacing: 0.01em;
      color: rgba(0,0,0,.65);
      margin-bottom: 10px;
    }

    .blurb p:last-child {
      margin-bottom: 0;
    }

    .release {
      font-size: 11px;
      font-weight: 400;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(0,0,0,.40);
      margin-top: 32px;
      text-align: center;
    }

    .newsletter {
      margin-top: 38px;
      width: min(420px, 100%);
      text-align: center;
    }

    .news-form {
      display: grid;
      gap: 10px;
      width: 100%;
    }

    .news-form input[type="email"] {
      width: 100%;
      padding: 10px 0;
      font: inherit;
      font-size: 14px;
      font-weight: 300;
      text-align: center;
      border: 0;
      border-bottom: 1px solid rgba(0,0,0,.25);
      background: transparent;
      color: rgba(0,0,0,.75);
      outline: none;
    }

    .news-form input[type="email"]::placeholder {
      color: rgba(0,0,0,.35);
    }

    .news-form input[type="email"]:focus {
      border-bottom-color: rgba(0,0,0,.65);
    }

    .news-form .hp {
      display: none;
    }

    .news-form .consent {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-top: 4px;
      font-size: 11px;
      font-weight: 300;
      line-height: 1.45;
      text-align: left;
      color: rgba(0,0,0,.45);
    }

    .news-form .consent input {
      margin-top: 2px;
      flex: 0 0 auto;
    }

    .news-form button {
      justify-self: center;
      margin-top: 10px;
      padding: 10px 14px;
      font: inherit;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: .08em;
      text-transform: uppercase;
      background: #000;
      color: #fff;
      border: 1px solid #000;
      cursor: pointer;
    }

    .news-form button:hover {
      background: #fff;
      color: #000;
    }

    .news-form button:disabled {
      opacity: .55;
      cursor: default;
    }

    .notice {
      margin-top: 14px;
      text-align: center;
    }

    .notice p {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.75;
      letter-spacing: 0.01em;
      color: rgba(0,0,0,.55);
      margin: 0;
    }