.holding-page {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  background: var(--mw-red);
  color: var(--mw-on-red);
}

.holding-page__topline {
  display: flex;
  justify-content: space-between;
  padding: 15px var(--mw-gutter) 14px;
  border-bottom: 1px solid rgb(255 255 255 / 50%);
  font: 500 10px/1 var(--mw-mono);
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.holding-page__main {
  align-self: center;
  padding: clamp(24px, 5vh, 56px) var(--mw-gutter);
}

.holding-page__main h1 {
  max-width: 18ch;
  margin: 0;
  font: 400 clamp(52px, 10.4vw, 210px) / 0.86 var(--mw-display);
  letter-spacing: -0.032em;
  hanging-punctuation: first;
  text-wrap: balance;
}

.holding-page__thesis {
  max-width: 32em;
  margin: clamp(18px, 3.2vh, 32px) 0 0;
  color: var(--mw-on-red-85);
  font: italic 300 22px/1.42 var(--mw-body);
  text-wrap: pretty;
}

.holding-page__thesis span {
  white-space: nowrap;
}

.holding-page__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 20px var(--mw-gutter) 22px;
  border-top: 1px solid rgb(255 255 255 / 50%);
}

.holding-page__description {
  margin: 0;
  font: italic 300 18px/1.4 var(--mw-body);
}

.subscribe-form__field {
  display: grid;
  gap: 9px;
}

.subscribe-form__field label {
  font: 500 9.5px/1.2 var(--mw-mono);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.subscribe-form__controls {
  display: flex;
}

.subscribe-form__controls input[type="email"] {
  width: min(29vw, 330px);
  min-width: 220px;
  padding: 13px 16px;
  border: 1px solid rgb(255 255 255 / 60%);
  background: transparent;
  font: 400 12px/1 var(--mw-mono);
}

.subscribe-form__controls input::placeholder {
  color: rgb(255 255 255 / 72%);
  opacity: 1;
}

.subscribe-form__controls button {
  min-height: 44px;
  padding: 13px 20px;
  border: 1px solid var(--mw-ground);
  background: var(--mw-ground);
  color: var(--mw-ink);
  font: 500 10px/1 var(--mw-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.subscribe-form__controls button:hover,
.subscribe-form__controls button:focus-visible {
  background: var(--mw-ink);
  color: var(--mw-ground);
}

@media (max-width: 760px) {
  :root {
    --mw-gutter: 20px;
  }

  .holding-page {
    overflow: auto;
  }

  .holding-page__main {
    padding-block: clamp(48px, 10vh, 96px);
  }

  .holding-page__main h1 {
    font-size: clamp(54px, 17vw, 108px);
  }

  .holding-page__thesis {
    font-size: 19px;
  }

  .holding-page__thesis span {
    white-space: normal;
  }

  .holding-page__bottom {
    align-items: stretch;
    flex-direction: column;
    gap: 22px;
  }

  .subscribe-form__controls input[type="email"] {
    width: 100%;
    min-width: 0;
  }
}

@media (max-height: 680px) {
  .holding-page {
    overflow: auto;
  }

  .holding-page__main {
    padding-block: 40px;
  }
}