.about-content{padding:var(--space-16) 0}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-10);align-items:start}.about-text h3{margin-bottom:var(--space-4)}.about-text p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.about-image{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;position:sticky;top:100px}.about-image img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.about-grid{grid-template-columns:1fr}.about-image{position:static}}.visi-misi{padding:var(--space-16) 0;background:var(--gray-50)}.visi-misi-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.visi-card,.misi-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card)}.visi-card{border-top:3px solid var(--gold-500)}.misi-card{border-top:3px solid var(--green-600)}.visi-card h3,.misi-card h3{margin-bottom:var(--space-4)}.misi-list{display:flex;flex-direction:column;gap:var(--space-3)}.misi-item{display:flex;gap:var(--space-3);align-items:flex-start}.misi-number{width:28px;height:28px;border-radius:var(--radius-full);background:#1b7a3d1a;color:var(--green-600);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:var(--text-xs);flex-shrink:0}.misi-item p{font-size:var(--text-sm)}@media(max-width:768px){.visi-misi-grid{grid-template-columns:1fr}}.values-detailed{padding:var(--space-16) 0}.values-detailed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.value-detail-card{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-card);border-left:3px solid transparent;transition:all var(--transition-base)}.value-detail-card:nth-child(1){border-left-color:var(--navy-700)}.value-detail-card:nth-child(2){border-left-color:var(--green-600)}.value-detail-card:nth-child(3){border-left-color:var(--gold-500)}@media(max-width:768px){.values-detailed-grid{grid-template-columns:1fr}}.sejarah{padding:var(--space-16) 0;background:var(--gray-50)}.timeline{position:relative;max-width:800px}.timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:var(--gray-300)}.timeline-item{position:relative;padding-left:64px;padding-bottom:var(--space-8)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:16px;top:4px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--green-600);border:3px solid var(--white);box-shadow:0 0 0 2px var(--green-600)}.timeline-year{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--green-600);margin-bottom:var(--space-2)}.timeline-content h4{margin-bottom:var(--space-2)}.timeline-content p{font-size:var(--text-sm)}.pengurus{padding:var(--space-16) 0}.pengurus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.pengurus-card{text-align:center;padding:var(--space-6);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.pengurus-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--navy-700),var(--navy-600));margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl)}.pengurus-name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-1)}.pengurus-role{font-size:var(--text-sm);color:var(--color-text-secondary)}@media(max-width:1024px){.pengurus-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pengurus-grid{grid-template-columns:1fr 1fr}}