/* Elko Local About — same design system */
.eab-wrap {
	--eab-navy: #1B2A4A; --eab-navy-deep: #14213C; --eab-navy-soft: #2A3D66;
	--eab-orange: #E87722; --eab-orange-deep: #C2600F;
	--eab-brick: #9C2F1E; --eab-cream: #F6EFE1; --eab-cream-deep: #EDE2CB;
	--eab-pine: #2C4A33; --eab-gold: #D9A404;
	--eab-ink: #232A3B; --eab-ink-soft: #5A6274; --eab-line: #E2DACA;
	--eab-shadow-1: 0 1px 2px rgba(20,33,60,.06), 0 1px 6px rgba(20,33,60,.05);
	--eab-shadow-2: 0 2px 4px rgba(20,33,60,.07), 0 8px 20px rgba(20,33,60,.10);
	--eab-display: "Bitter", "Iowan Old Style", "Georgia", serif;
	--eab-ease: cubic-bezier(.33,1,.68,1);
	color: var(--eab-ink);
	max-width: 960px; margin: 0 auto;
}
.eab-wrap h2, .eab-wrap h3, .eab-wrap h4 { font-family: var(--eab-display); color: var(--eab-navy); letter-spacing: -.01em; }

/* Reveal-on-scroll */
.eab-reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s var(--eab-ease), transform .6s var(--eab-ease); }
.eab-reveal.is-in { opacity: 1; transform: none; }

/* Hero */
.eab-hero {
	text-align: center; color: #fff;
	padding: 3rem 2rem 2.8rem; margin-bottom: 1.6rem; border-radius: 20px;
	position: relative; overflow: hidden;
	background:
		radial-gradient(ellipse 60% 50% at 50% 0%, rgba(232,119,34,.24), transparent 70%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 90' preserveAspectRatio='none'%3E%3Ccircle cx='480' cy='26' r='30' fill='%23E87722' fill-opacity='.4'/%3E%3Cpath d='M0 90 L80 34 L140 62 L210 16 L280 56 L360 8 L440 58 L510 28 L600 60 L600 90 Z' fill='%232A3D66' fill-opacity='.55'/%3E%3C/svg%3E") bottom center / 100% 70px no-repeat,
		linear-gradient(165deg, var(--eab-navy-soft) 0%, var(--eab-navy) 42%, var(--eab-navy-deep) 100%);
	box-shadow: var(--eab-shadow-2);
}
.eab-hero h2 { color: #fff; font-size: clamp(1.7rem, 4vw, 2.5rem); margin: 0 0 .7rem; }
.eab-hero p { color: #DFE4EF; font-size: 1.08rem; max-width: 58ch; margin: 0 auto; line-height: 1.6; }

/* Stats band */
.eab-stats {
	display: grid; gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	margin-bottom: 2rem;
}
.eab-stat {
	text-align: center; padding: 1.4rem 1rem 1.2rem; border-radius: 14px;
	background: #fff; border: 1px solid var(--eab-line);
	box-shadow: var(--eab-shadow-1);
	position: relative; overflow: hidden;
}
.eab-stat::before {
	content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
	background: linear-gradient(90deg, var(--eab-navy) 0 62%, var(--eab-orange) 62% 84%, var(--eab-brick) 84% 100%);
}
.eab-stat-n {
	display: block;
	font-family: var(--eab-display); font-weight: 800; font-size: 2.4rem; line-height: 1;
	background: linear-gradient(180deg, #F2853A, var(--eab-orange-deep));
	-webkit-background-clip: text; background-clip: text; color: transparent;
	margin-bottom: .35rem;
}
.eab-stat-label { font-size: .84rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--eab-ink-soft); }

/* Story */
.eab-story {
	background: #fff; border: 1px solid var(--eab-line); border-radius: 16px;
	padding: 1.8rem 2rem; margin-bottom: 2rem;
	box-shadow: var(--eab-shadow-1);
	position: relative; overflow: hidden;
}
.eab-story::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px;
	background: linear-gradient(180deg, var(--eab-navy) 0 62%, var(--eab-orange) 62% 84%, var(--eab-brick) 84% 100%); }
.eab-story h3 { margin-top: 0; font-size: 1.4rem; }
.eab-story p { line-height: 1.75; color: var(--eab-ink); }
.eab-story p:first-of-type::first-letter {
	font-family: var(--eab-display); font-weight: 800; font-size: 3.1em;
	float: left; line-height: .85; margin: .04em .12em 0 0; color: var(--eab-brick);
}

/* Values trio */
.eab-values { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); margin-bottom: 2.4rem; }
.eab-value {
	background: linear-gradient(170deg, #FFFDF8, var(--eab-cream));
	border: 1px solid var(--eab-line); border-radius: 14px;
	padding: 1.2rem 1.3rem; box-shadow: var(--eab-shadow-1);
	transition: transform .2s var(--eab-ease), box-shadow .2s var(--eab-ease);
}
.eab-value:hover { transform: translateY(-3px); box-shadow: var(--eab-shadow-2); }
.eab-value h4 { margin: 0 0 .4rem; font-size: 1.05rem; color: var(--eab-brick); }
.eab-value p { margin: 0; font-size: .93rem; line-height: 1.6; color: var(--eab-ink-soft); }

/* Features */
.eab-sectiontitle { text-align: center; font-size: 1.4rem; margin-bottom: 1.1rem; }
.eab-features { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); margin-bottom: 2.4rem; }
.eab-feature {
	display: flex; gap: .95rem; align-items: flex-start;
	background: #fff; border: 1px solid var(--eab-line); border-radius: 14px;
	padding: 1.05rem 1.15rem; text-decoration: none;
	box-shadow: var(--eab-shadow-1);
	transition: transform .2s var(--eab-ease), box-shadow .2s var(--eab-ease), border-color .2s;
}
.eab-feature:hover { transform: translateY(-3px); box-shadow: var(--eab-shadow-2); border-color: #CFC5AC; }
.eab-feature-icon {
	flex: 0 0 46px; width: 46px; height: 46px; border-radius: 12px;
	display: grid; place-items: center; font-size: 1.4rem;
	background: linear-gradient(160deg, var(--eab-cream), var(--eab-cream-deep));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.eab-feature-body strong { display: block; font-family: var(--eab-display); color: var(--eab-navy); margin-bottom: .2rem; }
.eab-feature-body span { font-size: .88rem; color: var(--eab-ink-soft); line-height: 1.5; }

/* Founder */
.eab-founder {
	display: flex; gap: 1.6rem; align-items: flex-start; flex-wrap: wrap;
	color: #fff; border-radius: 16px; padding: 1.8rem 2rem; margin-bottom: 2rem;
	background:
		radial-gradient(ellipse 45% 60% at 90% 15%, rgba(232,119,34,.22), transparent 70%),
		linear-gradient(170deg, var(--eab-navy-soft) 0%, var(--eab-navy) 45%, var(--eab-navy-deep) 100%);
	box-shadow: var(--eab-shadow-2);
}
.eab-founder h3 { color: #fff; margin: 0 0 .7rem; }
.eab-founder p { color: #D7DEEC; line-height: 1.7; }
.eab-founder-img {
	flex: 0 0 132px; width: 132px; height: 132px; object-fit: cover;
	border-radius: 16px; border: 3px solid var(--eab-orange);
	box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.eab-founder-sig { font-family: var(--eab-display); font-weight: 700; color: #F2C14E !important; margin-bottom: 0; }

/* CTA */
.eab-cta {
	text-align: center; padding: 1.8rem 1.5rem; border-radius: 16px;
	background: linear-gradient(170deg, #FFF9EA, #FCEFC7);
	border: 1px solid #E9D48A; box-shadow: var(--eab-shadow-1);
}
.eab-cta p { font-family: var(--eab-display); font-weight: 700; font-size: 1.15rem; color: var(--eab-navy); margin: 0 0 1rem; }
.eab-btn {
	display: inline-flex; align-items: center; gap: .5rem;
	padding: .8rem 1.8rem; border-radius: 999px;
	font-weight: 700; font-size: 1rem; color: #fff; text-decoration: none;
	background: linear-gradient(180deg, #F2853A 0%, var(--eab-orange) 45%, var(--eab-orange-deep) 100%);
	box-shadow: var(--eab-shadow-1), inset 0 1px 0 rgba(255,255,255,.28);
	transition: transform .14s var(--eab-ease), filter .14s;
}
.eab-btn:hover { transform: translateY(-2px); filter: brightness(1.07); color: #fff; }
.eab-btn:focus-visible { outline: 3px solid var(--eab-navy); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
	.eab-wrap * { transition: none !important; animation: none !important; }
	.eab-reveal { opacity: 1; transform: none; }
}