.contact-hero {
  background: linear-gradient(135deg, rgba(21,50,71,0.98), rgba(47,91,120,0.95));
  color: var(--color-white);
  padding: 5rem 0 3rem;
}

.contact-hero p {
  color: rgba(255,255,255,0.82);
  max-width: 38rem;
}

.contact-hero__grid {
  display: grid;
  gap: var(--space-xl);
  grid-template-columns: 1fr 0.9fr;
  align-items: center;
}

.contact-hero__media img {
  border-radius: 1.8rem;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: var(--shadow-md);
}

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