/* Page: About - scoped styles */
body.page-template-page-about {
    --bg-void: #000000;
    --bg-deep: #020202;
    --bg-rich: #040404;
    --bg-surface: #070707;
    --bg-card: #0a0a0a;
    --bg-elevated: #0e0e0e;
    --bg-hover: #111111;
    --border-ghost: #141414;
    --border-subtle: #1c1c1c;
    --border-mid: #282828;
    --border-accent: #333333;
    --border-glow: #3d3d3d;
    --text-primary: #F4F4F4;
    --text-secondary: #AEAEAE;
    --text-muted: #686868;
    --accent: #E85002;
    --accent-deep: #B84000;
    --accent-deeper: #C10801;
    --accent-glow: rgba(232, 80, 2, 0.28);
    --accent-subtle: rgba(232, 80, 2, 0.05);
    --accent-wash: rgba(232, 80, 2, 0.08);
    --accent-warm: #F16001;
    --accent-light: #FF7A2E;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --transition-smooth: 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
    --transition-bounce: 0.42s cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-glacial: 0.5s cubic-bezier(0.16, 0.84, 0.44, 1);
}

body.page-template-page-about { background-color: var(--bg-void); }
body.page-template-page-about::before { content: ""; position: fixed; top: 0; left: 0; width:100%; height:100%; pointer-events:none; z-index:0; background: radial-gradient(ellipse at 12% 8%, rgba(232,80,2,0.018) 0%, transparent 55%), radial-gradient(ellipse at 78% 52%, rgba(193,8,1,0.014) 0%, transparent 50%), radial-gradient(ellipse at 32% 78%, rgba(241,96,1,0.012) 0%, transparent 55%), radial-gradient(ellipse at 55% 35%, rgba(232,80,2,0.01) 0%, transparent 60%); opacity:1; }
body.page-template-page-about::after { content: ""; position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:0; background-image: radial-gradient(circle, rgba(255,255,255,0.012) 1px, transparent 1px); background-size:24px 24px; opacity:0.55; mask-image: radial-gradient(ellipse at 50% 40%, black 40%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at 50% 40%, black 40%, transparent 75%); }

body.page-template-page-about .section { padding: 110px 0; }
body.page-template-page-about .section-divider { background: linear-gradient(90deg, transparent 0%, var(--border-ghost) 15%, var(--border-mid) 30%, var(--border-glow) 50%, var(--border-mid) 70%, var(--border-ghost) 85%, transparent 100%); max-width:860px; opacity:0.55; }
body.page-template-page-about .section-label { gap:12px; font-size:0.68rem; letter-spacing:0.12em; }

/* Typography */
body.page-template-page-about h1 { font-size: clamp(2.5rem, 5.2vw, 3.7rem); font-weight:900; line-height:1.12; letter-spacing:-0.03em; color:var(--text-primary); }
body.page-template-page-about h1 .accent-word { background: linear-gradient(160deg, var(--accent-light) 0%, var(--accent) 25%, var(--accent-warm) 55%, var(--accent-deep) 80%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* Story grid */
body.page-template-page-about .story-grid { display:flex; flex-wrap:wrap; gap:40px; align-items:center; }
body.page-template-page-about .story-text { flex:2; min-width:280px; }
body.page-template-page-about .story-quote { flex:1; min-width:250px; background: var(--bg-card); border:1px solid var(--border-subtle); border-radius: var(--radius-md); padding:32px; text-align:center; }
body.page-template-page-about .story-quote:hover { border-color: var(--accent); }
body.page-template-page-about .story-quote p { font-style: italic; color: var(--text-primary); font-size: 1.2rem; }

/* Team card */
body.page-template-page-about .team-card { text-align:center; padding:36px 24px; }
body.page-template-page-about .team-avatar { width:80px; height:80px; border-radius:50%; background: var(--border-mid); margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-size:2rem; color:var(--accent); transition: box-shadow var(--transition-smooth); }
body.page-template-page-about .team-card:hover .team-avatar { box-shadow: 0 0 20px var(--accent-glow); }
body.page-template-page-about .team-name { font-weight:700; color:var(--text-primary); margin-bottom:4px; }
body.page-template-page-about .team-role { color:var(--accent); font-size:0.9rem; margin-bottom:12px; }
body.page-template-page-about .team-quote { color:var(--text-secondary); font-size:0.9rem; font-style: italic; }

/* Stats & CTA */
body.page-template-page-about .stats-strip { background: var(--bg-rich); border-top: 1px solid var(--border-ghost); border-bottom: 1px solid var(--border-ghost); padding: 52px 0; display:flex; flex-wrap:wrap; justify-content:center; gap:40px; text-align:center; }
body.page-template-page-about .stat-item h3 { font-size:2.2rem; font-weight:800; color: var(--accent); margin-bottom:4px; }

@media (max-width: 768px) {
    body.page-template-page-about .section { padding: 70px 0; }
    body.page-template-page-about .hero-about { padding: 130px 20px 80px; }
    body.page-template-page-about .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    body.page-template-page-about .story-grid { flex-direction: column; }
    body.page-template-page-about .geo-diamond { display: none; }
}