/* Mission Section Consolidated CSS
 * Combines: mission-lighter-font.css, mission-text-smaller.css
 * Order matters: text-smaller loaded AFTER lighter-font to override font-weight
 */

/* ==========================================================================
   MISSION LIGHTER FONT (from mission-lighter-font.css)
   ========================================================================== */

/* Main mission text - make it lighter */
.mission-text {
  font-weight: 300 !important; /* Light weight instead of ultra-thin */
}

/* Keep the highlighted parts even lighter for contrast */
.mission-text .ai-driven,
.mission-text .four-pillar {
  font-weight: 200 !important; /* Extra light for highlighted sections */
}

/* Ensure consistent weight across all screen sizes */
@media (max-width: 87.5rem) {
  .mission-text {
    font-weight: 300 !important;
  }

  .mission-text .ai-driven,
  .mission-text .four-pillar {
    font-weight: 200 !important;
  }
}

@media (max-width: 64rem) {
  .mission-text {
    font-weight: 300 !important;
  }

  .mission-text .ai-driven,
  .mission-text .four-pillar {
    font-weight: 200 !important;
  }
}

@media (max-width: 48rem) {
  .mission-text {
    font-weight: 300 !important;
  }

  .mission-text .ai-driven,
  .mission-text .four-pillar {
    font-weight: 200 !important;
  }
}

/* Mobile mission text */
.mission-text-mobile {
  font-weight: 300 !important;
}

.mission-text-mobile .ai-driven,
.mission-text-mobile .four-pillar {
  font-weight: 200 !important;
}

/* ==========================================================================
   MISSION TEXT SMALLER (from mission-text-smaller.css)
   Note: This section overrides font-weight from above where needed
   ========================================================================== */

/* Main mission text - much bigger */
.mission-text {
  font-size: 3.6rem !important;
  line-height: 1.05 !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
}

/* Extra large screens */
@media (min-width: 1920px) {
  .mission-text {
    font-size: 4.5rem !important;
  }
}

/* Large desktops */
@media (min-width: 1440px) and (max-width: 1919px) {
  .mission-text {
    font-size: 4rem !important;
  }
}

/* Standard desktops */
@media (min-width: 1024px) and (max-width: 1439px) {
  .mission-text {
    font-size: 3.2rem !important;
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1023px) {
  .mission-text {
    font-size: 2.5rem !important;
  }
}

/* Small tablets */
@media (min-width: 480px) and (max-width: 767px) {
  .mission-text {
    font-size: 2rem !important;
  }
}

/* Mobile */
@media (max-width: 479px) {
  .mission-text {
    font-size: 1.6rem !important;
  }
}

/* Mobile mission text */
.mission-text-mobile {
  font-size: 7vw !important;
}

/* Small mobile screens */
@media (max-width: 480px) {
  .mission-text-mobile {
    font-size: 1.5rem !important;
  }
}