.about-main { padding: 34px; }
.about-main p { color: var(--color-text-muted); line-height: 1.85; }
.about-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 26px; max-width: 320px; margin-left: auto; margin-right: auto; }
.about-stat { padding: 18px 10px; text-align: center; border-radius: var(--radius-sm); border: 1px solid var(--color-border); background: var(--gradient-soft); transition: transform var(--transition), box-shadow var(--transition); }
.about-stat:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); }
.about-stat strong { display: block; color: var(--color-primary); font-size: 1.4rem; }
.about-stat span { color: var(--color-text-muted); font-size: .8rem; }

/* Kartu "Tentang Kami" dengan foto latar — ganti file assets/img/about/about-bg.jpg dengan foto pilihan Anda */
.about-main--photo {
  position: relative;
  overflow: hidden;
  padding: 56px 34px;
  border: none;
  color: #fff;
  background-color: var(--color-primary-dark);
  background-image: url('../img/about/about-bg.jpg');
  background-size: cover;
  background-position: center;
}
.about-main--photo .about-main-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 20, 43, .55) 0%, rgba(8, 20, 43, .86) 100%);
}
.about-main--photo .about-main-content { position: relative; z-index: 1; }
.about-main--photo p { color: rgba(255, 255, 255, .86); }
.about-main--photo h3 { color: #fff; }
.icon-box--light { background: rgba(255, 255, 255, .16); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
.about-main--photo .about-stat { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .22); }
.about-main--photo .about-stat strong { color: #fff; }
.about-main--photo .about-stat span { color: rgba(255, 255, 255, .78); }