:root {
  --white: #ffffff;
  --black: #1e1e1e;
  --charcoal: #313040;
  --beige: #f5f4f2;
  --beige-300: #F5F4F2;
  --slate-20: #d7d7dc;
  --slate-40: #b0b0b9;
  --slate-60: #8a8a98;
  --slate-80: #6a6a7a;
  --slate-100: #454559;
  --blue-20: #c7d2ec;
  --blue-40: #90a5d9;
  --blue-60: #5c78c3;
  --blue-80: #3333af;
  --blue-100: #00009b;
  --magenta-20: #e9cdec;
  --magenta-40: #d39dd8;
  --magenta-60: #cc8cd2;
  --magenta-80: #c178c9;
  --magenta-100: #c151c2;
  --blush: #c18489;
  --maroon: #6d1b28;
  --eucalyptus: #5a6d51;
  --sage: #bbc4a1; }

.text-white {
  color: var(--white); }

.bg-white {
  background-color: var(--white); }

.text-black {
  color: var(--black); }

.bg-black {
  background-color: var(--black); }

.text-charcoal {
  color: var(--charcoal); }

.bg-charcoal {
  background-color: var(--charcoal); }

.text-beige {
  color: var(--beige); }

.bg-beige {
  background-color: var(--beige); }

.text-blush {
  color: var(--blush); }

.bg-blush {
  background-color: var(--blush); }

.text-maroon {
  color: var(--maroon); }

.bg-maroon {
  background-color: var(--maroon); }

.text-eucalyptus {
  color: var(--eucalyptus); }

.bg-eucalyptus {
  background-color: var(--eucalyptus); }

.text-sage {
  color: var(--sage); }

.bg-sage {
  background-color: var(--sage); }

.text-slate-20 {
  color: var(--slate-20); }

.bg-slate-20 {
  background-color: var(--slate-20); }

.text-slate-40 {
  color: var(--slate-40); }

.bg-slate-40 {
  background-color: var(--slate-40); }

.text-slate-60 {
  color: var(--slate-60); }

.bg-slate-60 {
  background-color: var(--slate-60); }

.text-slate-80 {
  color: var(--slate-80); }

.bg-slate-80 {
  background-color: var(--slate-80); }

.text-slate-100 {
  color: var(--slate-100); }

.bg-slate-100 {
  background-color: var(--slate-100); }

.text-blue-20 {
  color: var(--blue-20); }

.bg-blue-20 {
  background-color: var(--blue-20); }

.text-blue-40 {
  color: var(--blue-40); }

.bg-blue-40 {
  background-color: var(--blue-40); }

.text-blue-60 {
  color: var(--blue-60); }

.bg-blue-60 {
  background-color: var(--blue-60); }

.text-blue-80 {
  color: var(--blue-80); }

.bg-blue-80 {
  background-color: var(--blue-80); }

.text-blue-100 {
  color: var(--blue-100); }

.bg-blue-100 {
  background-color: var(--blue-100); }

.text-magenta-20 {
  color: var(--magenta-20); }

.bg-magenta-20 {
  background-color: var(--magenta-20); }

.text-magenta-40 {
  color: var(--magenta-40); }

.bg-magenta-40 {
  background-color: var(--magenta-40); }

.text-magenta-60 {
  color: var(--magenta-60); }

.bg-magenta-60 {
  background-color: var(--magenta-60); }

.text-magenta-80 {
  color: var(--magenta-80); }

.bg-magenta-80 {
  background-color: var(--magenta-80); }

.text-magenta-100 {
  color: var(--magenta-100); }

.bg-magenta-100 {
  background-color: var(--magenta-100); }

.border-white {
  border-color: var(--white); }

.border-black {
  border-color: var(--black); }

.border-charcoal {
  border-color: var(--charcoal); }

.border-beige {
  border-color: var(--beige); }

.border-blush {
  border-color: var(--blush); }

.border-maroon {
  border-color: var(--maroon); }

.border-eucalyptus {
  border-color: var(--eucalyptus); }

.border-sage {
  border-color: var(--sage); }

.border-slate-20 {
  border-color: var(--slate-20); }

.border-slate-40 {
  border-color: var(--slate-40); }

.border-slate-60 {
  border-color: var(--slate-60); }

.border-slate-80 {
  border-color: var(--slate-80); }

.border-slate-100 {
  border-color: var(--slate-100); }

.border-blue-20 {
  border-color: var(--blue-20); }

.border-blue-40 {
  border-color: var(--blue-40); }

.border-blue-60 {
  border-color: var(--blue-60); }

.border-blue-80 {
  border-color: var(--blue-80); }

.border-blue-100 {
  border-color: var(--blue-100); }

.border-magenta-20 {
  border-color: var(--magenta-20); }

.border-magenta-40 {
  border-color: var(--magenta-40); }

.border-magenta-60 {
  border-color: var(--magenta-60); }

.border-magenta-80 {
  border-color: var(--magenta-80); }

.border-magenta-100 {
  border-color: var(--magenta-100); }

:root {
  --font-3xl-light-size: 3.75rem;
  --font-3xl-light-height: 4rem;
  --font-3xl-light-weight: 200;
  --font-3xl-regular-size: 3.75rem;
  --font-3xl-regular-height: 4rem;
  --font-3xl-regular-weight: 400;
  --font-2xl-regular-size: 2.5rem;
  --font-2xl-regular-height: 3.125rem;
  --font-2xl-regular-weight: 400;
  --font-xl-regular-size: 1.5rem;
  --font-xl-regular-height: 2rem;
  --font-xl-regular-weight: 400;
  --font-xl-semibold-size: 1.5rem;
  --font-xl-semibold-height: 2rem;
  --font-xl-semibold-weight: 600;
  --font-lg-regular-size: 1.25rem;
  --font-lg-regular-height: 1.375rem;
  --font-lg-regular-weight: 400;
  --font-lg-semibold-size: 1.25rem;
  --font-lg-semibold-height: 1.375rem;
  --font-lg-semibold-weight: 600;
  --font-md-regular-size: 1.125rem;
  --font-md-regular-height: 1.5rem;
  --font-md-regular-weight: 400;
  --font-md-semibold-size: 1.125rem;
  --font-md-semibold-height: 1.5rem;
  --font-md-semibold-weight: 600;
  --font-sm-regular-size: 1rem;
  --font-sm-regular-height: 1.375rem;
  --font-sm-regular-weight: 400;
  --font-sm-semibold-size: 1rem;
  --font-sm-semibold-height: 1.375rem;
  --font-sm-semibold-weight: 600;
  --font-xs-book-size: 0.875rem;
  --font-xs-book-height: 1.125rem;
  --font-xs-book-weight: 300;
  --font-xs-regular-size: 0.875rem;
  --font-xs-regular-height: 1.125rem;
  --font-xs-regular-weight: 400;
  --font-xs-medium-size: 0.875rem;
  --font-xs-medium-height: 1.125rem;
  --font-xs-medium-weight: 500;
  --font-xs-semibold-size: 0.875rem;
  --font-xs-semibold-height: 1.125rem;
  --font-xs-semibold-weight: 500;
  --font-2xs-medium-size: 0.75rem;
  --font-2xs-medium-height: 0.75rem;
  --font-2xs-medium-weight: 500;
  --font-3xs-medium-size: 0.625rem;
  --font-3xs-medium-height: 0.625rem;
  --font-3xs-medium-weight: 500;
  --font-3xs-semibold-size: 0.625rem;
  --font-3xs-semibold-height: 0.625rem;
  --font-3xs-semibold-weight: 600; }
  @media (max-width: 768px) {
    :root {
      --font-3xl-light-size: 2.75rem;
      --font-3xl-light-height: 3.25rem;
      --font-3xl-regular-size: 2.75rem;
      --font-3xl-regular-height: 3.25rem;
      --font-2xl-regular-size: 1.75rem;
      --font-2xl-regular-height: 2rem;
      --font-xl-regular-size: 1.375rem;
      --font-xl-regular-height: 1.875rem;
      --font-xl-semibold-size: 1.375rem;
      --font-xl-semibold-height: 1.875rem;
      --font-lg-regular-size: 1.125rem;
      --font-lg-regular-height: 1.125rem;
      --font-lg-semibold-size: 1.125rem;
      --font-lg-semibold-height: 1.125rem;
      --font-md-regular-size: 1rem;
      --font-md-regular-height: 1.375rem;
      --font-md-semibold-size: 1rem;
      --font-md-semibold-height: 1.375rem;
      --font-sm-regular-size: 0.875rem;
      --font-sm-regular-height: 1.125rem;
      --font-sm-semibold-size: 0.875rem;
      --font-sm-semibold-height: 1.125rem;
      --font-xs-book-size: 0.75rem;
      --font-xs-book-height: 0.875rem;
      --font-xs-regular-size: 0.75rem;
      --font-xs-regular-height: 0.875rem;
      --font-xs-medium-size: 0.75rem;
      --font-xs-medium-height: 0.875rem;
      --font-xs-semibold-size: 0.75rem;
      --font-xs-semibold-height: 0.875rem;
      --font-2xs-medium-size: 0.75rem;
      --font-2xs-medium-height: 0.875rem;
      --font-3xs-medium-size: 0.625rem;
      --font-3xs-medium-height: 0.75rem;
      --font-3xs-semibold-size: 0.625rem;
      --font-3xs-semibold-height: 0.75rem; } }

.form-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  margin-bottom: 1rem; }
  .form-header h2 {
    font-size: var(--font-2xl-regular-size);
    line-height: var(--font-2xl-regular-height);
    font-weight: var(--font-2xl-regular-weight);
    font-family: "halyard-text", sans-serif; }
  .form-header p {
    font-size: var(--font-xl-regular-size);
    line-height: var(--font-xl-regular-height);
    font-weight: var(--font-xl-regular-weight);
    font-family: "halyard-text", sans-serif; }

.form-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%; }

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%; }

.form-content {
  display: flex;
  padding: 2.5rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.25rem;
  margin-inline: auto; }
  @media (min-width: 743px) {
    .form-content {
      width: 37.75rem; } }
  @media (min-width: 1133px) {
    .form-content {
      width: 40.25rem; } }

.form-body {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  @media (max-width: 743px) {
    .form-body {
      padding-inline: 1rem; } }

.form-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
  align-self: stretch;
  width: 100%; }
  @media (min-width: 743px) {
    .form-row {
      flex-direction: row; } }

.form-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 0 0;
  width: 100%; }

input[type="text"],
input[type="email"],
textarea,
select {
  display: flex;
  height: 3rem;
  padding: 0.75rem 0.625rem 0.75rem 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0.625rem;
  border-bottom: 1px solid var(--slate-40);
  background: var(--beige);
  width: 100%; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  textarea:focus,
  select:focus {
    outline: none; }
  input[type="text"]:active, input[type="text"]:focus, input[type="text"]:hover,
  input[type="email"]:active,
  input[type="email"]:focus,
  input[type="email"]:hover,
  textarea:active,
  textarea:focus,
  textarea:hover,
  select:active,
  select:focus,
  select:hover {
    background: #ECE8E5; }

.select-input {
  position: relative;
  width: 100%; }
  .select-input::after {
    content: '';
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 8L12 16L4 8' stroke='%23313040' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain; }

.checkbox-field {
  display: flex;
  align-items: start;
  gap: 1rem;
  align-self: stretch;
  margin-bottom: 1.25rem; }
  .checkbox-field input {
    margin-top: 0.25rem; }

input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0.125rem;
  border: 1px solid var(--charcoal);
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease; }
  input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1rem;
    height: 1rem;
    background-color: var(--charcoal);
    transform: translate(-50%, -50%); }
  input[type="checkbox"].privacy-notice {
    width: 1.25rem;
    height: 1.125rem; }
    input[type="checkbox"].privacy-notice:checked::after {
      width: 0.75rem;
      height: 0.75rem; }
    @media (min-width: 743px) {
      input[type="checkbox"].privacy-notice {
        width: 1.5rem;
        height: 1.5rem; }
        input[type="checkbox"].privacy-notice:checked::after {
          width: 1rem;
          height: 1rem; } }

textarea {
  height: 6.25rem;
  resize: vertical; }

label {
  font-size: var(--font-sm-regular-size);
  line-height: var(--font-sm-regular-height);
  font-weight: var(--font-sm-regular-weight);
  font-family: "halyard-text", sans-serif;
  color: var(--charcoal); }
  label a {
    text-decoration: underline; }
  label.label-notice {
    max-width: 37.625rem;
    width: 100%; }

.custom-dropdown {
  position: relative;
  width: 100%; }

.dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  border-bottom: 1px solid var(--slate-40);
  background: var(--beige);
  cursor: pointer;
  transition: all 0.2s ease; }
  .dropdown-trigger:hover {
    background-color: #ECE8E5; }
  .dropdown-trigger[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .dropdown-trigger[aria-expanded="true"] .dropdown-arrow {
      transform: rotate(180deg); }

.dropdown-value {
  font-size: var(--font-sm-regular-size);
  line-height: var(--font-sm-regular-height);
  font-weight: var(--font-sm-regular-weight);
  font-family: "halyard-text", sans-serif;
  color: var(--charcoal); }
  .dropdown-value:empty::before {
    content: attr(data-placeholder);
    color: var(--slate-60, #94a3b8); }

.dropdown-arrow {
  transition: transform 0.2s ease;
  color: var(--charcoal); }

.dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  background: var(--beige);
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  z-index: 1000;
  transition: max-height 0.3s ease; }
  .dropdown-options.show {
    max-height: 40rem;
    overflow-y: auto;
    z-index: 1001; }

.dropdown-option {
  font-size: var(--font-sm-regular-size);
  line-height: var(--font-sm-regular-height);
  font-weight: var(--font-sm-regular-weight);
  font-family: "halyard-text", sans-serif;
  padding: 0.75rem 0.625rem 0.75rem 1rem;
  color: var(--charcoal);
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 1px solid var(--slate-40);
  background: var(--beige); }
  .dropdown-option:last-child {
    border-bottom: none; }
  .dropdown-option:focus, .dropdown-option:hover, .dropdown-option.selected {
    background-color: #ECE8E5; }

.error-message {
  font-size: var(--font-sm-regular-size);
  line-height: var(--font-sm-regular-height);
  font-weight: var(--font-sm-regular-weight);
  font-family: "halyard-text", sans-serif;
  color: var(--maroon);
  margin-top: -0.5rem; }

.success-message {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem; }

.select-wrapper {
  position: relative;
  width: 100%; }

.select-arrow {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  pointer-events: none; }

.radio-group-inline {
  display: flex;
  align-items: center;
  gap: 2rem; }

.radio-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: var(--font-sm-regular-size);
  line-height: var(--font-sm-regular-height);
  font-weight: var(--font-sm-regular-weight);
  font-family: "halyard-text", sans-serif;
  color: var(--charcoal); }
  .radio-label input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid var(--charcoal);
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    margin: 0;
    flex-shrink: 0; }
    .radio-label input[type="radio"]:checked {
      border-color: var(--charcoal); }
      .radio-label input[type="radio"]:checked::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 0.625rem;
        height: 0.625rem;
        background-color: var(--charcoal);
        border-radius: 50%;
        transform: translate(-50%, -50%); }

/* Hide the default browser arrow */
.select-wrapper select {
  appearance: none; }

/*# sourceMappingURL=contact.css.map */