.page-shell.svelte-cwls5q {
		width: min(var(--measure-page), calc(100% - var(--space-2xl)));
		margin: 0 auto;
		min-height: 100svh;
		padding: calc(var(--space-4xl) + var(--space-sm)) 0 var(--space-5xl);
	}

	.page-header.svelte-cwls5q {
		display: grid;
		gap: var(--space-md);
		padding-bottom: calc(var(--space-3xl) + var(--space-sm));
	}

	.header-link.svelte-cwls5q {
		font-family: var(--font-mono);
		font-size: 0.82rem;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--color-soft);
	}

	.intro.svelte-cwls5q {
		max-width: var(--measure-intro-wide);
		font-size: 1.04rem;
		line-height: 1.7;
		color: var(--color-muted);
	}

	.about-page.svelte-cwls5q {
		display: flex;
		flex-direction: column;
		gap: var(--space-3xl);
	}

	.about-hero.svelte-cwls5q {
		display: grid;
		grid-template-columns: 11rem minmax(0, 1fr);
		gap: var(--space-2xl);
		align-items: start;
	}

	.about-hero__image.svelte-cwls5q {
		width: 11rem;
		height: 11rem;
		border-radius: 50%;
		object-fit: cover;
	}

	.about-hero__body.svelte-cwls5q {
		display: grid;
		gap: var(--space-lg);
		max-width: var(--measure-prose);
		font-family: var(--font-prose);
		font-size: 1.16rem;
		line-height: 1.82;
		color: var(--color-ink-2);
	}

	.section-label.svelte-cwls5q {
		font-family: var(--font-mono);
		font-size: var(--text-label);
		font-weight: 600;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--color-soft);
	}

	.about-section.svelte-cwls5q {
		display: grid;
		grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
		gap: var(--space-2xl);
	}

	.about-section__body.svelte-cwls5q {
		display: grid;
		gap: var(--space-lg);
		max-width: var(--measure-prose);
		font-family: var(--font-prose);
		font-size: 1.12rem;
		line-height: 1.82;
		color: var(--color-ink-2);
	}

	.site-footer.svelte-cwls5q {
		display: flex;
		gap: var(--space-lg);
		margin-top: auto;
		padding-top: var(--space-2xl);
		font-family: var(--font-mono);
		font-size: 0.82rem;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--color-muted);
	}

	@media (max-width: 640px) {
		.page-shell.svelte-cwls5q {
			padding-top: var(--space-xl);
			padding-bottom: var(--space-4xl);
		}

		.about-hero.svelte-cwls5q,
		.about-section.svelte-cwls5q {
			grid-template-columns: 1fr;
			gap: var(--space-lg);
		}

		.about-hero__image.svelte-cwls5q {
			width: 8rem;
			height: 8rem;
		}

		.about-hero__body.svelte-cwls5q,
		.about-section__body.svelte-cwls5q {
			font-size: 1.04rem;
			line-height: 1.74;
		}
	}