/* ==================================
   M S Morris newsletter sign-up form
   ================================== */

.newsletter-signup {
  background: #f6f6f5;
  color: #222222;
  padding: 64px 24px;
}

.newsletter-signup__inner {
  max-width: 680px;
  margin: 0 auto;
}

.newsletter-signup h2 {
  margin: 0 0 16px;
  color: #141b20;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-align: center;
}

.newsletter-signup__intro {
  max-width: 590px;
  margin: 0 auto 32px;
  color: #222222;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
  text-align: center;
}

.newsletter-form {
  font-family: Inter, Arial, sans-serif;
}

.newsletter-form__field {
  margin-bottom: 20px;
}

.newsletter-form__field label {
  display: block;
  margin-bottom: 7px;
  color: #222222;
  font-size: 0.9375rem;
  font-weight: 600;
}

.newsletter-form__optional {
  color: #5a5a5a;
  font-size: 0.875rem;
  font-weight: 400;
}

.newsletter-form__field input {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #b7b7b7;
  border-radius: 0;
  background: #ffffff;
  color: #222222;
  font: inherit;
}

.newsletter-form__field input:hover {
  border-color: #6a6a6a;
}

.newsletter-form__field input:focus {
  border-color: #141b20;
  outline: 3px solid rgba(20, 27, 32, 0.18);
  outline-offset: 2px;
}

.newsletter-form__privacy {
  margin: 6px 0 26px;
  color: #5a5a5a;
  font-size: 0.875rem;
  line-height: 1.55;
}

.newsletter-form__privacy a {
  color: #141b20;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.newsletter-form button {
  display: inline-block;
  min-height: 46px;
  padding: 12px 28px;
  border: 2px solid #141b20;
  border-radius: 0;
  background: #141b20;
  color: #ffffff;
  font-family: Inter, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  cursor: pointer;
}

.newsletter-form button:hover {
  background: #ffffff;
  color: #141b20;
}

.newsletter-form button:focus-visible {
  outline: 3px solid rgba(20, 27, 32, 0.3);
  outline-offset: 3px;
}

/* Hidden Mailchimp bot-trap field */
.newsletter-form__honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media (max-width: 640px) {
  .newsletter-signup {
    padding: 48px 20px;
  }

  .newsletter-signup h2 {
    font-size: 1.75rem;
  }

  .newsletter-signup__intro {
    margin-bottom: 26px;
  }

  .newsletter-form button {
    width: 100%;
  }
}