.about.svelte-cwls5q{max-width:760px;margin:0 auto;width:100%;color:var(--black);font-family:var(--font-family);line-height:1.6}.about-head.svelte-cwls5q{border:var(--border-brutal);box-shadow:var(--shadow-brutal);background:var(--white);padding:24px;margin-bottom:32px}.about-head.svelte-cwls5q h1:where(.svelte-cwls5q){margin:0 0 8px;font-size:1.9rem;line-height:1.15}.tagline.svelte-cwls5q{margin:0;color:var(--gray)}.about.svelte-cwls5q h2:where(.svelte-cwls5q){font-size:1.15rem;margin:32px 0 12px;padding-bottom:6px;border-bottom:var(--border-brutal)}.cards.svelte-cwls5q{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md)}.card.svelte-cwls5q{border:var(--border-brutal);box-shadow:var(--shadow-brutal);background:var(--white);padding:16px;display:flex;flex-direction:column;gap:10px;font-size:.9rem}.card.svelte-cwls5q svg{color:var(--primary-color);font-size:1.4rem}.card.svelte-cwls5q p:where(.svelte-cwls5q){margin:0}.support.svelte-cwls5q p:where(.svelte-cwls5q),.who.svelte-cwls5q p:where(.svelte-cwls5q),.contact.svelte-cwls5q p:where(.svelte-cwls5q){margin:0 0 14px}.kofi.svelte-cwls5q{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:var(--border-brutal);box-shadow:var(--shadow-brutal);background:var(--primary-color);color:var(--white);font-weight:700;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.kofi.svelte-cwls5q:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-brutal-hover)}.kofi.svelte-cwls5q:active{transform:translate(2px,2px);box-shadow:var(--shadow-brutal-pressed)}.contact.svelte-cwls5q p:where(.svelte-cwls5q){display:flex;align-items:center;gap:8px}.contact.svelte-cwls5q svg,.contact.svelte-cwls5q a:where(.svelte-cwls5q){color:var(--primary-color)}.about-nav.svelte-cwls5q{margin-top:48px;padding-top:20px;border-top:var(--border-brutal);display:flex;flex-wrap:wrap;gap:18px;font-size:.9rem}.about-nav.svelte-cwls5q a:where(.svelte-cwls5q){color:var(--primary-color);font-weight:600;text-decoration:none}.about-nav.svelte-cwls5q a:where(.svelte-cwls5q):hover{text-decoration:underline}@media (max-width: 768px){.page-content.svelte-cwls5q{padding:24px 16px;padding-bottom:calc(24px + var(--bottom-nav-clearance) + env(safe-area-inset-bottom,0px))}.cards.svelte-cwls5q{grid-template-columns:1fr}.about-head.svelte-cwls5q h1:where(.svelte-cwls5q){font-size:1.5rem}}