/* =========================================
   AA — ABOUT PAGE ONLY (page-tentang-kami)
   - Founder + VMV grid + safe reveal support
========================================= */

/* =========================
   VMV GRID (Visi/Misi/Nilai)
========================= */
.aa-aboutVmv{
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 900px){
  .aa-aboutVmv{ grid-template-columns: 1fr; }
}

/* =========================
   FOUNDER SECTION (Premium)
========================= */
.aa-founder{ position: relative; }

.aa-founder::before{
  content:"";
  position:absolute;
  inset: 0;
  background:
    radial-gradient(900px 420px at 10% 20%, rgba(249,115,22,.10), transparent 60%),
    radial-gradient(900px 420px at 90% 10%, rgba(37,99,235,.10), transparent 62%);
  pointer-events:none;
}

.aa-founder > .aa-container{ position: relative; }

.aa-founder__grid{
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 32px;
  align-items: center;
}
@media (max-width: 980px){
  .aa-founder__grid{ grid-template-columns: 1fr; }
}

.aa-founder__media{
  display:flex;
  justify-content:center;
}

.aa-founder__mediaWrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 12px;
}

.aa-founder__image{
  width: 100%;
  max-width: 280px;
  aspect-ratio: 4 / 5;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  background: #fff;
  box-shadow: 0 24px 50px rgba(2,6,23,.14);
  position: relative;
}
@media (max-width: 980px){
  .aa-founder__image{ max-width: 260px; }
}

.aa-founder__image::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, transparent 55%, rgba(2,6,23,.22));
  pointer-events:none;
}

.aa-founder__img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.aa-founder__caption{
  width: 100%;
  max-width: 280px;
  text-align:center;
}
@media (max-width: 980px){
  .aa-founder__caption{ max-width: 260px; }
}

.aa-founder__nameRow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  flex-wrap: wrap;
}

.aa-founder__name{
  font-family: var(--display, "Sora", system-ui);
  font-weight: 950;
  letter-spacing: -.02em;
  color: var(--text, #0f172a);
  font-size: 1.05rem;
}

.aa-founder__badge{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: .82rem;
  color: rgba(15,23,42,.88);
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 12px 26px rgba(2,6,23,.10);
  backdrop-filter: blur(10px);
}

.aa-founder__sig{
  margin-top: 6px;
  font-size: 2.1rem;
  line-height: 1;
  letter-spacing: .01em;
  opacity: .85;
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;
  background: linear-gradient(135deg, rgba(249,115,22,.95), rgba(37,99,235,.95));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.aa-founder__quote{
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(249,115,22,.08), rgba(37,99,235,.08));
  border: 1px solid rgba(37,99,235,.15);
  font-weight: 900;
  font-style: italic;
}

/* =========================
   REVEAL ANIMATION (SAFE)
   - Default: nampak (no blank)
   - Animate bila JS add .aa-reveal-ready
========================= */
[data-aa-reveal]{
  opacity:1;
  transform:none;
}

body.aa-reveal-ready [data-aa-reveal]{
  opacity:0;
  transform: translateY(10px);
  transition: opacity .55s ease, transform .55s ease;
}

body.aa-reveal-ready [data-aa-reveal].is-in{
  opacity:1;
  transform: translateY(0);
}