/* About page — unique styling */
.about-intro { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--spacing-2xl); align-items: start; }
.about-intro p { color: var(--text-light); margin-bottom: var(--spacing-md); font-size: 1.22rem; line-height: 1.75; }
.about-intro h2 { font-size: var(--font-size-2xl); margin-bottom: var(--spacing-lg); }
.about-facts { display: flex; flex-direction: column; gap: var(--spacing-lg); background: var(--bg-secondary); padding: var(--spacing-lg); border-radius: var(--radius-md); border: 1px solid var(--border-color); }
.fact { display: flex; flex-direction: column; gap: 4px; }
.fact-label { font-family: var(--font-mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--accent-dark); }
.fact-value { font-family: var(--font-display); font-size: 1.15rem; }

.approach-grid { }
.approach-card { border-top: 2px solid rgba(184,134,46,0.4); padding-top: var(--spacing-lg); }
.approach-card i { color: var(--accent-color); font-size: 2.3rem; display: block; margin-bottom: var(--spacing-md); }
.approach-card h3 { font-size: 1.42rem; margin: var(--spacing-sm) 0; color: var(--text-on-dark); }
.approach-card p { color: var(--text-on-dark-dim); font-size: 1.15rem; line-height: 1.65; }

.team-card { text-align: left; }
.team-photo { width: 100%; aspect-ratio: 4/3; border-radius: var(--radius-md); overflow: hidden; margin-bottom: var(--spacing-md); background: var(--bg-secondary); }
.team-photo img { width: 100%; height: 100%; object-fit: cover; }
.team-photo-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--border-color); font-size: 2.5rem; }
.team-card h3 { font-size: 1.28rem; margin-bottom: 2px; }
.team-role { display: block; font-family: var(--font-mono); font-size: 0.85rem; color: var(--accent-dark); margin-bottom: var(--spacing-sm); }
.team-card p { font-size: 1.08rem; color: var(--text-light); line-height: 1.6; }

@media (max-width: 860px) {
    .about-intro { grid-template-columns: 1fr; }
}