:root {
	--ink: #002430;
	--white: #fff;
	--off: #F4F6F7;
	--g1: #E3E8EA;
	--g2: #D5DBDE;
	--muted: #5E6B70;
	--accent: #1FB25A;
	--accent2: #178a47;
	--season-dark: #024647;
	--accent-soft: rgba(31, 178, 90, 0.10);
	--wrap-pad: clamp(20px, 5vw, 80px);
	--header-h: 78px;
	--section-pad: clamp(80px, 12vh, 150px);
	--section-pad-lg: clamp(84px, 12vh, 156px);
	--section-pad-md: clamp(74px, 11vh, 140px);
	--section-pad-sm: clamp(70px, 10vh, 120px);
	--section-pad-xl: clamp(84px, 13vh, 170px);
	--section-stack: clamp(34px, 5vh, 56px);
	--section-stack-sm: clamp(28px, 4vh, 34px);
	--footer-pad-top: clamp(70px, 9vh, 112px);
	--ease-out: cubic-bezier(0.16, 0.84, 0.3, 1);
	--ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
	--motion-duration: 0.45s;
}

[data-season="winter"],
body.szczyrk-season-winter #page {
	--accent: #40c2d9;
	--accent2: #0d8dbe;
	--season-dark: #0a3b5b;
	--accent-soft: rgba(64, 194, 217, 0.12);
}

[data-themed] {
	transition: background-color 0.7s ease, color 0.7s ease, border-color 0.7s ease, fill 0.7s ease, box-shadow 0.7s ease;
}

#page {
	position: relative;
	font-family: 'Montserrat Szczyrk', system-ui, -apple-system, sans-serif;
	font-weight: 400;
	color: var(--ink);
	background: var(--white);
	line-height: 1.55;
}

[data-wrap],
.sz-wrap {
	width: 100%;
	max-width: none;
	margin-inline: auto;
	padding-inline: var(--wrap-pad);
}

::selection {
	background: var(--accent);
	color: var(--white);
}

@media (prefers-reduced-motion: reduce) {
	[data-themed],
	.btnfill,
	.site-header {
		transition: none !important;
	}
}

@media (max-width: 920px) {
	:root {
		--section-pad: clamp(52px, 8vh, 68px);
		--section-pad-lg: clamp(52px, 8vh, 68px);
		--section-pad-md: clamp(48px, 7.5vh, 64px);
		--section-pad-sm: clamp(44px, 7vh, 60px);
		--section-pad-xl: clamp(52px, 8vh, 68px);
		--section-stack: clamp(24px, 3.5vh, 32px);
		--section-stack-sm: clamp(20px, 3vh, 26px);
		--footer-pad-top: clamp(44px, 7vh, 56px);
	}
}

@media (max-width: 900px) {
	@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
		.site-header,
		.mega,
		.navdropmenu {
			background: rgba(0, 36, 48, 0.97) !important;
		}
	}
}