@font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-display: swap; src: url('assets/dcc604ef26-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/b0e5b2a7d4-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/b8dd2e0160-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Static shell adapted from prairieactionnd.org. No Squarespace runtime
   required. Geometry is lifted from the live site's computed styles and
   restated exactly: a fixed 1280px content column centered inside 4vw
   gutters (verified identical at 1440 and 1920), header padding
   1.8vw + 10.5px vertical (the +10.5px reproduces the live header's
   constant 21px of extra height), logo capped at 132px desktop / 75px
   mobile (the picture's own mobile source swaps artwork), nav items
   spaced 2.2vw, CTA a 14px/18.2px pill with a 1px white border, and a
   footer grid whose link columns sit at 46% and 79.5% of the content
   width. Colors are the site's own theme values: navy #00284A, cream
   "white" #FDF4D0, gold #EABF31, sky #6EC1E4, teal #02678A. */
body { margin: 0; background: #FDF4D0; }
.pa-header, .pa-footer { font-family: 'Poppins', system-ui, sans-serif; }
.pa-header *, .pa-footer * { box-sizing: border-box; }

.pa-header {
	position: relative;
	background: #6EC1E4;
	color: #00284A;
	line-height: 1;
	padding: calc(1.8vw + 21px) 4vw 1.8vw;
}
.pa-header-inner {
	max-width: 1280px;
	margin-inline: auto;
	display: flex;
	align-items: center;
}
.pa-title-nav { flex: 1 0 67%; display: flex; align-items: center; min-width: 0; }
.pa-logo { flex: 0 0 auto; line-height: 0; }
.pa-logo img { width: auto; max-width: 100%; max-height: 132px; height: auto; }
.pa-nav-wrapper { flex: 1 1 auto; display: flex; justify-content: flex-end; margin-left: 1.8vw; min-width: 0; }
.pa-header .header-nav-list {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.pa-header .header-nav-item { display: inline-flex; align-items: center; font-size: 14px; line-height: 1.7; white-space: nowrap; }
.pa-header .header-nav-item + .header-nav-item { margin-left: 2.2vw; }
.pa-header .header-nav-item a { color: inherit; text-decoration: none; position: relative; display: inline-block; }
.pa-header .header-nav-item a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: .1em;
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}
.pa-header .header-nav-item a:hover::after { transform: scaleX(1); transform-origin: left; }

.pa-actions { flex: 0 1 auto; display: flex; justify-content: flex-end; align-items: center; }
.pa-button {
	margin-left: 1.8vw;
	display: inline-block;
	padding: 14px 18.2px;
	border: 1px solid #fff;
	border-radius: 300px;
	background: #000;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
}
.pa-button:hover { opacity: .8; }

.pa-menu-toggle { position: absolute; opacity: 0; pointer-events: none; }
.pa-menu-label { display: none; cursor: pointer; position: relative; width: 35px; height: 35px; }
.pa-menu-label span, .pa-menu-label::before, .pa-menu-label::after {
	content: "";
	position: absolute;
	left: 5px;
	right: 5px;
	height: 2px;
	border-radius: 2px;
	background: #00284A;
}
.pa-menu-label::before { top: 12px; }
.pa-menu-label span { top: 16.5px; }
.pa-menu-label::after { bottom: 12px; }

.pa-footer {
	background: #00284A;
	color: #FDF4D0;
	padding: 38px 4vw 28px;
}
.pa-footer-inner {
	max-width: 1280px;
	margin-inline: auto;
	display: grid;
	grid-template-columns: 46% 33.5% auto;
	align-items: start;
}
.pa-footer p { margin: 0; }
.pa-footer a { color: #EABF31; text-decoration: underline; text-underline-offset: 3px; }
.pa-footer a:hover { opacity: .8; }
.pa-main { grid-column: 1; grid-row: 1; }
.pa-wordmark { display: block; width: 208px; height: auto; margin: 9px 0 0; }
.pa-mission { margin: 58px 0 0; max-width: 315px; font-size: 14px; line-height: 1.5; }
.pa-follow { grid-column: 2; grid-row: 1; font-size: 14px; line-height: 1.5; }
.pa-learn { grid-column: 3; grid-row: 1; font-size: 14px; line-height: 1.5; }
.pa-col p:first-child { font-weight: 700; margin-bottom: 14px; }
.pa-col .pa-links { margin-top: 14px; font-size: 12.27px; line-height: 1.5; }
.pa-legal {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 46% 33.5% auto;
	margin-top: 67px;
	font-size: 12.27px;
	line-height: 1.5;
}
.pa-legal .pa-privacy { grid-column: 3; justify-self: start; margin-top: 20px; }

.pa-header :focus-visible, .pa-footer :focus-visible { outline: 3px solid #EABF31; outline-offset: 3px; }

@media (max-width: 799px) {
	.pa-header { padding: calc(6vw + 21px) 6vw 6vw; }
	.pa-logo img { max-height: 75px; }
	.pa-actions { flex: 0 0 auto; }
	.pa-button { display: none; }
	.pa-menu-label { display: block; }
	.pa-header nav.header-nav-list {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #6EC1E4;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0;
		padding: 10px 6vw 18px;
		box-shadow: 0 12px 20px #00284a2e;
		z-index: 10;
	}
	.pa-menu-toggle:checked ~ .pa-header-inner .header-nav-list { display: flex; }
	.pa-header .header-nav-item { line-height: 1; padding: 10px 0; }
	.pa-header .header-nav-item + .header-nav-item { margin-left: 0; }
	.pa-footer { padding: 40px 6vw 28px; }
	.pa-footer-inner { grid-template-columns: 1fr; row-gap: 26px; }
	.pa-wordmark { width: 280px; max-width: 70vw; margin: 0; }
	.pa-mission { margin-top: 26px; max-width: none; }
	.pa-follow, .pa-learn { grid-column: 1; grid-row: auto; }

	.pa-legal { grid-template-columns: 1fr; row-gap: 8px; margin-top: 4px; }
	.pa-legal .pa-privacy { grid-column: 1; }
}
