.about-header.svelte-cwls5q{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--color-primary-soft);border-radius:var(--radius-xl);display:flex}.about-avatar.svelte-cwls5q{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:100px;height:100px;font-size:var(--text-4xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.about-avatar.svelte-cwls5q img:where(.svelte-cwls5q){object-fit:cover;width:100%;height:100%}.about-info.svelte-cwls5q h1:where(.svelte-cwls5q){font-family:var(--font-display), var(--font-sans);font-size:var(--text-3xl);margin-bottom:var(--space-sm);font-weight:700}.about-info.svelte-cwls5q p:where(.svelte-cwls5q){font-size:var(--text-base);color:var(--color-text-secondary)}.about-section.svelte-cwls5q{margin-bottom:var(--space-2xl)}.about-section.svelte-cwls5q h2:where(.svelte-cwls5q){font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.about-text.svelte-cwls5q{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal)}.about-text.svelte-cwls5q p:where(.svelte-cwls5q){margin-bottom:var(--space-md)}.social-links.svelte-cwls5q{gap:var(--space-md);flex-wrap:wrap;display:flex}.social-link.svelte-cwls5q{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:500;display:flex}.social-link.svelte-cwls5q:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}@media (width<=768px){.about-header.svelte-cwls5q{text-align:center;padding:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column}.about-avatar.svelte-cwls5q{width:80px;height:80px;font-size:var(--text-3xl)}.about-info.svelte-cwls5q h1:where(.svelte-cwls5q){font-size:var(--text-2xl)}}