.about.svelte-bxfdd3{padding:var(--space-16) 0}.about-header.svelte-bxfdd3{margin-bottom:var(--space-12)}.about-header.svelte-bxfdd3 h1:where(.svelte-bxfdd3){font-size:var(--text-4xl);margin-bottom:var(--space-2)}.subtitle.svelte-bxfdd3{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.about-content.svelte-bxfdd3{max-width:700px}.about-section.svelte-bxfdd3{margin-bottom:var(--space-12)}.about-section.svelte-bxfdd3:last-child{margin-bottom:0}.about-section.svelte-bxfdd3 h2:where(.svelte-bxfdd3){font-size:var(--text-xl);margin-bottom:var(--space-4)}.about-section.svelte-bxfdd3 p:where(.svelte-bxfdd3){font-size:var(--text-lg);line-height:1.8}.about-section.svelte-bxfdd3 ul:where(.svelte-bxfdd3){list-style:none;padding:0}.about-section.svelte-bxfdd3 li:where(.svelte-bxfdd3){font-size:var(--text-lg);line-height:1.8;color:var(--color-text-secondary);padding-left:var(--space-6);position:relative}.about-section.svelte-bxfdd3 li:where(.svelte-bxfdd3):before{content:"→";position:absolute;left:0;color:var(--color-text-muted)}.about-section.svelte-bxfdd3 a:where(.svelte-bxfdd3){color:var(--color-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 40%,transparent);text-underline-offset:2px}.about-section.svelte-bxfdd3 a:where(.svelte-bxfdd3):hover{text-decoration-color:var(--color-primary)}.tech-grid.svelte-bxfdd3{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.tech-item.svelte-bxfdd3{display:flex;flex-direction:column;padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.tech-name.svelte-bxfdd3{font-weight:600;color:var(--color-text)}.tech-note.svelte-bxfdd3{font-size:var(--text-sm);color:var(--color-text-muted)}.contact.svelte-bxfdd3{padding-top:var(--space-8);border-top:1px solid var(--color-border)}@media(max-width:768px){.about-header.svelte-bxfdd3 h1:where(.svelte-bxfdd3){font-size:var(--text-3xl)}.about-section.svelte-bxfdd3 p:where(.svelte-bxfdd3),.about-section.svelte-bxfdd3 li:where(.svelte-bxfdd3){font-size:var(--text-base)}.tech-grid.svelte-bxfdd3{grid-template-columns:repeat(2,1fr)}}
