:root {
	--chalk-green: #22c55e;
	--chalk-yellow: #eab308;
	--chalk-blue: #2563eb;
	--ink: #0f172a;
	--paper: #f8fafc;
}

html,
body {
	background: linear-gradient(
		180deg,
		#c9eeff 0%,
		#aedfff 60%,
		#eaf8dc 60%,
		#d8f1bd 84%,
		#bddd97 100%
	);
	color: var(--ink);
	font-family: "Sora", sans-serif;
	scroll-behavior: smooth;
}

body {
	position: relative;
	isolation: isolate;
	min-height: 100vh;
}

html::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cg stroke='%23ffd966' stroke-width='7' stroke-linecap='round' fill='none'%3E%3Ccircle cx='90' cy='90' r='34'/%3E%3Cpath d='M90 10v25M90 145v25M10 90h25M145 90h25M34 34l18 18M128 128l18 18M146 34l-18 18M34 146l18-18'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M20 85c8-30 45-42 72-20c14-27 52-30 73-5c20-2 35 9 35 25c0 18-18 28-40 28H54C30 113 14 102 20 85z' fill='%23ffffff' fill-opacity='0.78' stroke='%23f8fdff' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M20 85c8-30 45-42 72-20c14-27 52-30 73-5c20-2 35 9 35 25c0 18-18 28-40 28H54C30 113 14 102 20 85z' fill='%23ffffff' fill-opacity='0.78' stroke='%23f8fdff' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M20 85c8-30 45-42 72-20c14-27 52-30 73-5c20-2 35 9 35 25c0 18-18 28-40 28H54C30 113 14 102 20 85z' fill='%23ffffff' fill-opacity='0.78' stroke='%23f8fdff' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 220'%3E%3Cg fill='none' stroke='%237bb9ff' stroke-width='14' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M300 0c-70 50-120 96-150 150c-24 45-42 70-100 70'/%3E%3Cpath d='M350 8c-68 52-115 96-147 148c-27 45-37 64-88 64' stroke='%235b9fe9' stroke-width='9' opacity='0.82'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 90'%3E%3Cg fill='none' stroke='%23f8fcff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M20 60q15-20 30 0'/%3E%3Cpath d='M75 45q13-16 26 0'/%3E%3Cpath d='M122 58q14-18 28 0'/%3E%3Cpath d='M165 44q13-15 26 0'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 180px 180px, 220px 120px, 220px 120px, 180px 110px, 120% 100%, 280px 90px;
	background-position: right 6% top 4%, left 7% top 14%, left 35% top 9%, right 30% top 16%, center top, left 48% top 12%;
	opacity: 0.96;
	z-index: 0;
	animation: chalkWiggle 7.5s ease-in-out infinite alternate;
}

html::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.18' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 14l8-4M22 10l8 4M36 15l6-5M12 30l9-2M28 30l8 3M44 27l8-1M9 46l8 5M25 48l9-4M42 46l8 4'/%3E%3C/g%3E%3C/svg%3E"),
		linear-gradient(transparent 96%, rgba(15, 23, 42, 0.035) 100%),
		radial-gradient(circle, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
	background-repeat: repeat, repeat, repeat;
	background-size: 48px 48px, 100% 20px, 13px 13px;
	background-position: 0 0, 0 0, 0 0;
	opacity: 0.48;
	z-index: 0;
	animation: chalkFloat 8s ease-in-out infinite alternate;
}

body::before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 60vh;
	pointer-events: none;
	background-image:
		repeating-linear-gradient(8deg, rgba(255, 255, 255, 0.16) 0 4px, rgba(255, 255, 255, 0.05) 4px 8px),
		radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.18), transparent 30%),
		radial-gradient(circle at 72% 25%, rgba(255, 255, 255, 0.12), transparent 28%);
	background-size: auto, auto, auto;
	opacity: 0.96;
	z-index: 0;
}

body::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 108px;
	pointer-events: none;
	background:
		repeating-linear-gradient(
			82deg,
			rgba(78, 151, 56, 0.95) 0 10px,
			rgba(101, 173, 67, 0.92) 10px 19px,
			rgba(66, 135, 46, 0.94) 19px 28px
		),
		radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px),
		radial-gradient(circle at 76% 28%, rgba(255, 255, 255, 0.22) 0 2px, transparent 2px);
	background-size: auto, 40px 26px, 38px 30px;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 150L28 118L58 132L90 88L120 136L150 102L182 140L214 96L246 132L278 84L312 136L342 98L372 144L405 92L438 130L468 88L500 144L532 94L564 136L596 82L626 138L658 96L688 142L722 90L754 136L786 98L816 142L848 90L878 136L910 86L944 138L976 94L1006 142L1038 88L1070 136L1102 98L1134 144L1166 90L1198 132L1232 86L1262 136L1294 96L1326 144L1358 92L1390 132L1422 104L1440 150V160H0Z'/%3E%3C/svg%3E");
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	filter: saturate(112%) contrast(106%);
	z-index: 0;
}

body > * {
	position: relative;
	z-index: 2;
}

.chalk-glass {
	background: rgba(255, 255, 255, 0.76) !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
	backdrop-filter: blur(11px) saturate(120%);
	-webkit-backdrop-filter: blur(11px) saturate(120%);
	box-shadow:
		0 10px 30px rgba(15, 23, 42, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.chalk-glass * {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.font-impact {
	font-family: "Bebas Neue", sans-serif;
	letter-spacing: 0.02em;
}

.snap-x-gallery {
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.snap-x-gallery > * {
	scroll-snap-align: start;
}

.cta-btn {
	min-height: 60px;
}

#progress-bar {
	width: 0%;
}

.location-popup-link {
	display: inline-block;
	font-weight: 700;
	color: #2563eb;
	text-decoration: none;
	cursor: pointer;
}

.location-popup-link:hover,
.location-popup-link:focus-visible {
	text-decoration: underline;
}

#map {
	min-height: 320px;
	background: #10b981;
}

#map.map-tile-fallback {
	background: #10b981;
}

.pulse-dot {
	animation: pulse 1.4s ease-out infinite;
}

@keyframes chalkWiggle {
	0% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-2px) rotate(-0.35deg); }
	100% { transform: translateY(2px) rotate(0.35deg); }
}

@keyframes chalkFloat {
	0% { transform: translateX(0); }
	50% { transform: translateX(-4px); }
	100% { transform: translateX(4px); }
}

@keyframes pulse {
	0% { transform: scale(0.85); opacity: 0.8; }
	70% { transform: scale(1.2); opacity: 0.15; }
	100% { transform: scale(0.85); opacity: 0.8; }
}