@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.about-established {
  padding: 120px 8%;
  background: #ffffff;
  font-family: 'Poppins', sans-serif;
  background-image: radial-gradient(circle at 10% 20%, rgba(74, 222, 128, 0.05) 0%, transparent 40%); /* subtle bg pattern */
}

.about-established .container {
  max-width: 1200px;
  margin: 0 auto;
}

/* 2 COLUMN GRID */
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr; /* left smaller, right bigger */
  gap: 80px;
  align-items: start;
}

/* LEFT SIDE - TITLE */
.about-left h2 {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.1;
  color: #1a202c; /* dark grey/black */
  margin: 0 0 8px 0;
  letter-spacing: -1px;
}

.about-left .year {
  font-size: 52px;
  font-weight: 800;
  color: #15803d; /* CHI green */
  display: block;
  line-height: 1.1;
}

/* RIGHT SIDE - PARAGRAPH */
.about-right p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #4a5568; /* medium grey */
  margin: 0;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .about-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .about-left h2,
  .about-left .year {
    font-size: 42px;
  }
}

@media (max-width: 640px) {
  .about-established { padding: 80px 6%; }
  .about-left h2,
  .about-left .year {
    font-size: 36px;
  }
  .about-right p { font-size: 15px; }
}