PageSourceSearch

https://fancy-rolypoly-84ee13.netlify.app/contact

html fancy-rolypoly-84ee13.netlify.app collected 2026-10-03 10:43:28 UTC 36,728 bytes, 455 lines download raw bytes

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&rsquo;d love to<br>hear from you</h1>
238      <p class="ct-hero-form__desc">Whether you&rsquo;re seeking research insights, media commentary, or exploring partnership opportunities &mdash; 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 &amp; 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&#160;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 &amp; Press</div>
314        <div class="ct-dept__email"><a href="/cdn-cgi/l/email-protection#f9949c9d9098b99c979c8b9e8098979895808d909a8ad7968b9e"><span class="__cf_email__" data-cfemail="711c1415181031141f14031608101f101d08051812025f1e0316">[email&#160;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&#160;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&#160;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&#160;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&rsquo;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 &amp; 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">&copy; 2026 National Center for Energy Analytics. All rights reserved.</p><div class="footer__legal"><a class='footer__legal-link' href='/terms'>Terms &amp; 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.