/* About 2 keeps the original page's visual language and only changes its rhythm. */
.about-two-template .about-page {
  background: #fff;
  padding: 100px 32px 72px;
  overflow: visible;
}

.about-two-template .page-container { max-width: 1440px; gap: 72px; }

.about-two-template .about-hero-section,
.about-two-template .about-intro-section,
.about-two-template .about-timeline-section,
.about-two-template .about-honors-section,
.about-two-template .about-team-section {
  background-color: #fff;
  background-image: none !important;
  border: 1px solid rgba(226, 232, 240, .9);
  box-shadow: 0 16px 42px rgba(30, 80, 180, .045);
}

.about-two-template .about-hero-wrapper { padding: 84px 88px 38px; }
.about-two-template .intro-section-wrapper { padding: 84px 88px 76px; }

.about-two-template .hero-text-block { margin-bottom: 44px; }
.about-two-template .hero-main-title { font-size: 44px; line-height: 1.34; }
.about-two-template .hero-paragraph { max-width: 650px; margin-top: 22px; font-size: 15.5px; line-height: 1.85; }
.about-two-template .stats-cards-grid { gap: 24px; margin-bottom: 64px; }
.about-two-template .stat-card { padding: 28px 20px 24px; min-height: auto; }
.about-two-template .features-bar-container { padding: 34px 30px; }
.about-two-template .feature-item { gap: 18px; }

.about-two-template .about-intro-section { min-height: auto; }
.about-two-template .section-center-header { margin-bottom: 58px; }
.about-two-template .center-section-subtitle { margin-top: 18px; line-height: 1.9; }
.about-two-template .intro-content-grid { gap: 64px; margin-bottom: 64px; }
.about-two-template .intro-heading,
.about-two-template .team-heading { margin-bottom: 28px; line-height: 1.55; }
.about-two-template .intro-highlight-p,
.about-two-template .team-highlight-p { margin-bottom: 20px; line-height: 1.9; }
.about-two-template .intro-body-p,
.about-two-template .team-body-p { line-height: 2; }
.about-two-template .business-focus-box { margin-top: 34px; }
.about-two-template .intro-stats-bar { margin-top: 12px; padding: 30px 24px; }

.about-two-template .about-timeline-section,
.about-two-template .about-honors-section,
.about-two-template .about-team-section { padding: 12px 0; }
.about-two-template .timeline-section-wrapper,
.about-two-template .honors-section-wrapper,
.about-two-template .team-section-wrapper { padding: 68px 72px; }
.about-two-template .timeline-header,
.about-two-template .honors-header { margin-bottom: 56px; }
.about-two-template .timeline-marquee-container,
.about-two-template .honors-marquee-container { padding: 10px 0 18px; }
.about-two-template .team-content-grid { gap: 64px; margin-top: 56px; }
.about-two-template .team-values-bar { margin-top: 58px; padding-top: 34px; }

@media (max-width: 1024px) {
  .about-two-template .about-page { padding: calc(var(--about-header-height) + 36px) 20px 52px; }
  .about-two-template .page-container { gap: 54px; }
  .about-two-template .about-hero-wrapper,
  .about-two-template .intro-section-wrapper,
  .about-two-template .timeline-section-wrapper,
  .about-two-template .honors-section-wrapper,
  .about-two-template .team-section-wrapper { padding: 60px 48px; }
  .about-two-template .intro-content-grid,
  .about-two-template .team-content-grid { gap: 42px; }
}

@media (max-width: 700px) {
  .about-two-template .about-page { padding: calc(var(--about-header-height) + 20px) 12px 36px; }
  .about-two-template .page-container { gap: 36px; }
  .about-two-template .about-hero-section,
  .about-two-template .about-intro-section,
  .about-two-template .about-timeline-section,
  .about-two-template .about-honors-section,
  .about-two-template .about-team-section { border-radius: 18px; }
  .about-two-template .about-hero-wrapper,
  .about-two-template .intro-section-wrapper,
  .about-two-template .timeline-section-wrapper,
  .about-two-template .honors-section-wrapper,
  .about-two-template .team-section-wrapper { padding: 42px 24px; }
  .about-two-template .hero-text-block { margin-bottom: 44px; }
  .about-two-template .hero-main-title { font-size: 34px; }
  .about-two-template .hero-paragraph { font-size: 15px; }
  .about-two-template .stats-cards-grid { gap: 14px; margin-bottom: 36px; }
  .about-two-template .stat-card { padding: 25px 12px 22px; }
  .about-two-template .features-bar-container { padding: 22px 18px; }
  .about-two-template .intro-content-grid,
  .about-two-template .team-content-grid { gap: 34px; margin-bottom: 40px; }
  .about-two-template .section-center-header,
  .about-two-template .timeline-header,
  .about-two-template .honors-header { margin-bottom: 36px; }
  .about-two-template .timeline-section-wrapper,
  .about-two-template .honors-section-wrapper,
  .about-two-template .team-section-wrapper { padding-top: 46px; padding-bottom: 46px; }
}