/* =============================================
   LRD TECH | ABOUT PAGE - About Grid · Timeline · Values
   ============================================= */
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.about-image { width: 100%; border-radius: var(--radius-lg); overflow: hidden; }
.about-image img { width: 100%; display: block; }
.about-content h2 { font-size: 2rem; font-weight: 800; letter-spacing: -0.5px; margin-bottom: var(--space-md); }
.about-content p { font-size: 0.95rem; color: var(--text-tertiary); line-height: 1.8; margin-bottom: var(--space-md); }
.about-founder { display: flex; align-items: center; gap: 16px; padding: 16px; background: var(--glass-bg); border-radius: var(--radius-md); border: 1px solid var(--glass-border); margin-top: 20px; }
.about-founder img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.about-founder h4 { font-size: 0.9rem; font-weight: 700; }
.about-founder p { font-size: 0.8rem; color: var(--text-aqua); margin-bottom: 0; }
.timeline { position: relative; padding-left: 30px; margin-top: 30px; }
.timeline::before { content: ''; position: absolute; left: 8px; top: 0; bottom: 0; width: 2px; background: var(--glass-border); }
.timeline-item { position: relative; margin-bottom: 24px; }
.timeline-item::before { content: ''; position: absolute; left: -26px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--primary-aqua); border: 2px solid var(--bg-deep-navy); box-shadow: var(--glow-aqua); }
.timeline-item h4 { font-size: 0.9rem; font-weight: 700; margin-bottom: 4px; }
.timeline-item p { font-size: 0.8rem; color: var(--text-tertiary); margin-bottom: 0; }
@media (max-width: 1023px) { .about-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .founder { flex-direction: column; gap: 20px; } .founder-avatar img { max-width: 140px; } }