@import url("zodiak.css");

:root {
	--cdp-bg: #ffffff;
	--cdp-accent: #36a189;
	--cdp-hero-teal: #2eb886;
	--cdp-text: #232629;
	--cdp-muted: #000000;
	--cdp-serif: "Zodiak-Variable", "Zodiak-Regular", Georgia, "Times New Roman", serif;
	--cdp-sans: "Montserrat", system-ui, sans-serif;
	--cdp-font-small: "Bellota", "Montserrat", system-ui, sans-serif;
	--cdp-site-max: 1400px;
	--cdp-banner-max: 1600px;
	--cdp-section-gap: 150px;
	--cdp-header-logo-h-scrolled: clamp(34px, 7vw, 50px);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
	font-family: var(--cdp-sans);
	background: var(--cdp-bg);
	color: var(--cdp-text);
	line-height: 1.5;
	overflow-x: hidden;
}

body.cdp-drawer-open {
	overflow: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }

.cdp-load-error {
	max-width: 720px;
	margin: 1rem auto;
	padding: 1rem;
	background: #fff3cd;
	color: #664d03;
	font-size: 0.85rem;
	text-align: center;
	border-radius: 8px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}