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

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

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

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

	.project-list.svelte-rqn88j {
		display: grid;
		gap: calc(var(--space-2xl) + var(--space-sm));
	}

	.project-card.svelte-rqn88j {
		display: grid;
		grid-template-columns: minmax(0, 9rem) minmax(0, 1fr);
		gap: var(--space-xl);
		align-items: baseline;
	}

	.project-card__meta.svelte-rqn88j {
		display: grid;
		align-content: start;
	}

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

	.project-card__body.svelte-rqn88j {
		display: grid;
		gap: var(--space-md);
	}

	.project-card__body.svelte-rqn88j h2:where(.svelte-rqn88j) {
		max-width: var(--measure-post-title);
		font-size: 1.35rem;
		font-family: var(--font-display);
		font-weight: 500;
		line-height: 1.02;
		color: var(--color-ink);
	}

	.project-card__body.svelte-rqn88j p:where(.svelte-rqn88j) {
		max-width: var(--measure-post-copy);
		font-size: 1rem;
		line-height: 1.68;
		color: var(--color-muted);
	}

	.site-footer.svelte-rqn88j {
		display: flex;
		gap: var(--space-lg);
		margin-top: auto;
		padding-top: var(--space-3xl);
		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-rqn88j {
			padding-top: var(--space-xl);
			padding-bottom: var(--space-4xl);
		}

		.project-card.svelte-rqn88j {
			grid-template-columns: 1fr;
			gap: var(--space-sm);
		}
	}