/* Contact Page Specific Styles */

/* Only add page-specific styles here that aren't part of the component library */
.contact-page {
  font-family: var(--font-family-base);
}

/* Any specific overrides for the page */
.contact-form__select option {
  color: var(--contact-text-color);
}

/* Responsive adjustments specific to contact page */
@media (max-width: 480px) {
  .contact-header__title {
    font-size: calc(var(--contact-font-size-xxl) * 0.8);
  }
  
  .contact-header__subtitle {
    font-size: calc(var(--contact-font-size-md) * 0.9);
  }
  
  .contact-form {
    padding: var(--contact-spacing-sm);
  }
  
  .contact-team-member {
    padding: var(--contact-spacing-sm);
  }
}