/* About page specific styles — LightVinee */

/* Hero */
.about-hero { padding: var(--space-16) 0 var(--space-14); position: relative; }
.about-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(600px 300px at 10% 20%, rgba(var(--rgb-accent), 0.12), transparent 60%), radial-gradient(700px 320px at 90% 10%, rgba(var(--rgb-primary), 0.10), transparent 60%); pointer-events: none; }
.about-hero-grid { grid-template-columns: 1.1fr; gap: var(--space-8); align-items: center; }
.about-hero-copy p { color: var(--gray-100); }
.about-hero-actions { margin-top: var(--space-5); display: flex; gap: var(--space-3); flex-wrap: wrap; }
.about-hero-visual { margin: 0; }
.about-hero-visual img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
@media (min-width: 980px) { .about-hero-grid { grid-template-columns: 1.1fr 1fr; } }

/* Section TOC */
.section-toc { padding: var(--space-6) 0; border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.02); }
.section-toc-list { display: flex; flex-wrap: wrap; gap: var(--space-3); list-style: none; margin: 0; padding: 0; }
.section-toc-list a { display: inline-block; padding: 8px 12px; border: 1px solid rgba(255,255,255,0.14); border-radius: var(--radius-pill); color: var(--gray-100); background: rgba(255,255,255,0.04); }
.section-toc-list a:hover { color: var(--color-text); border-color: rgba(var(--rgb-accent), 0.6); box-shadow: var(--shadow-glow-accent); }

/* Generic section spacing */
.section { padding: var(--space-16) 0; }
.section-cta p {
  margin: 11px auto;
}
/* Values */
.values-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 900px) { .values-grid { grid-template-columns: repeat(3, 1fr); } }

/* Timeline */
.timeline { list-style: none; margin: var(--space-8) 0; padding: 0; position: relative; }
.timeline::before { content: ""; position: absolute; left: 12px; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, rgba(var(--rgb-accent),0.4), rgba(var(--rgb-primary),0.2)); border-radius: 2px; }
.timeline-item { position: relative; padding-left: 44px; margin-bottom: var(--space-6); }
.timeline-item::before { content: ""; position: absolute; left: 6px; top: 10px; width: 14px; height: 14px; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 3px rgba(var(--rgb-primary),0.25), 0 6px 18px rgba(var(--rgb-primary),0.3); }
.timeline-year { position: absolute; left: 0; top: 0; transform: translateY(-4px); font-weight: 700; color: var(--color-accent); margin-left: -4px; font-family: var(--font-display); }
.timeline-actions { display: flex; gap: var(--space-3); align-items: center; }
.is-collapsed[hidden] { display: none !important; }

/* Team */
.team-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 820px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1180px) { .team-grid { grid-template-columns: repeat(4, 1fr); } }
.team-photo { width: 100%; height: auto; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); margin-bottom: var(--space-4); object-fit: cover; }
.team-meta .team-name { margin: 0 0 var(--space-2); }
.team-role { color: var(--gray-200); margin-bottom: var(--space-3); }
.team-bio { color: var(--gray-100); }

/* Testimonials */
.testimonials-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 900px) { .testimonials-grid { grid-template-columns: repeat(3, 1fr); } }
.testimonials-grid blockquote p { font-size: var(--text-lg); }
.testimonials-grid footer { margin-top: var(--space-3); color: var(--gray-300); }

/* Awards */
.awards-list { display: grid; gap: var(--space-4); grid-template-columns: 1fr; list-style: none; padding: 0; margin: var(--space-6) 0 0; }

/* Impact */
.impact-grid { grid-template-columns: 1fr; gap: var(--space-8); align-items: center; }
@media (min-width: 980px) { .impact-grid { grid-template-columns: 1.2fr 0.8fr; } }
.impact-visual img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

/* Partners */
.partners-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 900px) { .partners-grid { grid-template-columns: repeat(3, 1fr); } }
.partners-cta { margin-top: var(--space-5); color: var(--gray-100); }

/* Contact */
.contact-cards { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 900px) { .contact-cards { grid-template-columns: 1.2fr 0.8fr; } }
.contact-card address { font-style: normal; color: var(--gray-100); }
.contact-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }

/* CTA */
.text-center { text-align: center; }