/* Contact form, in the boards' language: Inter labels in caps, a maroon rule under each field
   (no boxes), the Cormorant underlined call to action. Text is maroon only. */
.cf { margin-top: 36px; max-width: 34rem; font-family: Inter, system-ui, sans-serif; color: #5E1823; }
.cf .cf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cf .cf-f { margin-top: 22px; }
.cf .cf-l { display: block; font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #7A3540; line-height: 1.5; }
.cf .cf-i {
  display: block; width: 100%; box-sizing: border-box; margin: 6px 0 0; padding: 8px 0 9px;
  border: 0; border-bottom: 1px solid #5E1823; border-radius: 0; background: transparent;
  font: 400 15px/1.5 Inter, system-ui, sans-serif; color: #5E1823; -webkit-appearance: none; appearance: none;
}
.cf textarea.cf-i { resize: vertical; min-height: 6.5em; }
.cf .cf-i:focus { outline: none; border-bottom-width: 2px; padding-bottom: 8px; }
.cf .cf-i:focus-visible { outline: none; }
.cf .cf-bad .cf-i { border-bottom-color: #9E5F68; }
/* errors: light rose italic (the palette's note color, 4.9:1 on white) */
.cf .cf-e { margin: 7px 0 0; font-size: 12.5px; font-style: italic; line-height: 1.45; color: #9E5F68; }
.cf .cf-b {
  margin-top: 30px; padding: 0; border: 0; background: none; cursor: pointer;
  font: 500 21px/1.2 'Cormorant Garamond', serif; color: #5E1823;
  text-decoration: underline; text-underline-offset: .28em; text-decoration-thickness: 1px;
}
.cf .cf-b:hover { opacity: .78; }
.cf .cf-b:disabled { opacity: .5; cursor: progress; }
.cf .cf-s { margin: 14px 0 0; min-height: 1.5em; font: italic 500 17px/1.4 'Cormorant Garamond', serif; color: #7A3540; }
.cf .cf-m { margin-top: 28px; }