/* Static (email-backed) forms — small additions on top of Squarespace's own form styling */
.form-wrapper .static-form .fields { display: flex; flex-wrap: wrap; gap: 0 4%; margin: 0; }
.form-wrapper .static-form .field-list .fields legend.title { flex: 0 0 100%; width: 100%; margin: 0; padding: 0; }
.form-wrapper .static-form .field-list .fields.name .field { float: none; width: 48%; flex: 1 1 45%; margin-left: 0; }
.form-wrapper .static-form .field .description.required { display: inline; padding: 0 0 0 .35em; font-size: .8em; opacity: .7; white-space: normal; }
.form-wrapper .static-form .title { margin-bottom: 4px; }
.form-wrapper .static-form .field .caption { display: block; font-size: 12px; }
.form-wrapper .static-form select.field-element { appearance: none; -webkit-appearance: none; padding-right: 36px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23000' stroke-width='1.5'/></svg>");
  background-repeat: no-repeat; background-position: right 14px center; }
.form-wrapper .static-form .field-error { margin-top: 12px; }
.form-wrapper .form-submission-text p { margin: 0; }
.sf-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.sf-msg.hidden, .static-form.hidden { display: none !important; }
@media (max-width: 640px) { .form-wrapper .static-form .fields { display: block; } .form-wrapper .static-form .field-list .fields.name .field { width: 100%; } }