.connect-panel {
  width: min(640px, 100%);
  height: min(92vh, 900px);
  max-height: min(92vh, 900px);
  padding: 43px 58px 42px;
}

.connect-logo-new {
  margin-bottom: 10px;
}

.connect-name {
  margin: 0;
  color: var(--pine);
  font: 700 27px/1.1 var(--display);
  letter-spacing: -.045em;
  text-align: center;
}

.connect-tagline {
  margin: 7px 0 25px;
  color: #53605c;
  font: 11px var(--mono);
  text-align: center;
}

@media (max-width: 780px) {
  .connect-panel {
    width: 100%;
    height: 90vh;
    max-height: 90vh;
    padding: 38px 25px 30px;
  }

  .connect-logo-new {
    margin-bottom: 8px;
  }

  .connect-name {
    font-size: 24px;
  }

  .connect-tagline {
    margin-bottom: 22px;
  }
}