/* =============================================================================
 * reactstyle.css — legacy stylesheet carried over from the original app's React
 * UI (class names like .new-homepage). Much of it may style markup that no
 * longer exists in the Eleventy port; kept as-is pending the redesign-phase CSS
 * audit (issue #12 / #19) rather than pruned blind. Loads only on /map/.
 * ============================================================================= */

.new-homepage {
	background-color: grey;
	height: 18vh;
	position: relative;
	width: 100vw;

	/* overflow: hidden; */
}

.new-homepage .navbar {
	background-color: #f0f0f0;
	height: 8vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 100vw;
}

.new-homepage .overlap-group {
	background-color: #09090b;
	border: 1px solid;
	border-color: #ffffff4c;
	border-radius: 8px;
	box-shadow: 0 0 0 #121212;
	height: 5vh;
	left: 79vw;
	position: absolute;
	top: 2vh;
	width: 13vw;
}

.new-homepage .text-wrapper {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 1vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 1vh;
	white-space: nowrap;
}

.new-homepage .the-atlas-of-drowned {
	height: 5vh;
	left: 7vw;
	position: absolute;
	top: 2vh;
	width: 5vw;
}

.new-homepage .div {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 31vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 3vh;
	white-space: nowrap;
}

.new-homepage .text-wrapper-2 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 37vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 3vh;
	white-space: nowrap;
}

.new-homepage .text-wrapper-3 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 44vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 3vh;
	white-space: nowrap;
}

.new-homepage .text-wrapper-4 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 50vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 3vh;
	white-space: nowrap;
}

.new-homepage .text-wrapper-5 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 57vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 3vh;
	white-space: nowrap;
}

.new-homepage .text-wrapper-6 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 64vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 3vh;
	white-space: nowrap;
}

.new-homepage .text-wrapper-7 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 2vh;
	left: 71vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 3vh;
	white-space: nowrap;
}

.new-homepage .hero {
	background-color: #d3d1c3;
	height: 79vh;
	left: 0;
	position: absolute;
	top: 8vh;
	width: 100vw;
}

.new-homepage .content {
	height: 62vh;
	left: 7vw;
	position: relative;
	top: 10vh;
	width: 87vw;
}

.new-homepage .group {
	height: 6vh;
	left: 0;
	position: absolute;
	top: 40vh;
	width: 14vw;
}

.new-homepage .div-wrapper {
	background-color: #09090b;
	border: 1px solid;
	border-color: #ffffff4c;
	border-radius: 8px;
	box-shadow: 0 0 0 #121212;
	height: 6vh;
	position: relative;
	width: 14vw;
}

.new-homepage .text-wrapper-8 {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 3vh;
	left: 2vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 2vh;
	white-space: nowrap;
	width: 12vw;
}

.new-homepage .image {
	height: 50vh;
	left: 32vw;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 54vw;
}

.new-homepage .p {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 2vw;
	font-weight: 700;
	height: 12vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	top: 6vh;
	width: 23vw;
}

.new-homepage .text-wrapper-9 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 12vh;
	left: 0;
	letter-spacing: 0;
	line-height: 2vh;
	position: absolute;
	top: 22vh;
	width: 30vw;
}

.new-homepage .detroit-oregon {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 7vh;
	left: 42vw;
	letter-spacing: 0;
	line-height: 1.3vh;
	position: absolute;
	text-align: center;
	top: 55vh;
	width: 37vw;
}

.new-homepage .span {
	font-weight: 700;
}

.new-homepage .text-wrapper-10 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3vh;
}

.new-homepage .text-wrapper-11 {
	font-style: italic;
}

.new-homepage .overlap-wrapper {
	height: 51vh;
	left: 0;
	position: absolute;
	top: 87vh;
	width: 100vw;
}

.new-homepage .overlap {
	background-color: #f0f0f0;
	height: 51vh;
	position: relative;
	width: 100vw;
}

.new-homepage .text-wrapper-12 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 6vh;
	left: 43vw;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	top: 10vh;
	white-space: nowrap;
	width: 13vw;
}

.new-homepage .the-atlas-of-drowned-2 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 8vh;
	left: 27vw;
	letter-spacing: 0.4px;
	line-height: 3vh;
	position: absolute;
	text-align: center;
	top: 20vh;
	width: 47vw;
}

.new-homepage .overlap-group-wrapper {
	height: 6vh;
	left: 41vw;
	position: absolute;
	top: 34vh;
	width: 17vw;
}

.new-homepage .overlap-group-2 {
	background-color: #09090b;
	border: 1px solid;
	border-color: #ffffff4c;
	border-radius: 8px;
	box-shadow: 0 0 0 #121212;
	height: 6vh;
	position: relative;
	width: 17vw;
}

.new-homepage .text-wrapper-13 {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 3vh;
	left: 1vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 2vh;
	white-space: nowrap;
	width: 15vw;
}

.new-homepage .group-2 {
	height: 51vh;
	left: 0;
	position: absolute;
	top: 233vh;
	width: 100vw;
}

.new-homepage .text-wrapper-14 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 6vh;
	left: 38vw;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	top: 10vh;
	white-space: nowrap;
	width: 24vw;
}

.new-homepage .the-atlas-of-drowned-3 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 8vh;
	left: 27vw;
	letter-spacing: 0.4px;
	line-height: 3vh;
	position: absolute;
	text-align: center;
	top: 21vh;
	width: 47vw;
}

.new-homepage .group-3 {
	height: 6vh;
	left: 41vw;
	position: absolute;
	top: 34vh;
	width: 17vw;
}

.new-homepage .group-4 {
	background-color: #f0f0f0;
	height: 51vh;
	left: 0;
	position: absolute;
	top: 334vh;
	width: 100vw;
}

.new-homepage .group-5 {
	height: 3vh;
	left: 53vw;
	position: absolute;
	top: 32vh;
	width: 9vw;
}

.new-homepage .text-wrapper-15 {
	color: #454628;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 3vh;
	left: 0;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	top: 0;
	width: 9vw;
}

.new-homepage .group-wrapper {
	height: 18vh;
	left: 53vw;
	position: absolute;
	top: 9vh;
	width: 24vw;
}

.new-homepage .group-6 {
	height: 18vh;
}

.new-homepage .group-7 {
	height: 18vh;
	position: relative;
	width: 24vw;
}

.new-homepage .text-wrapper-16 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	top: 0;
	white-space: nowrap;
	width: 24vw;
}

.new-homepage .text-wrapper-17 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 10vh;
	left: 0;
	letter-spacing: 0;
	line-height: 2vh;
	position: absolute;
	top: 8vh;
	width: 24vw;
}

.new-homepage .vaccine-forum {
	height: 36vh;
	left: 24vw;
	object-fit: contain;
	position: absolute;
	top: 7vh;
	width: 21vw;
}

.new-homepage .group-8 {
	height: 51vh;
	left: 0;
	position: absolute;
	top: 284vh;
	width: 100vw;
}

.new-homepage .overlap-2 {
	background-color: #d3d1c3;
	height: 51vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 100vw;
}

.new-homepage .group-9 {
	height: 37vh;
	left: 24vw;
	position: absolute;
	top: 6vh;
	width: 53vw;
}

.new-homepage .text-wrapper-18 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	top: 4vh;
	white-space: nowrap;
	width: 26vw;
}

.new-homepage .screenshot {
	height: 37vh;
	left: 29vw;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 23vw;
}

.new-homepage .text-wrapper-19 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 9vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	top: 14vh;
	width: 26vw;
}

.new-homepage .text-wrapper-20 {
	color: #454628;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 3vh;
	left: 24vw;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	top: 34vh;
	width: 11vw;
}

.new-homepage .img {
	height: 0;
	left: -1027vw;
	object-fit: contain;
	position: absolute;
	top: -3742vh;
	width: 0;
}

.new-homepage .overlap-3 {
	background-size: 100% 100%;
	height: 95vh;
	left: 0;
	position: absolute;
	top: 138vh;
	width: 100vw;
}

.new-homepage .text-wrapper-21 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 6vh;
	left: 43vw;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	top: 4vh;
	width: 14vw;
}

.new-homepage .group-10 {
	height: 36vh;
	left: 16vw;
	position: absolute;
	top: 15vh;
	width: 69vw;
}

.new-homepage .group-11 {
	height: 36vh;
	left: 25vw;
	position: absolute;
	top: 0;
	width: 19vw;
}

.new-homepage .objective {
	height: 20vh;
	left: 0;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 19vw;
}

.new-homepage .overlap-group-3 {
	height: 16vh;
	left: 0;
	position: absolute;
	top: 20vh;
	width: 19vw;
}

.new-homepage .text-wrapper-22 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3.4vh;
	position: absolute;
	text-align: center;
	top: 0;
	width: 19vw;
}

.new-homepage .text-wrapper-23 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 10vh;
	left: 0;
	letter-spacing: 0;
	line-height: 1vh;
	position: absolute;
	text-align: center;
	top: 6vh;
	width: 19vw;
}

.new-homepage .group-12 {
	height: 33vh;
	left: 50vw;
	position: absolute;
	top: 0;
	width: 19vw;
}

.new-homepage .objective-2 {
	height: 19vh;
	left: 0;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 18vw;
}

.new-homepage .overlap-4 {
	height: 12vh;
	left: 0;
	position: absolute;
	top: 21vh;
	width: 19vw;
}

.new-homepage .text-wrapper-24 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3.4vh;
	position: absolute;
	text-align: center;
	top: 0;
	width: 18vw;
}

.new-homepage .text-wrapper-25 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 1vh;
	position: absolute;
	text-align: center;
	top: 6vh;
	width: 18vw;
}

.new-homepage .group-13 {
	height: 33vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 19vw;
}

.new-homepage .objective-community {
	height: 20vh;
	left: 0;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 19vw;
}

.new-homepage .overlap-5 {
	height: 12vh;
	left: 0;
	position: absolute;
	top: 20vh;
	width: 19vw;
}

.new-homepage .text-wrapper-26 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3.4vh;
	position: absolute;
	text-align: center;
	top: 0;
	width: 19vw;
}

.new-homepage .text-wrapper-27 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 1vh;
	position: absolute;
	text-align: center;
	top: 6vh;
	width: 19vw;
}

.new-homepage .group-14 {
	height: 35vh;
	left: 15vw;
	position: absolute;
	top: 54vh;
	width: 69vw;
}

.new-homepage .group-15 {
	height: 35vh;
	left: 25vw;
	position: absolute;
	top: 0;
	width: 19vw;
}

.new-homepage .overlap-group-4 {
	height: 14vh;
	left: 0;
	position: absolute;
	top: 21vh;
	width: 19vw;
}

.new-homepage .text-wrapper-28 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 6vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3vh;
	position: absolute;
	text-align: center;
	top: 0;
	width: 18vw;
}

.new-homepage .text-wrapper-29 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 9vh;
	left: 0;
	letter-spacing: 0;
	line-height: 1vh;
	position: absolute;
	text-align: center;
	top: 5vh;
	width: 19vw;
}

.new-homepage .group-16 {
	height: 32vh;
	left: 50vw;
	position: absolute;
	top: 0;
	width: 19vw;
}

.new-homepage .overlap-6 {
	height: 12vh;
	left: 0;
	position: absolute;
	top: 21vh;
	width: 19vw;
}

.new-homepage .text-wrapper-30 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 6vh;
	left: 0;
	letter-spacing: 0;
	line-height: 1vh;
	position: absolute;
	text-align: center;
	top: 6vh;
	width: 18vw;
}

.new-homepage .group-17 {
	height: 35vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 20vw;
}

.new-homepage .objective-community-2 {
	height: 20vh;
	left: 0;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 18vw;
}

.new-homepage .overlap-7 {
	height: 15vh;
	left: 0;
	position: absolute;
	top: 20vh;
	width: 20vw;
}

.new-homepage .text-wrapper-31 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 700;
	height: 7vh;
	left: 0;
	letter-spacing: 0;
	line-height: 3.4vh;
	position: absolute;
	text-align: center;
	top: 0;
	width: 18vw;
}

.new-homepage .text-wrapper-32 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	height: 9vh;
	left: 0;
	letter-spacing: 0;
	line-height: 1vh;
	position: absolute;
	text-align: center;
	top: 6vh;
	width: 20vw;
}

.new-homepage .group-18 {
	background-color: #000;
	height: 20vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 100vw;
}

.new-homepage .overlap-8 {
	background-color: #000;
	height: 18vh;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100vw;
}

.new-homepage .the-atlas-of-drowned-4 {
	left: 2vw;
	position: absolute;
	top: 4vh;
}

.new-homepage .group-19 {
	height: 13vh;
	left: 19vw;
	position: absolute;
	top: 6vh;
	width: 61vw;
}

.new-homepage .group-20 {
	height: 13vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 12vw;
}

.new-homepage .detroit-willamette {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	left: 0;
	letter-spacing: 0;
	line-height: 2vh;
	position: absolute;
	top: 4vh;
	width: 12vw;
}

.new-homepage .locations {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 500;
	left: 0;
	letter-spacing: 0.36px;
	line-height: normal;
	position: absolute;
	top: 0;
	width: 8vw;
}

.new-homepage .group-21 {
	height: 13vh;
	left: 17vw;
	position: absolute;
	top: 0;
	width: 12vw;
}

.new-homepage .ariel-images {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	left: 0;
	letter-spacing: 0;
	line-height: 2vh;
	position: absolute;
	top: 4vh;
	width: 9vw;
}

.new-homepage .map-highlights {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 500;
	left: 0;
	letter-spacing: 0.36px;
	line-height: normal;
	position: absolute;
	top: 0;
	width: 11vw;
}

.new-homepage .group-22 {
	height: 10vh;
	left: 34vw;
	position: absolute;
	top: 0;
	width: 12vw;
}

.new-homepage .our-recent-detroit {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	left: 0;
	letter-spacing: 0;
	line-height: 2vh;
	position: absolute;
	top: 4vh;
	width: 12vw;
}

.new-homepage .blog {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 500;
	left: 0;
	letter-spacing: 0.36px;
	line-height: normal;
	position: absolute;
	top: 0;
	width: 4vw;
}

.new-homepage .group-23 {
	height: 9vh;
	left: 50vw;
	position: absolute;
	top: 0;
	width: 12vw;
}

.new-homepage .text-wrapper-33 {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 400;
	left: 0;
	letter-spacing: 0;
	line-height: 2vh;
	position: absolute;
	top: 4vh;
	width: 12vw;
}

.new-homepage .news {
	color: #fff;
	font-family: Lexend, sans-serif;
	font-size: 1vw;
	font-weight: 500;
	left: 0;
	letter-spacing: 0.36px;
	line-height: normal;
	position: absolute;
	top: 0;
	width: 4vw;
}

.new-homepage .overlap-9 {
	background-size: 100% 100%;
	height: 4vh;
	left: 0;
	position: absolute;
	top: 31vh;
	width: 100vw;
}

.new-homepage .the-atlas-of-drowned-5 {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 0.84vw;
	font-weight: 400;
	left: 7vw;
	letter-spacing: 0.2px;
	line-height: normal;
	position: absolute;
	text-decoration: underline;
	top: 1vh;
	width: 9vw;
}

.new-homepage .recontaining-the {
	color: #000;
	font-family: Lexend, sans-serif;
	font-size: 0.92vw;
	font-weight: 400;
	left: 19vw;
	letter-spacing: 0.22px;
	line-height: normal;
	position: absolute;
	top: 1vh;
	white-space: nowrap;
	width: 30vw;
}