/* About page (page-about.php) styles */
.about-page { background: var(--color-black); color: var(--color-text-primary); min-height: 80vh; }
.about-hero { padding: var(--spacing-3xl) 0 20px 0; text-align: center; }
.about-title { font-size: 2.5rem; color: var(--color-gold); }
.about-subtitle { color: var(--color-text-secondary); margin-top: 10px; }
.about-content { padding: var(--spacing-2xl) 0; }
.about-content-container { display: flex; flex-wrap: wrap; gap: var(--spacing-2xl); justify-content: center; align-items: flex-start; }
.about-text { flex: 1 1 350px; max-width: 600px; background: var(--color-black-secondary); padding: var(--spacing-xl); border-radius: var(--border-radius-lg); }
.about-text h2 { color: var(--color-gold); margin-top: var(--spacing-lg); }
.about-text ul { list-style: disc inside; margin: var(--spacing-md) 0 0 0; padding: 0 0 0 var(--spacing-md); }
.about-text li { margin-bottom: var(--spacing-sm); }
.about-image { flex: 1 1 300px; max-width: 400px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 900px) { .about-content-container { flex-direction: column; align-items: stretch; } .about-image { margin-top: var(--spacing-xl); } }