@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');

.wp-block-jetpack-contact-form,
.wp-block-jetpack-contact-form .contact-form {
  font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  max-width: 560px; margin-left: auto; margin-right: auto;
}
.wp-block-jetpack-contact-form .contact-form {
  background: #fff; border: 1px solid rgba(42,36,30,.14);
  border-radius: 22px; padding: clamp(24px,3vw,38px);
  box-shadow: 0 30px 60px -34px rgba(0,0,0,.28);
}
.wp-block-jetpack-contact-form .grunion-field-wrap,
.wp-block-jetpack-contact-form .jetpack-field { margin-bottom: 16px; }
.wp-block-jetpack-contact-form label,
.wp-block-jetpack-contact-form .grunion-field-label,
.wp-block-jetpack-contact-form .jetpack-field-label {
  display: block; font-size: 13px; font-weight: 600;
  color: #6f665a; margin-bottom: 7px; text-transform: none;
}
.wp-block-jetpack-contact-form .required { color: #c81828; font-weight: 700; }
.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form input[type="tel"],
.wp-block-jetpack-contact-form input[type="url"],
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form textarea {
  width: 100%; box-sizing: border-box; padding: 14px 16px;
  border: 1px solid rgba(42,36,30,.18); border-radius: 11px;
  background: #f7f3ec; color: #2a241e; font-size: 15px;
  font-family: inherit; outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.wp-block-jetpack-contact-form textarea { min-height: 120px; resize: vertical; }
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form select:focus,
.wp-block-jetpack-contact-form textarea:focus {
  border-color: #c81828; box-shadow: 0 0 0 3px rgba(200,24,40,.12);
}
.wp-block-jetpack-contact-form ::placeholder { color: #a89e8f; }
.wp-block-jetpack-contact-form button[type="submit"],
.wp-block-jetpack-contact-form .wp-block-button__link,
.wp-block-jetpack-contact-form input[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center;
  width: 100%; margin-top: 6px; padding: 15px 22px; border: 0;
  border-radius: 12px; background: #c81828; color: #fff;
  font-family: 'Hanken Grotesk', sans-serif; font-weight: 700;
  font-size: 16px; cursor: pointer;
  box-shadow: 0 14px 30px -12px rgba(200,24,40,.7);
  transition: transform .12s ease, background .2s ease;
}
.wp-block-jetpack-contact-form button[type="submit"]:hover,
.wp-block-jetpack-contact-form .wp-block-button__link:hover,
.wp-block-jetpack-contact-form input[type="submit"]:hover {
  background: #e0233a; transform: translateY(-1px);
}