.hero-contact {
  position: relative;
}
.hero-inner-contact {
  align-items: center;
}
.hero-actions-contact {
  margin-bottom: var(--space-md);
}
.hero-meta-contact {
  font-size: var(--font-size-xs);
}
.hero-image-contact {
  width: 100%;
  height: 100%;
}
.section-contact-details {
  background: radial-gradient(circle at top, rgba(255, 255, 255, 0.9), rgba(248, 244, 240, 0.9));
}
.grid-contact-details {
  gap: var(--space-xl);
}
.contact-details-card,
.contact-intro-card {
  min-width: 0;
}
.contact-details-body {
  gap: var(--space-lg);
}
.contact-detail-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}
.contact-detail-main {
  font-size: var(--font-size-md);
  font-weight: 500;
}
.contact-detail-note {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.section-contact-form {
  background-color: rgba(248, 244, 240, 0.85);
}
.contact-form-header {
  margin-bottom: var(--space-xl);
}
.contact-form-card {
  max-width: var(--container-sm);
  margin-left: auto;
  margin-right: auto;
}
.contact-form {
  width: 100%;
}
.contact-form-footer {
  margin-top: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.form-status {
  min-height: 1.2em;
  font-size: var(--font-size-sm);
}
.form-status--success {
  color: var(--color-success);
}
.form-status--error {
  color: var(--color-danger);
}
.section-access {
  background: radial-gradient(circle at bottom, rgba(255, 255, 255, 0.9), rgba(248, 244, 240, 0.9));
}
.access-card {
  max-width: var(--container-sm);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 900px) {
  .hero-actions-contact {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-actions-contact .btn {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .contact-detail-main {
    font-size: var(--font-size-base);
  }
}