/* Minimal custom styles; Tailwind handles most styling */
header {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: saturate(180%) blur(8px);
}
header.scrolled {
	box-shadow: 0 1px 10px rgba(0,0,0,0.06);
	background: rgba(255, 255, 255, 0.9);
}

/* Ensure anchored sections aren't hidden behind the fixed header */
section { scroll-margin-top: 84px; }

/* Gentle image smoothing hints (won't force pixelation) */
img {
	image-rendering: auto;
}
/* Non-standard Safari hint (safe no-op elsewhere) */
@supports (-webkit-hyphens: none) {
	img {
		image-rendering: -webkit-optimize-contrast;
	}
}