1<!DOCTYPE html> 2<html lang="en" data-theme="light"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="preload" href="assets/logomark.svg" as="image"> 7
7<script>if(sessionStorage.getItem("ptr_active")){document.documentElement.classList.add("ptr-cover");setTimeout(function(){document.documentElement.classList.remove("ptr-cover");var p=document.querySelector(".ptr__panel");if(p)p.style.transform="translateY(-100%)"},1500)}</script>
7 8 <title>Contact â NCEA</title> 9
9<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
9 10
10<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
10 11 <link rel="stylesheet" href="shared/components.css"> 12 <link rel="stylesheet" href="shared/global-nav.css"> 13 <link rel="stylesheet" href="shared/island-nav.css"> 14 <style> 15 @font-face{font-family:'Signifier';src:url('assets/Signifier_Light-normal-400-100.ttf') format('truetype');font-weight:300;font-display:swap} 16 @font-face{font-family:'Neue Montreal';src:url('assets/PPNeueMontrealArabic-Regular.otf') format('opentype');font-weight:400;font-display:swap} 17 :root{ 18 --font-display:'Signifier',Georgia,serif;--font-body:'Neue Montreal',-apple-system,sans-serif; 19 --ease:cubic-bezier(0.16,1,0.3,1); 20 --bg:#f8f5e7;--bg-warm:#f0ebe4;--bg-card:#fff;--bg-dark:#1F1F23;--bg-muted:#f5f4f1; 21 --text:#0e0e11;--text-dim:rgba(14,14,17,0.6);--text-muted:rgba(14,14,17,0.4);--text-on-dark:#f8f5e7; 22 --border:rgba(14,14,17,0.08);--border-dark:rgba(14,14,17,0.15); 23 --accent:#0e0e11;--tag-bg:rgba(14,14,17,0.05);--cream:#F8F5E7; 24 --olive:#817828; 25 --section-py:clamp(80px,10vw,140px);--section-px:clamp(24px,5vw,80px); 26 --max-w:1440px 27 } 28 [data-theme="dark"]{ 29 --bg:#1F1F23;--bg-warm:#141416;--bg-card:#1a1a1e;--bg-muted:#181818;--bg-dark:#0a0a0c; 30 --text:#f5f5f3;--text-dim:rgba(245,245,243,0.6);--text-muted:rgba(245,245,243,0.35); 31 --border:rgba(255,255,255,0.08);--border-dark:rgba(255,255,255,0.12);--tag-bg:rgba(255,255,255,0.08); 32 --text-on-dark:#f8f5e7;--cream:#F8F5E7;--olive:#817828 33 } 34 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} 35 html{scroll-behavior:smooth} 36 body{overflow-x:hidden;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased} 37 img{max-width:100%;display:block}a{text-decoration:none;color:inherit} 38 39 /* BUTTON */ 40 .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:180px;padding:18px 26px;font-family:var(--font-body);font-size:16px;font-weight:400;border:1px solid var(--border-dark);background:transparent;color:var(--text);border-radius:0 18px 0 18px;cursor:pointer;position:relative;overflow:hidden;transition:all 0.4s var(--ease)} 41 .btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);transform:translateY(100%);transition:transform 0.4s var(--ease);z-index:-1} 42 .btn:hover{color:var(--cream);border-color:var(--bg-dark)}.btn:hover::before{transform:translateY(0)} 43 .btn__icon{width:16px;height:16px;transition:transform 0.4s var(--ease)}.btn:hover .btn__icon{transform:translateX(5px)} 44 .btn--filled{background:var(--bg-dark);color:var(--cream);border-color:var(--bg-dark)}.btn--filled::before{background:var(--cream)}.btn--filled:hover{color:var(--bg-dark)} 45 .btn--light{border-color:rgba(248,245,231,0.15);color:var(--cream)}.btn--light::before{background:var(--cream)}.btn--light:hover{color:var(--bg-dark);border-color:var(--cream)} 46 47 48 /* ===================== HERO-FORM â Split layout, form is the hero ===================== */ 49 .ct-hero-form{ 50 display:grid;grid-template-columns:0.42fr 0.58fr; 51 min-height:100vh; 52 } 53 .ct-hero-form__left{ 54 background:var(--bg); 55 display:flex;flex-direction:column;justify-content:flex-end; 56 padding:clamp(140px,16vw,220px) clamp(32px,5vw,80px) clamp(60px,8vw,100px); 57 } 58 .ct-hero-form__label{font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:28px;display:flex;align-items:center;gap:12px} 59 .ct-hero-form__label::before{content:'';width:32px;height:1px;background:var(--text-muted)} 60 .ct-hero-form__title{font-family:var(--font-display);font-size:clamp(40px,5vw,64px);font-weight:300;line-height:1.05;letter-spacing:-0.03em;margin-bottom:24px} 61 .ct-hero-form__desc{font-size:15px;line-height:1.75;color:var(--text-dim);max-width:380px;margin-bottom:40px} 62 .ct-hero-form__meta{display:flex;flex-direction:column;gap:0;padding-top:24px;border-top:1px solid var(--border-dark)} 63 .ct-hero-form__meta-item{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:13px;color:var(--text-dim)} 64 .ct-hero-form__meta-item:not(:last-child){border-bottom:1px solid var(--border)} 65 .ct-hero-form__meta-item svg{width:16px;height:16px;flex-shrink:0;
65opacity:0.45} 66 67 .ct-hero-form__right{ 68 display:flex;flex-direction:column;justify-content:center; 69 padding:clamp(120px,14vw,200px) clamp(40px,5vw,80px) clamp(60px,8vw,80px); 70 max-width:640px; 71 } 72 73 /* Form inputs */ 74 .form-row{display:grid;grid-template-columns:1fr 1fr;gap:32px} 75 .form-group{margin-bottom:28px} 76 .form-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.08em} 77 .form-input,.form-textarea,.form-select{width:100%;padding:16px 0;font-family:var(--font-body);font-size:16px;color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--border-dark);outline:none;transition:border-color 0.25s var(--ease);-webkit-appearance:none;border-radius:0} 78 .form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--text)} 79 .form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)} 80 .form-textarea{resize:vertical;min-height:100px} 81 .form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%230e0e11' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:24px} 82 .form-submit{width:100%;padding:20px 28px;background:var(--text);color:var(--bg);font-family:var(--font-body);font-size:15px;font-weight:500;border:1px solid var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all 0.4s var(--ease);margin-top:8px;border-radius:0 18px 0 18px;position:relative;overflow:hidden} 83 .form-submit::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg);transform:translateY(100%);transition:transform 0.4s var(--ease);z-index:0} 84 .form-submit:hover{color:var(--text);border-color:var(--text)}.form-submit:hover::before{transform:translateY(0)} 85 .form-submit span,.form-submit svg{position:relative;z-index:1} 86 .form-submit svg{width:18px;height:18px;transition:transform 0.4s var(--ease)}.form-submit:hover svg{transform:translateX(5px)} 87 88 89 /* ===================== QUICK CONTACTS BAR ===================== */ 90 .ct-quick-bar{ 91 padding:clamp(40px,5vw,64px) var(--section-px); 92 max-width:var(--max-w);margin:0 auto; 93 display:grid;grid-template-columns:repeat(3,1fr);gap:0; 94 border-bottom:1px solid var(--border); 95 } 96 .ct-quick{padding:20px clamp(16px,2vw,32px);border-left:1px solid var(--border);transition:background 0.3s var(--ease)} 97 .ct-quick:first-child{border-left:none} 98 .ct-quick:hover{background:var(--tag-bg)} 99 .ct-quick__icon{width:36px;height:36px;border-radius:8px;background:var(--tag-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px} 100 .ct-quick__icon svg{width:16px;height:16px;color:var(--text-dim)} 101 .ct-quick__label{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px} 102 .ct-quick__value{font-size:15px;color:var(--text)} 103 .ct-quick__value a{border-bottom:1px solid var(--border);transition:border-color 0.2s} 104 .ct-quick__value a:hover{border-color:var(--text)} 105 106 107 /* ===================== DEPARTMENTS â Accordion ===================== */ 108 .ct-depts{ 109 padding:var(--section-py) var(--section-px); 110 max-width:var(--max-w);margin:0 auto; 111 } 112 .ct-depts__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(32px,4vw,56px)} 113 .ct-depts__label{font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:12px} 114 .ct-depts__label::before{content:'';width:32px;height:1px;background:var(--text-muted)} 115 .ct-depts__heading{font-family:var(--font-display);font-size:clamp(28px,3.5vw,44px);font-weight:300;line-height:1.15;letter-spacing:-0.02em} 116 .ct-dept{border-top:1px solid var(--border);cursor:pointer;transition:background 0.3s var(--ease)} 117 .ct-dept:last-child{border-bottom:1px solid var(--border)} 118 .ct-dept:hover{background:var(--tag-bg)} 119 .ct-dept__header{display:grid;grid-template-columns:200px 1fr auto;gap:24px;align-items:center;padding:28px 0} 120 .ct-dept__name{font-family:var(--font-display);font-size:clamp(18px,1.8vw,24px);font-weight:300;letter-spacing:-0.01em} 121 .ct-dept__email{font-size:14px;color:var(--text-dim)} 122 .ct-dept__email a{border-bottom:1px solid transparent;transition:border-color 0.2s} 123 .ct-dept__email a:hover{border-color:var(--text-dim)} 124 .ct-dept__toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all 0.3s var(--ease)} 125 .ct-dept__toggle svg{width:14px;
125height:14px;color:var(--text-dim);transition:transform 0.3s var(--ease)} 126 .ct-dept.is-open .ct-dept__toggle{background:var(--text);border-color:var(--text)} 127 .ct-dept.is-open .ct-dept__toggle svg{color:var(--bg);transform:rotate(45deg)} 128 .ct-dept__body{max-height:0;overflow:hidden;transition:max-height 0.5s var(--ease)} 129 .ct-dept.is-open .ct-dept__body{max-height:300px} 130 .ct-dept__body-inner{padding:0 0 28px;display:grid;grid-template-columns:200px 1fr;gap:24px} 131 .ct-dept__desc{font-size:14px;line-height:1.7;color:var(--text-dim);max-width:500px;grid-column:2} 132 133 134 /* ===================== OLIVE INTERSTITIAL ===================== */ 135 .ct-olive{ 136 background:var(--olive); 137 padding:clamp(80px,10vw,140px) var(--section-px); 138 position:relative;overflow:hidden; 139 } 140 .ct-olive__inner{ 141 max-width:var(--max-w);margin:0 auto; 142 display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px); 143 align-items:center; 144 } 145 .ct-olive__title{ 146 font-family:var(--font-display); 147 font-size:clamp(36px,4.5vw,60px);font-weight:300;line-height:1.08; 148 letter-spacing:-0.03em;color:#fff; 149 } 150 .ct-olive__right{display:flex;flex-direction:column;gap:24px} 151 .ct-olive__text{font-size:16px;line-height:1.75;color:rgba(255,255,255,0.6);max-width:440px} 152 .ct-olive__stats{display:flex;gap:clamp(32px,4vw,64px);padding-top:28px;border-top:1px solid rgba(255,255,255,0.15)} 153 .ct-olive__stat-num{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);font-weight:300;color:#fff;line-height:1;margin-bottom:4px} 154 .ct-olive__stat-label{font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:0.04em;text-transform:uppercase} 155 156 /* ===================== PHOTO BAND â connects to olive ===================== */ 157 .ct-photo-band{ 158 width:100%;aspect-ratio:3/1;overflow:hidden;position:relative; 159 } 160 .ct-photo-band img{width:100%;height:100%;object-fit:cover;filter:saturate(0.65) brightness(0.8);transition:transform 0.8s var(--ease)} 161 .ct-photo-band:hover img{transform:scale(1.02)} 162 163 164 /* ===================== FULL-BLEED PHOTO â connected to olive ===================== */ 165 .ct-photo{ 166 width:100%;aspect-ratio:3/1;overflow:hidden;position:relative;margin-top:0; 167 } 168 .ct-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7) brightness(0.85)} 169 170 171 /* ===================== SCHOLARS STRIP ===================== */ 172 .ct-scholars{ 173 padding:var(--section-py) var(--section-px); 174 max-width:var(--max-w);margin:0 auto; 175 } 176 .ct-scholars__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(32px,4vw,56px)} 177 .ct-scholars__label{font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:12px} 178 .ct-scholars__label::before{content:'';width:32px;height:1px;background:var(--text-muted)} 179 .ct-scholars__heading{font-family:var(--font-display);font-size:clamp(28px,3.5vw,44px);font-weight:300;line-height:1.15;letter-spacing:-0.02em} 180 .ct-scholars__viewall{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);transition:color 0.2s,gap 0.25s;white-space:nowrap} 181 .ct-scholars__viewall:hover{color:var(--text);gap:12px}.ct-scholars__viewall svg{width:15px;height:15px} 182 .ct-scholars-grid{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap} 183 .scholar-card{flex:0 0 calc(25% - 7.5px);cursor:pointer;transition:opacity 0.3s;margin-bottom:32px;opacity:0} 184 .scholar-card__photo{position:relative;aspect-ratio:3/4;border-radius:0;overflow:hidden;background:#f0efed;margin-bottom:14px} 185 .scholar-card__photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform 0.6s var(--ease)} 186 .scholar-card:hover .scholar-card__photo img{transform:scale(1.03)} 187 .scholar-card__badge{position:absolute;top:12px;right:12px;padding:5px 14px;border-radius:100px;background:var(--bg);border:1px solid var(--border);font-size:12px;color:var(--text-dim)} 188 .scholar-card__info{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} 189 .scholar-card__text{flex:1;min-width:0} 190 .scholar-card__name{font-size:clamp(15px,1.3vw,18px);font-weight:500;line-height:1.25;margin-bottom:3px;position:relative;display:inline} 191 .scholar-card__name::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--text);transition:width 0.4s var(--ease)} 192 .scholar-card:hover .scholar-card__name::after{width:100%} 193 .scholar-card__title{font-size:13px;color:var(--text-muted);line-height:1.4} 194 .scholar-card__arrow{width:28px;height:28px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-4px);transition:opacity 0.25s var(--ease),transform 0.25s var(--ease)} 195 .scholar-card__arrow svg{width:14px;
195height:14px;color:var(--text-dim)} 196 .scholar-card:hover .scholar-card__arrow{opacity:1;transform:translateX(0)} 197 198 199 /* ===================== CTA â Dark ===================== */ 200 .ct-cta{padding:clamp(100px,12vw,180px) var(--section-px);background:var(--bg-dark);position:relative;overflow:hidden} 201 .ct-cta__inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;align-items:flex-start} 202 .ct-cta__label{font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:rgba(248,245,231,0.25);margin-bottom:24px;display:flex;align-items:center;gap:12px} 203 .ct-cta__label::before{content:'';width:32px;height:1px;background:rgba(248,245,231,0.15)} 204 .ct-cta__title{font-family:var(--font-display);font-size:clamp(40px,5.5vw,72px);font-weight:300;line-height:1.05;letter-spacing:-0.03em;color:var(--text-on-dark);margin-bottom:24px} 205 .ct-cta__desc{font-size:16px;line-height:1.7;color:rgba(248,245,231,0.4);max-width:520px;margin-bottom:40px} 206 .ct-cta__actions{display:flex;gap:16px;flex-wrap:wrap} 207 208 209 /* ===================== MOBILE ===================== */ 210 @media(max-width:1024px){ 211 .ct-hero-form{grid-template-columns:1fr;min-height:auto} 212 .ct-hero-form__left{padding:clamp(120px,14vw,160px) var(--section-px) clamp(48px,6vw,80px)} 213 .ct-hero-form__right{padding:var(--section-py) var(--section-px);max-width:none} 214 .ct-olive__inner{grid-template-columns:1fr} 215 } 216 @media(max-width:900px){ 217 .ct-quick-bar{grid-template-columns:1fr;gap:0} 218 .ct-quick{border-left:none;border-bottom:1px solid var(--border);padding:18px 0} 219 .ct-quick:last-child{border-bottom:none} 220 .ct-dept__header{grid-template-columns:1fr auto;gap:12px} 221 .ct-dept__email{display:none} 222 .ct-dept__body-inner{grid-template-columns:1fr}.ct-dept__desc{grid-column:1} 223 .scholar-card{flex:0 0 calc(50% - 5px)} 224 } 225 @media(max-width:600px){ 226 .form-row{grid-template-columns:1fr;gap:0} 227 .ct-olive__stats{flex-direction:column;gap:20px} 228 } 229 </style> 230</head> 231<body> 232 233 <!-- HERO-FORM â Split: intro left, form right --> 234 <section class="ct-hero-form"> 235 <div class="ct-hero-form__left"> 236 <span class="ct-hero-form__label rv">Get in Touch</span> 237 <h1 class="ct-hero-form__title">We’d love to<br>hear from you</h1> 238 <p class="ct-hero-form__desc">Whether you’re seeking research insights, media commentary, or exploring partnership opportunities — our team is here to help.</p> 239 <div class="ct-hero-form__meta"> 240 <div class="ct-hero-form__meta-item"> 241 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 242 Typical response within 2 business days 243 </div> 244 <div class="ct-hero-form__meta-item"> 245 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> 246 All inquiries are confidential 247 </div> 248 <div class="ct-hero-form__meta-item"> 249 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg> 250 Washington, DC 251 </div> 252 </div> 253 </div> 254 <div class="ct-hero-form__right"> 255 <div class="form-row"> 256 <div class="form-group"> 257 <label class="form-label">Name *</label> 258 <input type="text" class="form-input" placeholder="Your full name"> 259 </div> 260 <div class="form-group"> 261 <label class="form-label">Company</label> 262 <input type="text" class="form-input" placeholder="Your organization"> 263 </div> 264 </div> 265 <div class="form-row"> 266 <div class="form-group"> 267 <label class="form-label">Email *</label> 268 <input type="email" class="form-input" placeholder="[email protected]"> 269 </div> 270 <div class="form-group"> 271 <label class="form-label">Phone</label> 272 <input type="tel" class="form-input" placeholder="+1 (555) 000-0000"> 273 </div> 274 </div> 275 <div class="form-group"> 276 <label class="form-label">Subject</label> 277 <select class="form-select"> 278 <option value="" disabled selected>Select a topic</option> 279 <option value="general">General inquiry</option> 280 <option value="media">Media & press request</option> 281 <option value="speaking">
281Speaking engagement</option> 282 <option value="partnership">Partnership opportunity</option> 283 <option value="research">Research collaboration</option> 284 <option value="other">Other</option> 285 </select> 286 </div> 287 <div class="form-group"> 288 <label class="form-label">Message *</label> 289 <textarea class="form-textarea" placeholder="Tell us more..."></textarea> 290 </div> 291 <button type="button" class="form-submit" onclick="this.querySelector('span').textContent='Message Sent â';this.style.pointerEvents='none'"> 292 <span>Send Message</span> 293 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> 294 </button> 295 </div> 296 </section> 297 298 299 300 <!-- DEPARTMENTS --> 301 <section class="ct-depts"> 302 <div class="ct-depts__header"><div><span class="ct-depts__label rv">Departments</span><h2 class="ct-depts__heading rv">Reach the right team</h2></div></div> 303 <div class="ct-dept rv" onclick="this.classList.toggle('is-open')"> 304 <div class="ct-dept__header"> 305 <div class="ct-dept__name">Research</div> 306 <div class="ct-dept__email"><a href="/cdn-cgi/l/email-protection#94e6f1e7f1f5e6f7fcd4f1faf1e6f3edf5faf5f8ede0fdf7e7bafbe6f3"><span class="__cf_email__" data-cfemail="4c3e293f292d3e2f240c2922293e2b352d222d203538252f3f62233e2b">[email protected]</span></a></div> 307 <div class="ct-dept__toggle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div> 308 </div> 309 <div class="ct-dept__body"><div class="ct-dept__body-inner"><p class="ct-dept__desc">For questions about our publications, data methodology, or collaboration on research initiatives. Our research team manages all academic and policy analysis partnerships.</p></div></div> 310 </div> 311 <div class="ct-dept rv" onclick="this.classList.toggle('is-open')"> 312 <div class="ct-dept__header"> 313 <div class="ct-dept__name">Media & Press</div> 314 <div class="ct-dept__email"><a href="/cdn-cgi/l/email-protection#f9949c9d9098b99c979c8b9e8098979895808d909a8ad7968b9e"><span class="__cf_email__" data-cfemail="711c1415181031141f14031608101f101d08051812025f1e0316">[email protected]</span></a></div> 315 <div class="ct-dept__toggle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div> 316 </div> 317 <div class="ct-dept__body"><div class="ct-dept__body-inner"><p class="ct-dept__desc">Interview requests, press passes for events, media kits, and official statements. Our communications team can connect you with the right scholar for your story.</p></div></div> 318 </div> 319 <div class="ct-dept rv" onclick="this.classList.toggle('is-open')"> 320 <div class="ct-dept__header"> 321 <div class="ct-dept__name">Partnerships</div> 322 <div class="ct-dept__email"><a href="/cdn-cgi/l/email-protection#e3938291978d8691908b8a9390a3868d8691849a828d828f9a978a8090cd8c9184"><span class="__cf_email__" data-cfemail="95e5f4e7e1fbf0e7e6fdfce5e6d5f0fbf0e7f2ecf4fbf4f9ece1fcf6e6bbfae7f2">[email protected]</span></a></div> 323 <div class="ct-dept__toggle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div> 324 </div> 325 <div class="ct-dept__body"><div class="ct-dept__body-inner"><p class="ct-dept__desc">Explore opportunities for corporate sponsorship, institutional partnerships, and collaborative programs. We work with organizations across energy, technology, and policy sectors.</p></div></div> 326 </div> 327 <div class="ct-dept rv" onclick="this.classList.toggle('is-open')"> 328 <div class="ct-dept__header"> 329 <div class="ct-dept__name">Speaking</div> 330 <div class="ct-dept__email"><a href="/cdn-cgi/l/email-protection#790a091c18121c0b0a391c171c0b1e0018171815000d101a0a57160b1e"><span class="__cf_email__" data-cfemail="b8cbc8ddd9d3ddcacbf8ddd6ddcadfc1d9d6d9d4c1ccd1dbcb96d7cadf">[email protected]</span></a></div> 331 <div class="ct-dept__toggle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div> 332 </div> 333 <div class="ct-dept__body"><div class="ct-dept__body-inner"><p class="ct-dept__desc">Book an NCEA scholar for keynotes, panels, congressional testimony, or expert briefings. Our scholars are available for in-person and virtual engagements.</p></div></div> 334 </div> 335 <div class="ct-dept rv" onclick="this.classList.toggle('is-open')"> 336 <div class="ct-dept__header"> 337 <div class="ct-dept__name">Support</div> 338 <div class="ct-dept__email"><a href="/cdn-cgi/l/email-protection#f3808683839c8187b3969d9681948a929d929f8a879a9080dd9c8194"><span class="__cf_email__" data-cfemail="1f6c6a6f6f706d6b5f7a717a6d78667e717e73666b767c6c31706d78">[email protected]</span></a></div> 339 <div class="ct-dept__toggle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div> 340 </div> 341 <div class="ct-dept__body"><div class="ct-dept__body-inner"><p class="ct-dept__desc">Funding inquiries, grant coordination, and philanthropic giving. Learn how your support advances independent energy research and public education.</p></div></div> 342 </div> 343 </section> 344 345 346 <!-- OLIVE INTERSTITIAL â #817828 --> 347 <section class="ct-olive"> 348 <div class="ct-olive__inner"> 349 <h2 class="ct-olive__title rv">Independent research<br>for informed<br>decisions</h2> 350 <div class="ct-olive__right"> 351 <p class="ct-olive__text rv">NCEA provides nonpartisan energy research to policymakers, journalists, and business leaders. Our scholars comb
351ine academic rigor with real-world experience to deliver actionable insights.</p> 352 <div class="ct-olive__stats rv"> 353 <div> 354 <div class="ct-olive__stat-num">200+</div> 355 <div class="ct-olive__stat-label">Studies Published</div> 356 </div> 357 <div> 358 <div class="ct-olive__stat-num">30+</div> 359 <div class="ct-olive__stat-label">Expert Scholars</div> 360 </div> 361 <div> 362 <div class="ct-olive__stat-num">48hr</div> 363 <div class="ct-olive__stat-label">Avg. Response</div> 364 </div> 365 </div> 366 </div> 367 </div> 368 </section> 369 370 <!-- FULL-BLEED PHOTO â connected to olive section above --> 371 <div class="ct-photo-band"> 372 <img src="assets/industrial-night.jpg" alt="Energy infrastructure"> 373 </div> 374 375 <!-- SCHOLARS --> 376 <section class="ct-scholars"> 377 <div class="ct-scholars__header"><div><span class="ct-scholars__label rv">Our Team</span><h2 class="ct-scholars__heading rv">Looking for someone specific?</h2></div><a class='ct-scholars__viewall rv' href='/advisory-board'>View all scholars <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></a></div> 378 <div class="ct-scholars-grid"> 379 <a class='scholar-card' href='/scholar-detail?slug=mark-p-mills'><div class="scholar-card__photo"><img src="assets/mark_p_mills.jpg" alt="Mark P. Mills"><span class="scholar-card__badge">Executive Director</span></div><div class="scholar-card__info"><div class="scholar-card__text"><div class="scholar-card__name">Mark P. Mills</div><div class="scholar-card__title">Energy & Technology Policy</div></div><div class="scholar-card__arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></div></div></a> 380 <a class='scholar-card' href='/scholar-detail?slug=brent-bennett'><div class="scholar-card__photo"><img src="assets/Brent_Bennett__PhD.jpeg" alt="Brent Bennett"><span class="scholar-card__badge">Policy Director</span></div><div class="scholar-card__info"><div class="scholar-card__text"><div class="scholar-card__name">Brent Bennett</div><div class="scholar-card__title">Grid Policy & Reliability</div></div><div class="scholar-card__arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></div></div></a> 381 <a class='scholar-card' href='/scholar-detail?slug=jonathan-lesser'><div class="scholar-card__photo"><img src="assets/Jonathan_Lesser_Headshot.jpg" alt="Jonathan Lesser"><span class="scholar-card__badge">Senior Fellow</span></div><div class="scholar-card__info"><div class="scholar-card__text"><div class="scholar-card__name">Jonathan Lesser</div><div class="scholar-card__title">Energy Markets & Regulation</div></div><div class="scholar-card__arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></div></div></a> 382 <a class='scholar-card' href='/advisory-board'><div class="scholar-card__photo" style="background:var(--bg-dark);display:flex;align-items:center;justify-content:center"><svg viewBox="0 0 24 24" fill="none" stroke="rgba(248,245,231,0.35)" stroke-width="1.5" style="width:48px;height:48px"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></div><div class="scholar-card__info"><div class="scholar-card__text"><div class="scholar-card__name">View All Scholars</div><div class="scholar-card__title">18 researchers & analysts</div></div><div class="scholar-card__arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></div></div></a> 383 </div> 384 </section> 385 386 387 <!-- CTA --> 388 <section class="ct-cta"> 389 <div class="ct-cta__inner"> 390 <p class="ct-cta__label rv">Stay Informed</p> 391 <h2 class="ct-cta__title rv">Subscribe to<br>our newsletter</h2> 392 <p class="ct-cta__desc rv">Weekly analysis on energy policy, grid reliability, and the technologies shaping America’s energy future. Delivered every Thursday.</p> 393 <div class="ct-cta__actions rv"> 394 <a class='btn btn--light' href='/subscribe'><span>Subscribe Now</span>
394<svg class="btn__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></a> 395 <a class='btn btn--light' href='/research-library'><span>Browse Research</span><svg class="btn__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></a> 396 </div> 397 </div> 398 </section> 399 400 401 <!-- FOOTER --> 402 <footer class="footer"> 403 <div class="footer__expertise"><div class="footer__expertise-inner"> 404 <h2 class="footer__expertise-title">Our areas of<br>expertise</h2> 405 <div class="footer__expertise-grid"> 406 <div class="footer__expertise-col"><h4 class="footer__expertise-heading">Topics <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></h4><ul class="footer__expertise-list"><li><a class='footer__expertise-link' href='/topics'>Grid Reliability</a></li><li><a class='footer__expertise-link' href='/topics'>Nuclear Energy</a></li><li><a class='footer__expertise-link' href='/topics'>AI & Energy</a></li><li><a class='footer__expertise-link' href='/topics'>Energy Security</a></li></ul></div> 407 <div class="footer__expertise-col"><h4 class="footer__expertise-heading">Research <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></h4><ul class="footer__expertise-list"><li><a class='footer__expertise-link' href='/research-library'>All Publications</a></li><li><a class='footer__expertise-link' href='/studies'>Studies</a></li><li><a class='footer__expertise-link' href='/issue-briefs'>Issue Briefs</a></li><li><a class='footer__expertise-link' href='/energy-index'>Energy Indicators</a></li></ul></div> 408 <div class="footer__expertise-col"><h4 class="footer__expertise-heading">Events <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></h4><ul class="footer__expertise-list"><li><a class='footer__expertise-link' href='/events'>Upcoming Events</a></li><li><a class='footer__expertise-link' href='/events'>Webinars</a></li><li><a class='footer__expertise-link' href='/events'>Testimony</a></li></ul></div> 409 <div class="footer__expertise-col"><h4 class="footer__expertise-heading">Scholars <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></h4><ul class="footer__expertise-list"><li><a class='footer__expertise-link' href='/advisory-board'>All Scholars</a></li><li><a class='footer__expertise-link' href='/request-briefing'>Book a Speaker</a></li></ul></div> 410 <div class="footer__expertise-col"><h4 class="footer__expertise-heading">About <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></h4><ul class="footer__expertise-list"><li><a class='footer__expertise-link' href='/about'>Our Mission</a></li><li><a class='footer__expertise-link' href='/contact'>Contact</a></li><li><a class='footer__expertise-link' href='/press-kit'>Press Room</a></li></ul></div> 411 <div class="footer__expertise-col"><h4 class="footer__expertise-heading">Connect <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></h4><ul class="footer__expertise-list"><li><a class='footer__expertise-link' href='/subscribe'>Newsletter</a></li><li><a href="#" class="footer__expertise-link">LinkedIn</a></li><li><a href="#" class="footer__expertise-link">Twitter / X</a></li></ul></div> 412 </div> 413 </div></div> 414 <div class="footer__bottom"><div class="footer__bottom-inner"><a class='footer__logo' href='/'><img src="assets/Footer_logo.svg" alt="NCEA"></a>
414<p class="footer__copyright">© 2026 National Center for Energy Analytics. All rights reserved.</p><div class="footer__legal"><a class='footer__legal-link' href='/terms'>Terms & Conditions</a><a class='footer__legal-link' href='/privacy'>Privacy Policy</a></div></div></div> 415 </footer>
vendor: 113 bytes, lines 415-418
415 416 417 418 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
418<script src="shared/components.js"></script>
418 419
419<script src="shared/global-nav.js"></script>
419 420
420<script src="shared/island-nav.js"></script>
420 421
421<script> 422 gsap.registerPlugin(ScrollTrigger); 423 424 /* Hero form left reveal */ 425 gsap.from('.ct-hero-form__label', { y: 15, opacity: 0, duration: 0.5, delay: 0.15 }); 426 gsap.from('.ct-hero-form__title', { y: 40, opacity: 0, duration: 0.9, delay: 0.3, ease: 'power3.out' }); 427 gsap.from('.ct-hero-form__desc', { y: 20, opacity: 0, duration: 0.6, delay: 0.5 }); 428 gsap.from('.ct-hero-form__meta', { y: 20, opacity: 0, duration: 0.6, delay: 0.65 }); 429 430 /* Hero form right reveal */ 431 gsap.from('.ct-hero-form__right', { y: 30, opacity: 0, duration: 0.8, delay: 0.4 }); 432 433 /* Olive section */ 434 gsap.from('.ct-olive__title', { y: 30, opacity: 0, duration: 0.7, 435 scrollTrigger: { trigger: '.ct-olive', start: 'top 85%', once: true } 436 }); 437 gsap.from('.ct-olive__text', { y: 20, opacity: 0, duration: 0.6, delay: 0.15, 438 scrollTrigger: { trigger: '.ct-olive', start: 'top 85%', once: true } 439 }); 440 gsap.from('.ct-olive__stats', { y: 20, opacity: 0, duration: 0.6, delay: 0.3, 441 scrollTrigger: { trigger: '.ct-olive', start: 'top 85%', once: true } 442 }); 443 444 /* Photo band â clip reveal (connected to olive section) */ 445 gsap.set('.ct-photo-band', { clipPath: 'inset(0 0 100% 0)' }); 446 ScrollTrigger.create({ trigger: '.ct-photo-band', start: 'top 90%', once: true, 447 onEnter: function() { gsap.to('.ct-photo-band', { clipPath: 'inset(0 0 0% 0)', duration: 1.1, ease: 'power2.out' }); } 448 }); 449 450 /* Scholar cards â clip-path reveal matching advisory board */ 451 document.querySelectorAll('.scholar-card').forEach(function(c, i) { 452 var ph = c.querySelector('.scholar-card__photo'); 453 var bd = c.querySelectorAll('.scholar-card__name, .scholar-card__title'); 454 gsap.set(c, { opacity: 0 }); 455 if (ph) gsap.set(ph, { clipPath: 'inset(0 0 100%
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.