.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: stretch;
}

@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-photo-panel {
    height: 260px;
  }
}

.contact-photo-panel {
  border-radius: 1rem;
  overflow: hidden;
  height: 100%;
}

.contact-photo-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contact-form-panel {
  display: flex;
  flex-direction: column;
}

.contact-form-panel form {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.contact-form-panel form > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.contact-form-panel textarea {
  flex: 1;
}

/* Light mode */
[data-theme="light"] .contact-form-panel {
  border-color: #e5e7eb !important;
}

[data-theme="light"] .contact-hero h1,
[data-theme="light"] .contact-hero p {
  color: #ffffff !important;
}

.contact-hero h1,
.contact-hero p {
  font-family: 'Raleway', sans-serif;
}

.contact-hero h1 {
  font-weight: 300;
  letter-spacing: -0.01em;
}

.contact-hero p {
  font-weight: 400;
}