.page-contact {
  font-family: Arial, sans-serif;
  color: #FFF6D6; /* Text Main color on dark background */
  background-color: #0A0A0A; /* Background color */
  line-height: 1.6;
  font-size: 18px; /* Base font size for readability */
}

/* Hero Section */
.page-contact__hero-section {
  display: flex; /* Use flexbox for column layout */
  flex-direction: column;
  align-items: center; /* Center content horizontally */
  padding-top: var(--header-offset, 120px); /* For fixed header */
  background-color: #0A0A0A; /* Ensure dark background */
  color: #FFF6D6;
  text-align: center;
  padding-bottom: 80px; /* Add some padding at the bottom */
}

.page-contact__hero-visual {
  width: 100%;
  max-height: 500px; /* Limit height of the image */
  overflow: hidden;
  margin-bottom: 40px; /* Space between image and text */
}

.page-contact__hero-image {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
  display: block;
  object-fit: cover;
  filter: brightness(0.7); /* Keep it slightly darker for visual appeal */
}

.page-contact__hero-content {
  max-width: 900px;
  padding: 0 20px; /* Remove top/bottom padding as it's handled by section */
}

.page-contact__main-title {
  font-size: 3.2em;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #FFD36B; /* Glow color for emphasis */
  text-shadow: 0 0 10px rgba(255, 211, 107, 0.6);
  max-width: 90%;
}

.page-contact__hero-description,
.page-contact__hero-sub-description {
  font-size: 1.1em;
  margin-bottom: 25px;
  max-width: 800px;
  line-height: 1.8;
}