{"id":17,"date":"2026-04-12T00:40:37","date_gmt":"2026-04-12T00:40:37","guid":{"rendered":"https:\/\/essiengcom.wpenginepowered.com\/?page_id=17"},"modified":"2026-04-16T01:44:26","modified_gmt":"2026-04-16T01:44:26","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.essieng.com\/","title":{"rendered":"ESSIENG-HomePage"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nESSI Engineering \u2014 Engineering Together<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --navy: #2B3849;\n --navy-mid: #344255;\n --steel: #3f5068;\n --blue-light: #5b8fa8;\n --sage: #7a9e8e;\n --sage-light: #a8c4b8;\n --cream: #f4f1ec;\n --warm-white: #faf8f5;\n --mid-gray: #8a9baa;\n --text-dark: #2B3849;\n --text-mid: #445566;\n --text-light: #7a8fa0;\n --accent: #c9943a;\n --white: #ffffff;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--warm-white);\n color: var(--text-dark);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 1.1rem 6%;\n background: rgba(43, 56, 73, 0.96);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(91,143,168,0.15);\n }\n .nav-brand {\n display: flex; align-items: center; gap: 14px;\n }\n .nav-logo-box {\n background: var(--white);\n color: var(--navy);\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.1rem;\n padding: 5px 14px;\n letter-spacing: 0.12em;\n border: 2px solid var(--white);\n }\n .nav-tagline {\n color: rgba(255,255,255,0.55);\n font-size: 0.72rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n }\n .nav-links {\n display: flex; gap: 2.5rem; list-style: none; align-items: center;\n }\n .nav-links a {\n color: rgba(255,255,255,0.65);\n text-decoration: none;\n font-size: 0.82rem;\n letter-spacing: 0.04em;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--sage-light); }\n .nav-cert-link {\n color: var(--sage-light) !important;\n border: 1px solid rgba(122,158,142,0.4);\n padding: 6px 16px;\n font-size: 0.75rem !important;\n letter-spacing: 0.08em !important;\n transition: all 0.2s !important;\n }\n .nav-cert-link:hover {\n background: rgba(122,158,142,0.12) !important;\n border-color: var(--sage-light) !important;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n position: relative;\n overflow: hidden;\n display: flex; align-items: center;\n background: var(--navy);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background:\n linear-gradient(160deg, rgba(30,45,61,0.75) 0%, rgba(30,45,61,0.55) 40%, rgba(30,45,61,0.85) 100%),\n repeating-linear-gradient(\n 90deg,\n transparent,\n transparent 60px,\n rgba(91,143,168,0.04) 60px,\n rgba(91,143,168,0.04) 61px\n ),\n repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 60px,\n rgba(91,143,168,0.04) 60px,\n rgba(91,143,168,0.04) 61px\n );\n }\n \/* Simulated industrial photo overlay with CSS *\/\n .hero-photo-panel {\n position: absolute; top: 0; right: 0;\n width: 52%; height: 100%;\n background:\n linear-gradient(to left, transparent 0%, var(--navy) 100%),\n linear-gradient(160deg, #1a3a4e 0%, #2c5168 40%, #1a2d3d 100%);\n clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);\n overflow: hidden;\n }\n .hero-photo-panel::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse at 70% 40%, rgba(91,143,168,0.18) 0%, transparent 60%),\n repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 8px,\n rgba(91,143,168,0.03) 8px,\n rgba(91,143,168,0.03) 9px\n );\n }\n \/* Pipe\/tank SVG suggestion *\/\n .hero-photo-panel::after {\n content: '';\n position: absolute;\n bottom: 10%; left: 10%; right: 5%;\n height: 60%;\n background:\n repeating-linear-gradient(90deg, rgba(91,143,168,0.07) 0px, rgba(91,143,168,0.07) 3px, transparent 3px, transparent 40px),\n repeating-linear-gradient(0deg, rgba(91,143,168,0.05) 0px, rgba(91,143,168,0.05) 3px, transparent 3px, transparent 40px);\n }\n\n .hero-content {\n position: relative; z-index: 2;\n padding: 8rem 6% 6rem;\n max-width: 700px;\n }\n .hero-eyebrow {\n display: flex; align-items: center; gap: 12px;\n color: var(--sage-light);\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n margin-bottom: 1.4rem;\n opacity: 0; animation: riseIn 0.9s 0.2s forwards;\n }\n .hero-eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--sage); }\n\n .hero-headline {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(4rem, 9vw, 8rem);\n line-height: 0.92;\n color: var(--white);\n letter-spacing: 0.02em;\n margin-bottom: 1.8rem;\n opacity: 0; animation: riseIn 0.9s 0.35s forwards;\n }\n .hero-headline .accent-line {\n display: block;\n color: var(--blue-light);\n }\n\n .hero-divider {\n width: 60px; height: 2px;\n background: var(--accent);\n margin-bottom: 1.6rem;\n opacity: 0; animation: riseIn 0.9s 0.5s forwards;\n }\n\n .hero-sub {\n font-family: 'Libre Baskerville', serif;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.75;\n color: rgba(255,255,255,0.65);\n max-width: 500px;\n margin-bottom: 2.5rem;\n opacity: 0; animation: riseIn 0.9s 0.65s forwards;\n }\n\n .hero-stats {\n display: flex; gap: 2.5rem;\n margin-bottom: 2.5rem;\n opacity: 0; animation: riseIn 0.9s 0.8s forwards;\n }\n .hero-stat-item {}\n .hero-stat-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2.4rem;\n color: var(--white);\n letter-spacing: 0.05em;\n line-height: 1;\n }\n .hero-stat-label {\n font-size: 0.7rem;\n color: rgba(255,255,255,0.45);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-top: 3px;\n }\n .hero-stat-divider {\n width: 1px; background: rgba(255,255,255,0.1); align-self: stretch;\n }\n\n .hero-actions {\n display: flex; gap: 1rem; flex-wrap: wrap;\n opacity: 0; animation: riseIn 0.9s 0.95s forwards;\n }\n .btn-primary {\n background: var(--blue-light);\n color: var(--white);\n padding: 13px 30px;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n text-decoration: none;\n display: inline-block;\n transition: all 0.2s;\n text-transform: uppercase;\n }\n .btn-primary:hover { background: var(--sage); transform: translateY(-2px); }\n .btn-ghost {\n background: transparent;\n color: rgba(255,255,255,0.7);\n padding: 13px 30px;\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n text-decoration: none;\n display: inline-block;\n border: 1px solid rgba(255,255,255,0.2);\n transition: all 0.2s;\n text-transform: uppercase;\n }\n .btn-ghost:hover { border-color: var(--sage-light); color: var(--sage-light); }\n\n \/* Scroll indicator *\/\n .scroll-hint {\n position: absolute; bottom: 2.5rem; right: 6%;\n display: flex; flex-direction: column; align-items: center; gap: 6px;\n color: rgba(255,255,255,0.3);\n font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase;\n opacity: 0; animation: riseIn 1s 1.2s forwards;\n }\n .scroll-line {\n width: 1px; height: 50px;\n background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);\n animation: scrollPulse 2s ease-in-out infinite;\n }\n @keyframes scrollPulse {\n 0%, 100% { opacity: 0.3; transform: scaleY(1); }\n 50% { opacity: 0.7; transform: scaleY(1.2); }\n }\n\n @keyframes riseIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 SERVICES STRIP \u2500\u2500 *\/\n .services-strip {\n background: var(--navy-mid);\n padding: 0 6%;\n display: flex;\n border-bottom: 1px solid rgba(91,143,168,0.15);\n overflow-x: auto;\n }\n .service-tab {\n padding: 1.3rem 2rem;\n color: rgba(255,255,255,0.45);\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n border-bottom: 2px solid transparent;\n white-space: nowrap;\n cursor: default;\n transition: all 0.2s;\n }\n .service-tab:hover, .service-tab.active {\n color: var(--sage-light);\n border-bottom-color: var(--sage);\n }\n\n \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\n .about {\n padding: 7rem 6%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 7rem;\n align-items: center;\n background: var(--warm-white);\n }\n .section-label {\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--blue-light);\n margin-bottom: 1rem;\n display: flex; align-items: center; gap: 10px;\n }\n .section-label::before { content: ''; width: 20px; height: 2px; background: var(--blue-light); }\n h2 {\n font-family: 'Libre Baskerville', serif;\n font-size: clamp(1.8rem, 3vw, 2.6rem);\n font-weight: 700;\n line-height: 1.2;\n color: var(--navy);\n margin-bottom: 1.5rem;\n }\n .body-text {\n font-size: 0.98rem;\n line-height: 1.85;\n color: var(--text-mid);\n margin-bottom: 1.2rem;\n }\n\n .about-right {}\n .about-card {\n background: var(--navy);\n padding: 2.5rem;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.5rem;\n }\n .about-card::before {\n content: '';\n position: absolute; top: 0; left: 0;\n width: 4px; height: 100%;\n background: var(--blue-light);\n }\n .about-card-quote {\n font-family: 'Libre Baskerville', serif;\n font-style: italic;\n font-size: 0.95rem;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: 1rem;\n }\n .about-card-attr {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--sage-light);\n letter-spacing: 0.05em;\n }\n .about-card-role {\n font-size: 0.7rem;\n color: rgba(255,255,255,0.4);\n margin-top: 2px;\n }\n\n .expertise-pills {\n display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 2rem;\n }\n .pill {\n background: rgba(30,45,61,0.06);\n border: 1px solid rgba(30,45,61,0.12);\n color: var(--text-mid);\n font-size: 0.75rem;\n font-weight: 500;\n padding: 6px 14px;\n letter-spacing: 0.03em;\n transition: all 0.2s;\n }\n .pill:hover {\n background: rgba(91,143,168,0.1);\n border-color: var(--blue-light);\n color: var(--navy);\n }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n .services {\n background: var(--cream);\n padding: 7rem 6%;\n }\n .services-header {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 4rem; align-items: end;\n margin-bottom: 4rem;\n }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5px;\n background: rgba(30,45,61,0.1);\n }\n .service-card {\n background: var(--warm-white);\n padding: 2.5rem 2rem;\n transition: all 0.3s;\n position: relative; overflow: hidden;\n cursor: default;\n }\n .service-card::after {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 0;\n background: var(--navy);\n transition: height 0.3s;\n z-index: 0;\n }\n .service-card:hover::after { height: 100%; }\n .service-card:hover .service-icon,\n .service-card:hover .service-name,\n .service-card:hover .service-desc { color: var(--white); position: relative; z-index: 1; }\n .service-card:hover .service-desc { color: rgba(255,255,255,0.6); }\n .service-icon {\n font-size: 1.8rem; margin-bottom: 1.2rem;\n transition: all 0.3s;\n position: relative; z-index: 1;\n }\n .service-name {\n font-family: 'Libre Baskerville', serif;\n font-size: 1rem; font-weight: 700;\n color: var(--navy);\n margin-bottom: 0.7rem;\n transition: all 0.3s;\n position: relative; z-index: 1;\n }\n .service-desc {\n font-size: 0.82rem;\n color: var(--text-light);\n line-height: 1.65;\n transition: all 0.3s;\n position: relative; z-index: 1;\n }\n\n \/* \u2500\u2500 PROJECTS \u2500\u2500 *\/\n .projects {\n background: var(--warm-white);\n padding: 7rem 6%;\n }\n .projects-header {\n display: flex; justify-content: space-between; align-items: flex-end;\n margin-bottom: 3.5rem;\n }\n .projects-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: auto auto;\n gap: 1.5px;\n background: rgba(30,45,61,0.08);\n }\n .project-card {\n background: var(--navy);\n padding: 2.5rem;\n position: relative; overflow: hidden;\n min-height: 220px;\n display: flex; flex-direction: column; justify-content: flex-end;\n transition: all 0.3s;\n }\n .project-card.light {\n background: var(--cream);\n }\n .project-card:first-child {\n grid-row: span 2;\n min-height: 460px;\n }\n .project-card::before {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(30,45,61,0.9) 0%, transparent 60%);\n }\n .project-card.light::before { display: none; }\n .project-card:hover { transform: scale(1.01); z-index: 2; }\n\n .project-tag {\n position: relative; z-index: 1;\n font-size: 0.65rem; font-weight: 700;\n letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--sage-light); margin-bottom: 0.5rem;\n }\n .project-card.light .project-tag { color: var(--blue-light); }\n .project-name {\n position: relative; z-index: 1;\n font-family: 'Libre Baskerville', serif;\n font-size: 1.05rem; font-weight: 700;\n color: var(--white);\n line-height: 1.3;\n }\n .project-card.light .project-name { color: var(--navy); }\n .project-detail {\n position: relative; z-index: 1;\n font-size: 0.78rem;\n color: rgba(255,255,255,0.5);\n margin-top: 0.4rem;\n }\n .project-card.light .project-detail { color: var(--text-light); }\n\n .project-big-num {\n position: absolute; top: 1.5rem; right: 1.5rem;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 5rem;\n color: rgba(255,255,255,0.05);\n line-height: 1;\n z-index: 0;\n }\n\n .states-row {\n margin-top: 3rem;\n display: flex; gap: 1rem; align-items: center;\n flex-wrap: wrap;\n }\n .state-badge {\n background: var(--navy);\n color: rgba(255,255,255,0.7);\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n padding: 6px 14px;\n }\n .states-label {\n font-size: 0.75rem;\n color: var(--text-light);\n margin-right: 0.5rem;\n }\n\n \/* \u2500\u2500 LEADER \u2500\u2500 *\/\n .leader {\n background: var(--navy);\n padding: 7rem 6%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 7rem;\n align-items: center;\n position: relative; overflow: hidden;\n }\n .leader::before {\n content: '';\n position: absolute; top: -20%; right: -5%;\n width: 50vw; height: 140%;\n background: radial-gradient(ellipse, rgba(91,143,168,0.07) 0%, transparent 65%);\n }\n .leader h2 { color: var(--white); }\n .leader .body-text { color: rgba(255,255,255,0.6); }\n .leader .section-label { color: var(--sage-light); }\n .leader .section-label::before { background: var(--sage-light); }\n\n .leader-highlights {\n display: flex; flex-direction: column; gap: 1rem;\n margin-top: 2rem;\n }\n .highlight-row {\n display: flex; align-items: center; gap: 1rem;\n padding: 0.9rem 1.2rem;\n border-left: 2px solid rgba(91,143,168,0.25);\n transition: border-color 0.2s;\n }\n .highlight-row:hover { border-left-color: var(--blue-light); }\n .highlight-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8rem;\n color: var(--blue-light);\n line-height: 1;\n min-width: 60px;\n }\n .highlight-text {\n font-size: 0.85rem;\n color: rgba(255,255,255,0.55);\n line-height: 1.5;\n }\n\n .leader-right {}\n .cert-callout {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(122,158,142,0.25);\n padding: 2.5rem;\n margin-top: 2rem;\n }\n .cert-callout-label {\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--sage-light);\n margin-bottom: 1rem;\n display: flex; align-items: center; gap: 8px;\n }\n .cert-callout-label::before { content: ''; width: 16px; height: 1px; background: var(--sage); }\n .cert-callout-text {\n font-size: 0.9rem;\n line-height: 1.7;\n color: rgba(255,255,255,0.55);\n margin-bottom: 1.5rem;\n }\n .cert-link {\n display: inline-flex; align-items: center; gap: 8px;\n color: var(--sage-light);\n text-decoration: none;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n border-bottom: 1px solid rgba(122,158,142,0.3);\n padding-bottom: 3px;\n transition: all 0.2s;\n }\n .cert-link:hover { color: var(--white); border-bottom-color: var(--white); }\n\n .affiliations {\n display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 2rem;\n }\n .affil {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.1);\n color: rgba(255,255,255,0.5);\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n padding: 6px 12px;\n }\n\n \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n .contact {\n background: var(--cream);\n padding: 7rem 6%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 7rem;\n align-items: start;\n }\n .contact-info {}\n .contact-detail {\n display: flex; align-items: flex-start; gap: 1.2rem;\n padding: 1.2rem 0;\n border-bottom: 1px solid rgba(30,45,61,0.08);\n }\n .contact-icon { font-size: 1.1rem; min-width: 28px; margin-top: 2px; }\n .contact-label {\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--text-light);\n margin-bottom: 3px;\n }\n .contact-value {\n font-size: 0.92rem;\n color: var(--text-dark);\n font-weight: 500;\n }\n .contact-value a { color: var(--blue-light); text-decoration: none; }\n .contact-value a:hover { text-decoration: underline; }\n\n .contact-form-side {}\n .contact-form-side h2 { margin-bottom: 0.5rem; }\n .contact-form-side .body-text { margin-bottom: 2rem; }\n\n .form-group { margin-bottom: 1.2rem; }\n .form-group label {\n display: block;\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-light);\n margin-bottom: 0.5rem;\n }\n .form-group input,\n .form-group textarea,\n .form-group select {\n width: 100%;\n background: var(--white);\n border: 1px solid rgba(30,45,61,0.15);\n color: var(--text-dark);\n padding: 10px 14px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.9rem;\n outline: none;\n transition: border-color 0.2s;\n appearance: none;\n }\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus { border-color: var(--blue-light); }\n .form-group textarea { height: 110px; resize: vertical; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .submit-btn {\n background: var(--navy);\n color: var(--white);\n border: none; cursor: pointer;\n padding: 13px 32px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n transition: all 0.2s;\n width: 100%;\n margin-top: 0.5rem;\n }\n .submit-btn:hover { background: var(--blue-light); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--navy);\n padding: 2.5rem 6%;\n display: flex; align-items: center; justify-content: space-between;\n flex-wrap: wrap; gap: 1.5rem;\n border-top: 1px solid rgba(91,143,168,0.12);\n }\n .footer-left {\n display: flex; align-items: center; gap: 16px;\n }\n .footer-copy {\n font-size: 0.75rem;\n color: rgba(255,255,255,0.3);\n }\n .footer-divider { color: rgba(255,255,255,0.15); }\n .footer-right {\n display: flex; gap: 2rem;\n }\n .footer-right a {\n color: rgba(255,255,255,0.35);\n text-decoration: none;\n font-size: 0.75rem;\n letter-spacing: 0.05em;\n transition: color 0.2s;\n }\n .footer-right a:hover { color: var(--sage-light); }\n .cert-footer-badge {\n display: flex; align-items: center; gap: 8px;\n background: rgba(122,158,142,0.08);\n border: 1px solid rgba(122,158,142,0.2);\n padding: 6px 14px;\n text-decoration: none;\n }\n .cert-footer-badge span {\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--sage-light);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 960px) {\n .hero-photo-panel { width: 100%; clip-path: none; opacity: 0.3; }\n .about, .leader, .contact { grid-template-columns: 1fr; gap: 3rem; }\n .services-header { grid-template-columns: 1fr; gap: 1rem; }\n .services-grid { grid-template-columns: 1fr 1fr; }\n .projects-grid { grid-template-columns: 1fr 1fr; }\n .projects-grid .project-card:first-child { grid-row: span 1; min-height: 220px; }\n nav .nav-links { display: none; }\n .footer-right { display: none; }\n .hero-stats { gap: 1.5rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav>\n <div class=\"nav-brand\">\n <div class=\"nav-logo-box\">ESSI<\/div>\n <div class=\"nav-tagline\">Engineering Together<\/div>\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#projects\">Projects<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <li><a href=\"https:\/\/www.essicert.org\" class=\"nav-cert-link\">\u2197 ESSI Certification<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-photo-panel\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">Water Treatment Engineering \u2014 CA \u00b7 OR \u00b7 WA \u00b7 NC<\/div>\n <h1 class=\"hero-headline\">\n Engineering<br>\n <span class=\"accent-line\">Together<\/span>\n <\/h1>\n <div class=\"hero-divider\"><\/div>\n <p class=\"hero-sub\">\n At ESSI we believe in engineering a better future together \u2014 delivering world-class water treatment expertise with the personal service your project deserves.\n <\/p>\n <div class=\"hero-stats\">\n <div class=\"hero-stat-item\">\n <div class=\"hero-stat-num\">50+<\/div>\n <div class=\"hero-stat-label\">Projects Completed<\/div>\n <\/div>\n <div class=\"hero-stat-divider\"><\/div>\n <div class=\"hero-stat-item\">\n <div class=\"hero-stat-num\">15<\/div>\n <div class=\"hero-stat-label\">Years Experience<\/div>\n <\/div>\n <div class=\"hero-stat-divider\"><\/div>\n <div class=\"hero-stat-item\">\n <div class=\"hero-stat-num\">4<\/div>\n <div class=\"hero-stat-label\">States Licensed<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn-primary\">Get in Touch<\/a>\n <a href=\"#services\" class=\"btn-ghost\">Our Services<\/a>\n <\/div>\n <\/div>\n <div class=\"scroll-hint\">\n <div class=\"scroll-line\"><\/div>\n Scroll\n <\/div>\n<\/section>\n\n<!-- SERVICES STRIP -->\n<div class=\"services-strip\">\n <div class=\"service-tab active\">Water Treatment Design<\/div>\n <div class=\"service-tab\">Pilot Testing<\/div>\n <div class=\"service-tab\">Water System Planning<\/div>\n <div class=\"service-tab\">Operations Optimization<\/div>\n <div class=\"service-tab\">Water Reuse<\/div>\n <div class=\"service-tab\">ESSI Certification<\/div>\n<\/div>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"about\">\n <div>\n <div class=\"section-label\">About ESSI<\/div>\n <h2>World-Class Expertise.<br>Personal Service.<\/h2>\n <p class=\"body-text\">\n ESSI Consulting was established to bring drinking water systems world-class expertise on water quality and treatment \u2014 combining the depth found in large engineering firms with the responsiveness only a small firm can deliver.\n <\/p>\n <p class=\"body-text\">\n Founded in 2022 and headquartered in Escondido, California, ESSI is licensed in California, Oregon, Washington, and North Carolina. Our team has designed or assisted in designing nearly 30 groundwater treatment plants across the West Coast, and has experience on more than 50 groundwater treatment projects.\n <\/p>\n <div class=\"expertise-pills\">\n <div class=\"pill\">Iron & Manganese Removal<\/div>\n <div class=\"pill\">Arsenic Removal<\/div>\n <div class=\"pill\">PFAS\/PFOS<\/div>\n <div class=\"pill\">Chromium Removal<\/div>\n <div class=\"pill\">Nitrate Removal<\/div>\n <div class=\"pill\">Biological Treatment<\/div>\n <div class=\"pill\">Water Reuse<\/div>\n <div class=\"pill\">Corrosion Control<\/div>\n <div class=\"pill\">Pilot Testing<\/div>\n <\/div>\n <\/div>\n <div class=\"about-right\">\n <div class=\"about-card\">\n <div class=\"about-card-quote\">\"Aaron Gress provided complex technical solutions in managing the only second pass agricultural drainage treatment facility in the United States. I would consider Aaron a great asset to any team looking for a dedicated individual who seeks creative and practical solutions to water treatment challenges.\"<\/div>\n <div class=\"about-card-attr\">Miguel Arias-Paic<\/div>\n <div class=\"about-card-role\">Technical Practice Lead, United States Bureau of Reclamation<\/div>\n <\/div>\n <div class=\"about-card\" style=\"margin-top: 1.5px;\">\n <div class=\"about-card-quote\">\"Aaron Gress's meticulous approach to pilot testing has significantly advanced our water treatment processes, ensuring both efficiency and environmental compliance.\"<\/div>\n <div class=\"about-card-attr\">Lee Odell<\/div>\n <div class=\"about-card-role\">Author, AWWA Treatment Technologies for Groundwater<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"services\">\n <div class=\"services-header\">\n <div>\n <div class=\"section-label\">What We Do<\/div>\n <h2>Full-Spectrum Water Treatment Services<\/h2>\n <\/div>\n <p style=\"font-size:0.92rem; line-height:1.75; color:var(--text-mid);\">From preliminary planning through construction support and operations optimization \u2014 ESSI delivers at every stage of your project lifecycle.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udd2c<\/div>\n <div class=\"service-name\">Pilot Testing<\/div>\n <div class=\"service-desc\">Full line of pilot testing for iron & manganese, arsenic, chromium, PFAS\/PFOS, nitrate, ammonia, and more. Optimize your design before you build.<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\n <div class=\"service-name\">Treatment Plant Design<\/div>\n <div class=\"service-desc\">Design of complete groundwater treatment plants \u2014 chemical feed systems, filtration, backwash handling, controls, and construction documents.<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udccb<\/div>\n <div class=\"service-name\">Water System Planning<\/div>\n <div class=\"service-desc\">Water system plans, preliminary design reports, water supply analyses, rate studies, and bond financing reports tailored to your utility's needs.<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u2699\ufe0f<\/div>\n <div class=\"service-name\">Operations Optimization<\/div>\n <div class=\"service-desc\">On-site evaluations, filter assessments, media sieve analysis, backwash optimization, process troubleshooting, and water quality audits.<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u267b\ufe0f<\/div>\n <div class=\"service-name\">Water Reuse<\/div>\n <div class=\"service-desc\">Advanced treatment for reclaimed water \u2014 membrane filtration, RO, AOP, biological filtration, and electrochemical treatment solutions.<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfc5<\/div>\n <div class=\"service-name\">ESSI Certification<\/div>\n <div class=\"service-desc\">The first engineering firm to offer an infrastructure certification program. ESSICERT.ORG recognizes projects delivering environmental and social equity.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PROJECTS -->\n<section class=\"projects\" id=\"projects\">\n <div class=\"projects-header\">\n <div>\n <div class=\"section-label\">Project Experience<\/div>\n <h2>50+ Projects Across<br>the West Coast<\/h2>\n <\/div>\n <a href=\"#contact\" style=\"font-size:0.82rem; color:var(--blue-light); text-decoration:none; font-weight:600; letter-spacing:0.05em; border-bottom: 1px solid rgba(91,143,168,0.3); padding-bottom:2px;\">Request Full Project List \u2192<\/a>\n <\/div>\n <div class=\"projects-grid\">\n <div class=\"project-card\">\n <div class=\"project-big-num\">28<\/div>\n <div class=\"project-tag\">Rockwood Water PUD \u2014 Gresham, OR<\/div>\n <div class=\"project-name\">28 MGD Iron & Manganese Water Treatment Plant<\/div>\n <div class=\"project-detail\">One of the world's largest high-rate manganese removal plants \u00b7 136,000 residents served<\/div>\n <\/div>\n <div class=\"project-card\">\n <div class=\"project-tag\">Madera County, CA<\/div>\n <div class=\"project-name\">Arsenic WTP \u2014 Coarsegold Elementary<\/div>\n <div class=\"project-detail\">Pilot testing & full design for arsenic, iron & manganese removal<\/div>\n <\/div>\n <div class=\"project-card\">\n <div class=\"project-tag\">City of Escondido, CA<\/div>\n <div class=\"project-name\">65 MGD Treatment Optimization Study<\/div>\n <div class=\"project-detail\">PAC improvements & chemical dosing optimization for Lake Hodges supply<\/div>\n <\/div>\n <div class=\"project-card light\">\n <div class=\"project-tag\">City of Newberg, OR<\/div>\n <div class=\"project-name\">Iron & Manganese WTP \u2014 Pilot Study & Design<\/div>\n <div class=\"project-detail\">2023 \u00b7 Planning, pilot testing, design<\/div>\n <\/div>\n <div class=\"project-card light\">\n <div class=\"project-tag\">UIUC Tribe \u2014 Canyonville, OR<\/div>\n <div class=\"project-name\">500 GPM Hypolimnetic Oxygenation & Ozone System<\/div>\n <div class=\"project-detail\">2022 \u00b7 Full pilot to design<\/div>\n <\/div>\n <\/div>\n <div class=\"states-row\">\n <span class=\"states-label\">Licensed in:<\/span>\n <div class=\"state-badge\">California<\/div>\n <div class=\"state-badge\">Oregon<\/div>\n <div class=\"state-badge\">Washington<\/div>\n <div class=\"state-badge\">North Carolina<\/div>\n <span style=\"font-size:0.75rem; color:var(--text-light); margin-left:0.5rem;\">HQ: Escondido, CA \u00b7 Also licensed in NC \u00b7 Projects also completed in GA, UT, ID, CO, ND, HI, VA, AK, ON<\/span>\n <\/div>\n<\/section>\n\n<!-- LEADER -->\n<section class=\"leader\" id=\"leader\">\n <div>\n <div class=\"section-label\">Our Principal<\/div>\n <h2>Aaron Gress, PE, MSCE<\/h2>\n <p class=\"body-text\">Civil and environmental engineer with nearly 15 years of experience in water treatment planning, design, and construction. Author of several technical journal publications and a committee member of the AWWA Water Treatment Group.<\/p>\n <div class=\"leader-highlights\">\n <div class=\"highlight-row\">\n <div class=\"highlight-num\">15<\/div>\n <div class=\"highlight-text\">Years of engineering experience with drinking water treatment across the West Coast<\/div>\n <\/div>\n <div class=\"highlight-row\">\n <div class=\"highlight-num\">50+<\/div>\n <div class=\"highlight-text\">Groundwater treatment projects completed from pilot testing through operations<\/div>\n <\/div>\n <div class=\"highlight-row\">\n <div class=\"highlight-num\">20+<\/div>\n <div class=\"highlight-text\">Water treatment plants designed \u2014 from 5 GPM wellhead systems to 85 MGD expansions<\/div>\n <\/div>\n <\/div>\n <div class=\"affiliations\" style=\"margin-top:2rem;\">\n <div class=\"affil\">CA PE<\/div>\n <div class=\"affil\">OR PE<\/div>\n <div class=\"affil\">WA PE<\/div>\n <div class=\"affil\">NC PE<\/div>\n <div class=\"affil\">AWWA<\/div>\n <div class=\"affil\">WaterReuse<\/div>\n <div class=\"affil\">ASCE<\/div>\n <\/div>\n <\/div>\n <div class=\"leader-right\">\n <p class=\"body-text\">Mr. Gress has managed projects with multiple subcontracts across municipal and commercial water treatment \u2014 from preliminary design through construction support. His expertise spans arsenic, iron & manganese, PFAS, chromium, nitrate, and biological treatment systems.<\/p>\n <p class=\"body-text\">His approach emphasizes simple, cost-effective designs that engage operators and owners throughout the process \u2014 so teams know exactly what to expect when the plant is complete.<\/p>\n <div class=\"cert-callout\">\n <div class=\"cert-callout-label\">Also Founding ESSI Certification<\/div>\n <div class=\"cert-callout-text\">ESSI Engineering is the first engineering firm to develop and offer an infrastructure certification program \u2014 recognizing projects that deliver environmental sustainability and social equity in underserved communities.<\/div>\n <a href=\"https:\/\/www.essicert.org\" class=\"cert-link\">Learn about ESSICERT.ORG \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"contact\">\n <div class=\"contact-info\">\n <div class=\"section-label\">Get in Touch<\/div>\n <h2>Let's Build Something Together<\/h2>\n <p class=\"body-text\" style=\"margin-bottom:2.5rem;\">We respond promptly to all inquiries. Whether you have a specific project in mind or want to learn more about our services, we'd love to hear from you.<\/p>\n <div class=\"contact-detail\">\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\n <div>\n <div class=\"contact-label\">Phone<\/div>\n <div class=\"contact-value\"><a href=\"tel:+15596792986\">+1 (559) 679-2986<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\n <div>\n <div class=\"contact-label\">Email<\/div>\n <div class=\"contact-value\"><a href=\"mailto:agress@essieng.com\">agress@essieng.com<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-icon\">\ud83c\udf10<\/div>\n <div>\n <div class=\"contact-label\">Web<\/div>\n <div class=\"contact-value\">essieng.com<\/div>\n <\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\n <div>\n <div class=\"contact-label\">Location<\/div>\n <div class=\"contact-value\">Escondido, CA (Headquarters)<br>Also licensed in NC \u00b7 CA \u00b7 OR \u00b7 WA<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form-side\">\n <div class=\"section-label\">Send a Message<\/div>\n <h2 style=\"margin-bottom:0.5rem;\">Tell Us About Your Project<\/h2>\n <p class=\"body-text\">We'll respond within one business day.<\/p>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>First Name<\/label>\n <input type=\"text\" placeholder=\"Aaron\">\n <\/div>\n <div class=\"form-group\">\n <label>Last Name<\/label>\n <input type=\"text\" placeholder=\"Gress\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Organization \/ Utility<\/label>\n <input type=\"text\" placeholder=\"City of Escondido\">\n <\/div>\n <div class=\"form-group\">\n <label>Email<\/label>\n <input type=\"email\" placeholder=\"you@agency.gov\">\n <\/div>\n <div class=\"form-group\">\n <label>Service Needed<\/label>\n <select>\n <option value=\"\">Select a service...<\/option>\n <option>Pilot Testing<\/option>\n <option>Treatment Plant Design<\/option>\n <option>Water System Planning<\/option>\n <option>Operations Optimization<\/option>\n <option>Water Reuse<\/option>\n <option>ESSI Certification<\/option>\n <option>Other \/ Not Sure<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Project Description<\/label>\n <textarea placeholder=\"Briefly describe your project, location, and timeline...\"><\/textarea>\n <\/div>\n <button class=\"submit-btn\">Submit Inquiry<\/button>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-left\">\n <div class=\"nav-logo-box\" style=\"font-family:'Bebas Neue',sans-serif; font-size:0.95rem; background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.15); padding:4px 12px;\">ESSI<\/div>\n <span class=\"footer-copy\">\u00a9 2026 ESSI Consulting, CAPC \u00b7 Escondido, CA<\/span>\n <\/div>\n <a href=\"https:\/\/www.essicert.org\" class=\"cert-footer-badge\">\n <span>\ud83c\udfc5 ESSICERT.ORG<\/span>\n <\/a>\n <div class=\"footer-right\">\n <a href=\"#about\">About<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#projects\">Projects<\/a>\n <a href=\"#contact\">Contact<\/a>\n <a href=\"https:\/\/www.essicert.org\">ESSI Certification<\/a>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ESSI Engineering \u2014 Engineering Together ESSI Engineering Together About Services Projects Contact \u2197 ESSI Certification Water Treatment Engineering \u2014 CA \u00b7 OR \u00b7 WA \u00b7 NC Engineering Together At ESSI we believe in engineering a better future together \u2014 delivering world-class water treatment expertise with the personal service your project deserves. 50+ Projects Completed 15 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.essieng.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.essieng.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.essieng.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.essieng.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.essieng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":0,"href":"https:\/\/www.essieng.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.essieng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}