.about-section {
  padding: 100px 80px;

  display: flex;
  align-items: center;
  gap: 80px;

  background: #ffffff;
}

.about-image-container {
  flex: 1;
  position: relative;
}

.about-image {
  width: 100%;
  height: 650px;

  object-fit: cover;

  border-radius: 20px;
  display: block;
}

.founder-quote {
  position: absolute;

  right: -30px;
  bottom: 30px;

  max-width: 350px;

  background: white;

  padding: 25px;

  border-radius: 15px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.founder-quote p {
  margin: 0 0 15px 0;

  font-size: 15px;
  line-height: 1.7;

  color: #555;
  font-style: italic;
}

.founder-quote span {
  font-size: 13px;
  font-weight: 700;

  color: #c9a227;
  letter-spacing: 1px;
}

.about-info {
  flex: 1;
}

.about-subtitle {
  color: #c9a227;

  font-weight: 600;
  letter-spacing: 2px;

  margin-bottom: 15px;
}

.about-info h2 {
  font-size: 52px;
  line-height: 1.2;

  margin-bottom: 25px;

  color: #222;
}

.about-description {
  color: #666;

  line-height: 1.9;
  margin-bottom: 20px;

  font-size: 16px;
}

.about-stats {
  display: flex;
  gap: 25px;

  margin-top: 40px;
  margin-bottom: 40px;
}

.stat-card {
  background: #f8f8f8;

  padding: 25px 35px;

  border-radius: 15px;

  text-align: center;

  min-width: 160px;
  max-width: 185px;
}

.stat-card h3 {
  font-size: 42px;

  margin: 0;

  color: #c9a227;
}

.stat-card p {
  margin-top: 10px;

  color: #666;
}

.about-highlight {
  border-left: 4px solid #c9a227;
  padding-left: 20px;
  background: #FAF9F6;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}

.about-highlight p {
  margin: 0;

  font-size: 20px;
  font-style: italic;

  color: #333;
}

/* MOBILE */

@media (max-width: 900px) {

  .about-section {
    flex-direction: column;

    padding: 70px 20px;
    gap: 50px;
  }

  .about-image {
    height: 450px;
  }

  .founder-quote {
    right: 10px;
    bottom: 10px;

    max-width: 260px;

    padding: 18px;
  }

  .about-info h2 {
    font-size: 38px;
  }

  .about-stats {
    flex-direction: column;
  }

  .stat-card {
    width: 100%;
  }

}