/* Desktop Styles (769px and above) */
@media (min-width: 769px) {
  /* Hero Section */
  .about-hero {
    height: 80vh;
  }

  .hero-content h1 {
    font-size: 3.5rem;
  }

  .hero-content p {
    font-size: 1.2rem;
  }

  /* Who We Are Section */
  .who-we-are {
    padding: 100px 0;
  }

  .section-header h2 {
    font-size: 2.5rem;
  }

  .organization-summary h3 {
    font-size: 1.8rem;
  }

  .organization-summary p {
    font-size: 1.1rem;
  }

  /* Why Manilom Section */
  .why-manilom {
    padding: 100px 0;
  }

  .why-manilom-content h2 {
    font-size: 2.5rem;
  }

  .why-manilom-text .intro-text {
    font-size: 1.2rem;
  }

  .benefits-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* Vision & Mission Sections */
  .vision-section,
  .mission-section {
    padding: 100px 0;
  }

  .vision-content h2,
  .mission-content h2 {
    font-size: 2.5rem;
  }

  .vision-content h3,
  .mission-content h3 {
    font-size: 1.8rem;
  }

  .vision-content blockquote,
  .mission-content blockquote {
    font-size: 1.5rem;
  }

  /* Core Values Section */
  .core-values {
    padding: 100px 0;
  }

  .core-values h2 {
    font-size: 2.5rem;
  }

  .values-grid {
    grid-template-columns: repeat(5, 1fr);
  }

  /* Leadership Section */
  .leadership-section {
    padding: 100px 0;
  }

  .leadership-content h2 {
    font-size: 2.5rem;
  }

  .leadership-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .leader-card {
    max-width: 100%;
  }

  .leader-image {
    height: 300px;
  }

  /* History Section */
  .history-section {
    padding: 100px 0;
  }

  .history-content h2 {
    font-size: 2.5rem;
  }

  .timeline:before {
    left: 50%;
  }

  .timeline-item {
    padding-left: 0;
  }

  /* Legal Status Section */
  .legal-status {
    padding: 100px 0;
  }

  .legal-content h2 {
    font-size: 2.5rem;
  }

  .certifications {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Footer */
  .footer {
    padding: 80px 0 0;
  }

  .footer-sections {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
  }

  .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
  }

  .footer-links {
    flex-direction: row;
  }
}

/* Large Desktop Styles (1200px and above) */
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .hero-content {
    max-width: 800px;
  }

  .organization-summary {
    max-width: 900px;
  }

  .why-manilom-content,
  .leadership-content,
  .history-content,
  .legal-content {
    max-width: 1200px;
  }

  .vision-content,
  .mission-content {
    max-width: 900px;
  }
}