/* Home hero with decorative circuit traces, and the standard interior hero. */

@layer components {
	.sw-hero {
		position: relative;
		overflow: hidden;
		padding-block: clamp(80px, 12vw, 150px);
		border-bottom: 1px solid var(--border);
	}

	.sw-hero__traces {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: min(42vw, 620px);
		height: auto;
		pointer-events: none;
	}
	/* below this the traces start crowding the lead text */
	@media (max-width: 1100px) {
		.sw-hero__traces { display: none; }
	}

	.sw-hero .sw-container { position: relative; }

	.sw-hero h1 { max-width: 14ch; }

	.sw-hero__lead {
		max-width: 560px;
		font-size: clamp(1.0625rem, 1.7vw, 1.25rem);
		color: var(--muted);
		margin-top: 1.75rem;
	}

	.sw-hero__actions {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
		margin-top: 2.75rem;
	}

	/* interior pages: slim hero fed by page title + excerpt */
	.sw-page-hero {
		border-bottom: 1px solid var(--border);
		padding-block: clamp(56px, 8vw, 96px);
	}
	.sw-page-hero h1 { font-size: clamp(2.5rem, 5.5vw, 3.75rem); }
	.sw-page-hero__sub {
		margin-top: 1rem;
		font-size: clamp(1.0625rem, 1.6vw, 1.1875rem);
		color: var(--muted);
		max-width: 560px;
	}
}