/* Halaman Tentang Kami — mengikuti gaya beranda Avalon */
.av-header .avalon-nav-link.is-current { background: #fff; color: #164293; box-shadow: 0 2px 8px -4px rgba(18, 51, 90, .3); }

.av-about-hero .av-about-grid { max-width: 1180px; margin: 0 auto; padding: 0 24px; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.av-about-photo { position: relative; margin: 0; }
.av-about-photo img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
  border-radius: 18px; box-shadow: 0 30px 60px -30px rgba(18, 51, 90, .45);
}
.av-about-photo figcaption {
  position: absolute; left: 16px; bottom: 16px;
  padding: 8px 14px; border-radius: 999px;
  background: rgba(255, 255, 255, .94); color: #17304d;
  font-family: "Mosk 500", Arial, sans-serif; font-size: 14px;
}

.av-about-facts { background: #fff; border-bottom: 1px solid var(--av-line); }
.av-facts-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.av-fact { padding: 36px 32px 36px 0; }
.av-fact + .av-fact { padding-left: 32px; border-left: 1px solid var(--av-line); }
.av-fact-label { color: var(--av-green); font-family: "Mosk 700", Arial, sans-serif; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.av-fact-value { margin: 8px 0 4px; color: var(--av-ink); font-family: "Mosk 700", Arial, sans-serif; font-size: 24px; line-height: 1.2; }
.av-fact p:not(.av-fact-value) { margin: 0; color: #52657a; font-size: 15px; }

.av-about-cta { padding: 0 0 92px; }
.av-about-cta-inner {
  display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
  padding-top: 44px; padding-bottom: 44px;
  background: var(--av-soft); border-radius: 20px;
  padding-left: 40px; padding-right: 40px;
}
.av-about-cta h2 { max-width: 560px; margin: 0; color: var(--av-ink); font-family: "Mosk 700", Arial, sans-serif; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.2; letter-spacing: -.02em; }
.av-about-cta .avalon-button { border-radius: 999px; }

@media (max-width: 760px) {
  .av-about-hero .av-about-grid { grid-template-columns: 1fr; padding: 0 18px; }
  .av-facts-grid { grid-template-columns: 1fr; }
  .av-fact, .av-fact + .av-fact { padding: 22px 0; border-left: 0; }
  .av-fact + .av-fact { border-top: 1px solid var(--av-line); }
  .av-about-cta { padding-bottom: 64px; }
  .av-about-cta-inner { padding: 32px 22px; margin: 0 18px; width: auto; }
  .av-about-cta .avalon-button { width: 100%; }
}