/* /about/ facts strip. */

@layer pages {
	.sw-facts {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
		gap: clamp(24px, 3vw, 40px);
	}

	.sw-facts dt {
		font-family: var(--font-mono);
		font-size: 0.75rem;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.14em;
		color: var(--accent-text);
		margin-bottom: 6px;
	}

	.sw-facts dd {
		font-family: var(--font-display);
		font-weight: 500;
		font-size: 1.0625rem;
		color: var(--ink);
	}
}