.contact-layout {
  align-items: flex-start;
}
.contact-panel-main {
  background: radial-gradient(circle at top left, rgba(39, 39, 42, 0.9), #09090b);
}
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.form-grid {
  display: grid;
  gap: 1rem 1.25rem;
}
@media (min-width: 768px) {
  .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.form-field {
  display: flex;
  flex-direction: column;
}
.form-field-inline {
  gap: 0.6rem;
}
.consent-row {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 0.85rem;
  color: var(--color-text-muted);
}
.consent-row input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  margin-top: 0.1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--gray-700);
  background-color: #020617;
}
.consent-row input[type="checkbox"]:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.form-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.contact-aside {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact-card {
  background: radial-gradient(circle at top left, rgba(39, 39, 42, 0.9), #020617);
}
.contact-details {
  display: grid;
  gap: 0.75rem;
}
.contact-details dt {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--gray-400);
  margin-bottom: 0.15rem;
}
.contact-details dd {
  font-size: 0.9rem;
  color: var(--gray-200);
}
.hours-grid {
  display: grid;
  gap: 0.4rem;
  font-size: 0.9rem;
}
.hours-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.35rem 0.55rem;
  border-radius: 0.5rem;
  background: rgba(24, 24, 27, 0.7);
}
.info-list {
  display: grid;
  gap: 0.4rem;
  font-size: 0.9rem;
  color: var(--gray-200);
}
@media (max-width: 900px) {
  .contact-layout {
    gap: 2.5rem;
  }
}