/* /work/ project rows. */

@layer pages {
	.sw-work__intro {
		max-width: 640px;
		margin-bottom: 3rem;
	}

	.sw-project {
		display: grid;
		grid-template-columns: minmax(200px, 1fr) 2.4fr;
		gap: clamp(24px, 4vw, 56px);
		padding-block: clamp(32px, 4vw, 48px);
		border-top: 1px solid var(--border);
	}
	@media (max-width: 800px) {
		.sw-project { grid-template-columns: 1fr; gap: 16px; }
	}

	.sw-project__meta .sw-tags { margin: 0; }

	.sw-project__body h2 {
		font-size: clamp(1.4rem, 2.4vw, 1.75rem);
		margin-bottom: 0.75rem;
	}
	.sw-project__body p { color: var(--muted); max-width: 62ch; }
}