/* Core design tokens and resets placeholder */
:root {
	/* Hero spacing & layering tokens */
	--pn-hero-pt-desktop: clamp(6rem, 14vh, 9rem);
	--pn-hero-pt-mobile: clamp(5rem, 18vh, 7rem);
	--pn-hero-fade-height: 140px;
	--pn-hero-anim-speed: 38s;
	--hero-bg-base: linear-gradient(180deg, #fff 0%, #f6f8ff 60%, #f4f7ff 100%);
	--hero-bg-accent: radial-gradient(circle at 72% 18%, rgba(var(--pn-accent-rgb),0.12), transparent 55%),
										radial-gradient(circle at 18% 65%, rgba(var(--pn-accent-rgb),0.10), transparent 60%);
	--hero-bg-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
}

@media (max-width:720px){
	:root { --pn-hero-pt-desktop: var(--pn-hero-pt-mobile); }
}