.about-page{max-width:720px;margin:0 auto;padding:8rem 2rem 4rem;display:flex;flex-direction:column;gap:4rem}.about-page-header{display:flex;flex-direction:column;gap:1rem}.about-page-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--text);line-height:1.1}.about-page-sub{font-size:.9rem;color:var(--text-dim);max-width:480px;line-height:1.7}.about-block{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:4rem;border-bottom:1px solid var(--border)}.about-block:last-of-type{border-bottom:none}.block-heading{font-size:.8rem;color:var(--accent);letter-spacing:.08em;font-weight:500}.block-body{font-size:.9rem;color:var(--text-dim);line-height:1.9;max-width:600px}.block-body em{color:var(--text);font-style:normal}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem}.detail-label{font-size:.68rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.detail-value{font-size:.95rem;color:var(--text)}.skills-table{display:flex;flex-direction:column;gap:1.5rem}.skills-group-label{font-size:.68rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.about-block--writing{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin:0 -.5rem}.writing-heading{font-family:var(--font-serif)!important;font-size:1.1rem!important;font-style:italic;letter-spacing:.02em!important}.writing-body{font-family:var(--font-serif);font-size:1rem;line-height:1.9;font-style:italic;color:var(--text-dim)}.traits-list{display:flex;flex-direction:column;gap:1.75rem}.trait{display:flex;gap:1.25rem;align-items:flex-start}.trait-icon{font-size:.9rem;margin-top:.1rem;flex-shrink:0}.trait-title{font-size:.88rem;color:var(--text);font-weight:500;margin-bottom:.3rem}.trait-desc{font-size:.82rem;color:var(--text-dim);line-height:1.7}.about-cta{display:flex;flex-direction:column;gap:1.25rem;padding-top:1rem}.about-cta-text{font-size:.9rem;color:var(--text-dim)}@media (max-width: 768px){.about-page{padding:6rem 1.25rem 3rem;gap:3rem}.identity-grid{gap:1.25rem 1.5rem}.about-block--writing{margin:0}.about-cta .btn-primary,.about-cta .btn-ghost{width:100%;text-align:center}}@media (max-width: 480px){.about-page{padding:5.5rem 1rem 2.5rem}.about-page-title{letter-spacing:-.02em}.identity-grid{grid-template-columns:1fr;gap:1rem}.about-block--writing{padding:1.5rem}}