Mistral Mistral Large 4 – Science

via Mistral · Generated

  • AIMAC Debt 12.25
  • Cost $0.40
  • Total Violations 138
  • HTML Size 106 KB
  • Em Dashes 87

Screenshot

View Mistral Mistral Large 4 Science page View Live Page

Accessibility Issues Found

138 Serious

  • aria-hidden-focus serious 1 instance

    ARIA hidden element must not be focusable or contain focusable elements

    Example HTML <div class="tk-group" aria-hidden="true">
  • color-contrast serious 134 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <p class="list-count" id="rCount">Showing <b>7</b> of 7 programs</p>
  • target-size serious 3 instances

    All touch targets must be 24px large, or leave sufficient space

    Example HTML <button class="v-dot" aria-label="Testimonial 1"></button>

Artifacts

View Generated HTML
<!DOCTYPE html>
<!--
  LUMEN INSTITUTE — primary web page (Science sector)
  Implementation notes: single self-contained HTML file. Type system: Fraunces (display serif),
  Archivo (UI sans), IBM Plex Mono (instrument labels) via Google Fonts; Font Awesome 6 for icons.
  Signature interactions: a live canvas "signal field" in the hero that reacts to the pointer with a
  crosshair readout; a filterable/searchable research-program explorer with cursor-following field
  previews; animated impact counters; a funding-opportunity tracker whose deadlines are computed
  live from today's date; lecture seat reservations, an FAQ accordion, a testimonial carousel and a
  validated newsletter form — all feedback via a toast system (no alert/confirm). Placeholder imagery
  served by picsum.photos, placehold.co and pravatar.cc. Reduced-motion preferences are respected.
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lumen Institute — Curiosity, rigorously pursued.</title>
<meta name="description" content="The Lumen Institute is an independent, nonprofit research organization publishing open science across climate, neuroscience, quantum materials, genomics, astrophysics and marine systems.">
<meta name="theme-color" content="#0F231C">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='%230F231C'/%3E%3Ctext x='32' y='45' font-family='Georgia,serif' font-size='38' fill='%239BD8C6' text-anchor='middle'%3EL%3C/text%3E%3C/svg%3E">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<script>document.documentElement.classList.add('js');</script>
<style>
:root{
  --paper:#F4F1E9; --paper-2:#ECE7DA; --card:#FBF9F3;
  --ink:#151C17; --ink-soft:#3C463F; --muted:#6E766D; --line:#DAD4C4;
  --pine:#0F231C; --pine-2:#0A140F;
  --green:#0E5A45; --mint:#9BD8C6;
  --amber:#96620D; --amber-soft:#E3A94E; --coral:#E07A4F;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Archivo','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--green);color:var(--paper)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.container{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}

/* ---------- reveal on scroll ---------- */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- buttons & links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;font:600 .92rem var(--sans);letter-spacing:.01em;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:2px;transition:background .25s,border-color .25s,color .25s;cursor:pointer}
.btn i{font-size:.8rem;transition:transform .25s}
.btn:hover{background:var(--green);border-color:var(--green);color:#fff}
.btn:hover i{transform:translateX(4px)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.btn.light:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.btn.ghost-light{background:transparent;border-color:rgba(244,241,233,.45);color:var(--paper)}
.btn.ghost-light:hover{background:rgba(244,241,233,.12);border-color:var(--paper)}
.btn.sm{padding:10px 18px;font-size:.84rem}
.text-link{display:inline-flex;align-items:center;gap:9px;font:600 .9rem var(--sans);color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;transition:color .2s,border-color .2s}
.text-link i{font-size:.72rem;transition:transform .2s}
.text-link:hover{color:var(--green);border-color:var(--green)}
.text-link:hover i{transform:translateX(4px)}
.sec-dark .text-link{color:var(--paper);border-color:rgba(244,241,233,.45)}
.sec-dark .text-link:hover{color:var(--mint);border-color:var(--mint)}
.icon-btn{width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;color:var(--ink-soft);transition:background .2s,color .2s,border-color .2s}
.icon-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.icon-btn.light{border-color:rgba(244,241,233,.3);color:rgba(244,241,233,.85)}
.icon-btn.light:hover{background:var(--mint);border-color:var(--mint);color:var(--pine)}
.tag{display:inline-block;font:500 .6rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green);border:1px solid currentColor;border-radius:999px;padding:3px 9px}

/* ---------- kicker & section heads ---------- */
.kicker{display:flex;align-items:center;gap:14px;font:500 .7rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.kicker::before{content:"";width:34px;height:1px;background:currentColor;opacity:.6}
.kicker b{color:var(--amber);font-weight:500}
.sec-dark .kicker{color:rgba(244,241,233,.55)}
.sec-dark .kicker b{color:var(--amber-soft)}
.sec-head{border-top:1px solid var(--line);padding-top:24px;margin-bottom:clamp(36px,5vw,58px)}
.sec-dark .sec-head{border-color:rgba(244,241,233,.16)}
.sec-head-row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px 64px;align-items:end;margin-top:20px}
.sec-head h2{font:400 clamp(1.9rem,3.4vw,3rem)/1.1 var(--serif);letter-spacing:-.01em}
.sec-head h2 em,.edu-copy h2 em{font-style:italic;color:var(--green)}
.sec-dark .sec-head h2 em{color:var(--mint)}
.sec-lede{color:var(--muted);font-size:.97rem;line-height:1.65;max-width:48ch}
.sec-dark .sec-lede{color:rgba(244,241,233,.62)}

/* ---------- top announcement bar ---------- */
.topbar{background:var(--ink);color:rgba(244,241,233,.85);font:400 .68rem var(--mono);letter-spacing:.08em;text-align:center;padding:9px 16px}
.topbar i{color:var(--amber-soft);margin-right:8px;font-size:.66rem}
.topbar a{color:var(--amber-soft);border-bottom:1px solid currentColor;margin-left:6px}
.topbar a:hover{color:var(--mint)}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:90;background:rgba(15,35,28,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(244,241,233,.12);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 12px 32px rgba(6,14,10,.35)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:78px}
.brand{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.brand img{width:46px;height:46px;border-radius:2px}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-text strong{font:600 1.12rem var(--serif);color:var(--paper);letter-spacing:.01em}
.brand-text em{font:400 .58rem var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
.main-nav{display:flex;gap:clamp(16px,2vw,30px)}
.main-nav a{position:relative;font:500 .87rem var(--sans);color:rgba(244,241,233,.72);padding:6px 0;transition:color .2s}
.main-nav a:hover,.main-nav a.active{color:var(--paper)}
.main-nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--amber-soft);transition:width .25s}
.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.header-actions{display:flex;align-items:center;gap:14px}
.menu-btn{display:none;width:42px;height:42px;border:1px solid rgba(244,241,233,.3);border-radius:50%;color:var(--paper);font-size:.9rem;align-items:center;justify-content:center;transition:.2s}
.menu-btn:hover{border-color:var(--paper)}

/* ---------- mobile menu ---------- */
.m-menu{position:fixed;inset:0;z-index:110;background:var(--pine);color:var(--paper);display:flex;flex-direction:column;padding:18px clamp(20px,6vw,44px) 34px;transform:translateY(-102%);visibility:hidden;transition:transform .5s cubic-bezier(.7,0,.25,1),visibility 0s .5s}
.m-menu.open{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.7,0,.25,1)}
.m-top{display:flex;align-items:center;justify-content:space-between;height:60px}
.m-brand{font:600 1.15rem var(--serif)}
.m-close{width:44px;height:44px;border:1px solid rgba(244,241,233,.3);border-radius:50%;font-size:1rem}
.m-nav{margin-top:26px;display:flex;flex-direction:column;overflow:auto}
.m-nav a{display:flex;align-items:baseline;gap:18px;padding:15px 2px;border-bottom:1px solid rgba(244,241,233,.12);font:400 1.7rem var(--serif);color:var(--paper)}
.m-nav a b{font:500 .7rem var(--mono);color:var(--amber-soft)}
.m-nav a:hover{color:var(--mint)}
.m-foot{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:16px}
.m-foot p{font:400 .72rem var(--mono);letter-spacing:.06em;color:rgba(244,241,233,.55)}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--pine);color:var(--paper);overflow:hidden}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-hud{position:absolute;top:24px;right:clamp(20px,4vw,44px);z-index:3;display:flex;align-items:center;gap:10px;font:500 .64rem var(--mono);letter-spacing:.18em;color:rgba(244,241,233,.7);border:1px solid rgba(244,241,233,.22);border-radius:999px;padding:8px 15px;background:rgba(15,35,28,.55);backdrop-filter:blur(4px)}
.hero-hud .dot{width:7px;height:7px;border-radius:50%;background:#7BE0A3;animation:blink 1.7s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(36px,5vw,76px);align-items:center;padding:clamp(60px,9vh,104px) 0 clamp(44px,7vh,80px)}
.hero .kicker{color:rgba(244,241,233,.6)}
.hero .kicker b{color:var(--amber-soft)}
.hero h1{font:400 clamp(2.7rem,5.4vw,4.7rem)/1.04 var(--serif);letter-spacing:-.015em;margin:22px 0 22px}
.hero h1 em{font-style:italic;color:var(--mint)}
.hero .lede{font-size:1.06rem;line-height:1.7;color:rgba(244,241,233,.78);max-width:54ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-meta{margin-top:30px;font:400 .66rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,233,.5)}
.hero-copy>*{opacity:0;transform:translateY(24px);animation:heroUp .9s cubic-bezier(.22,1,.36,1) forwards}
.hero-copy>*:nth-child(1){animation-delay:.05s}.hero-copy>*:nth-child(2){animation-delay:.14s}
.hero-copy>*:nth-child(3){animation-delay:.23s}.hero-copy>*:nth-child(4){animation-delay:.32s}
.hero-copy>*:nth-child(5){animation-delay:.41s}
@keyframes heroUp{to{opacity:1;transform:none}}
.hero-fig{opacity:0;animation:heroUp 1s .35s cubic-bezier(.22,1,.36,1) forwards}
.fig{position:relative}
.fig .duo{background:var(--green);overflow:hidden}
.fig img{width:100%;object-fit:cover;mix-blend-mode:luminosity;filter:contrast(1.06) brightness(1.02)}
.hero-fig img{aspect-ratio:5/6}
.fig::before,.fig::after{content:"";position:absolute;width:22px;height:22px;border:1px solid var(--amber-soft);z-index:2}
.fig::before{top:-9px;left:-9px;border-right:0;border-bottom:0}
.fig::after{bottom:-9px;right:-9px;border-left:0;border-top:0}
.fig figcaption{display:flex;gap:14px;align-items:baseline;padding-top:13px;font:400 .68rem/1.6 var(--mono);letter-spacing:.05em;color:rgba(244,241,233,.6)}
.fig figcaption b{color:var(--amber-soft);font-weight:500;white-space:nowrap}
.hero-stats{position:relative;z-index:2;border-top:1px solid rgba(244,241,233,.15)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:30px 26px 36px;border-left:1px solid rgba(244,241,233,.14)}
.stat:first-child{border-left:0;padding-left:0}
.stat-num{display:block;font:400 clamp(1.9rem,3vw,2.6rem)/1 var(--serif);color:var(--mint)}
.stat-label{display:block;margin-top:11px;font:400 .64rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,233,.55)}

/* ---------- ticker ---------- */
.ticker{display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:var(--paper)}
.ticker-label{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:15px 24px;background:var(--ink);color:var(--paper);font:500 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase}
.ticker-label .dot{width:7px;height:7px;border-radius:50%;background:var(--amber-soft);animation:blink 1.7s infinite}
.ticker-viewport{overflow:hidden;display:flex;align-items:center;flex:1}
.ticker-track{display:flex;width:max-content;animation:tick 52s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.tk-group{display:flex}
.tk{display:inline-flex;align-items:center;gap:12px;padding:15px 26px;border-right:1px solid var(--line);font:400 .76rem var(--mono);white-space:nowrap;color:var(--ink-soft);transition:.2s}
.tk b{color:var(--amber);font-weight:500}
.tk i{font-size:.6rem;opacity:.5}
.tk:hover{color:var(--green);background:rgba(14,90,69,.05)}

/* ---------- generic section ---------- */
.block{padding:clamp(72px,9vw,116px) 0}
.sec-dark{background:var(--pine);color:var(--paper)}
.sec-tint{background:var(--paper-2)}
.hide{display:none!important}
.empty{border:1px dashed var(--line);padding:38px 24px;text-align:center;color:var(--muted);font-size:.94rem;margin-top:16px}
.sec-dark .empty{border-color:rgba(244,241,233,.28);color:rgba(244,241,233,.6)}
.list-count{font:400 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:20px 0 2px}
.list-count b{color:var(--amber);font-weight:500}
.sec-dark .list-count{color:rgba(244,241,233,.55)}
.sec-dark .list-count b{color:var(--amber-soft)}

/* ---------- filters ---------- */
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.chip{padding:9px 18px;border:1px solid var(--line);border-radius:999px;font:500 .8rem var(--sans);color:var(--ink-soft);background:transparent;transition:.2s;cursor:pointer}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sec-dark .chip{border-color:rgba(244,241,233,.28);color:rgba(244,241,233,.75)}
.sec-dark .chip:hover{border-color:var(--paper);color:var(--paper)}
.sec-dark .chip.active{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.search{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:9px 18px;min-width:250px;background:transparent}
.search i{color:var(--muted);font-size:.78rem}
.search input{border:0;outline:0;background:transparent;width:100%;font:400 .86rem var(--sans);color:var(--ink)}
.search input::placeholder{color:var(--muted)}

/* ---------- about ---------- */
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,88px);align-items:start}
.about-copy p{color:var(--ink-soft);margin-bottom:18px;max-width:58ch}
.about-copy p:first-of-type::first-letter{font:400 3.3em/.82 var(--serif);float:left;padding:8px 12px 0 0;color:var(--green)}
.about-copy .text-link{margin-top:8px}
.timeline{background:var(--card);border:1px solid var(--line)}
.tl-head{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;font:500 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.tl-head i{color:var(--amber)}
.tl-row{display:grid;grid-template-columns:82px 1fr;gap:18px;padding:15px 22px;border-top:1px solid var(--line);align-items:baseline}
.tl-row:first-of-type{border-top:0}
.tl-year{font:500 .78rem var(--mono);color:var(--amber)}
.tl-row p{font-size:.9rem;color:var(--ink-soft)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(52px,7vw,84px)}
.principle{border-top:2px solid var(--ink);padding-top:20px}
.principle b{font:500 .68rem var(--mono);letter-spacing:.2em;color:var(--amber)}
.principle h3{font:500 1.35rem var(--serif);margin:10px 0 8px}
.principle p{font-size:.92rem;color:var(--muted);line-height:1.65}

/* ---------- research explorer ---------- */
.r-list{margin-top:14px;border-bottom:1px solid var(--line)}
.r-row{display:grid;grid-template-columns:52px minmax(0,1.6fr) 220px 46px;grid-template-areas:"idx body lead go";gap:14px clamp(16px,2.5vw,32px);align-items:center;padding:26px 10px;border-top:1px solid var(--line);transition:background .25s}
.r-row:hover{background:rgba(15,35,28,.035)}
.r-row.hide{display:none}
.r-row.anim{animation:rowIn .5s cubic-bezier(.22,1,.36,1) both}
@keyframes rowIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.r-idx{grid-area:idx;font:400 .74rem var(--mono);color:var(--muted)}
.r-body{grid-area:body}
.r-tag{display:block;font:500 .62rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:7px}
.r-title{font:500 clamp(1.15rem,1.8vw,1.5rem)/1.2 var(--serif);transition:color .2s}
.r-row:hover .r-title{color:var(--green)}
.r-desc{font-size:.88rem;color:var(--muted);line-height:1.6;margin-top:7px;max-width:56ch}
.r-lead{grid-area:lead;display:flex;align-items:center;gap:12px}
.r-lead img{width:42px;height:42px;border-radius:50%;object-fit:cover;filter:sepia(.12) saturate(.9)}
.r-lead strong{display:block;font:600 .88rem var(--sans)}
.r-lead span{font:400 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.r-go{grid-area:go;align-self:center;justify-self:end;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--ink-soft);transition:.25s;cursor:pointer}
.r-go i{transition:transform .25s}
.r-row:hover .r-go{background:var(--green);border-color:var(--green);color:#fff}
.r-row:hover .r-go i{transform:rotate(-45deg)}
.r-foot{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:28px}
#rowPreview{position:fixed;top:0;left:0;width:252px;aspect-ratio:3/2;z-index:60;pointer-events:none;opacity:0;transition:opacity .3s;overflow:hidden;border:1px solid var(--ink);background:var(--paper-2);box-shadow:0 20px 44px rgba(10,20,15,.28);will-change:transform}
#rowPreview.on{opacity:1}
#rowPreview img{width:100%;height:100%;object-fit:cover}
#rowPreview span{position:absolute;left:10px;bottom:10px;background:var(--ink);color:var(--paper);font:500 .58rem var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:5px 9px}

/* ---------- discovery (dark) ---------- */
.disc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,84px);align-items:center}
.disc-fig img{aspect-ratio:3/2}
.disc-copy h2{font:400 clamp(1.9rem,3.2vw,2.9rem)/1.1 var(--serif);letter-spacing:-.01em;margin:18px 0 20px}
.disc-copy h2 em{font-style:italic;color:var(--mint)}
.disc-copy>p{color:rgba(244,241,233,.75);margin-bottom:16px;max-width:58ch}
.disc-quote{border-left:2px solid var(--amber-soft);padding:6px 0 6px 22px;margin:26px 0}
.disc-quote p{font:400 italic 1.22rem/1.5 var(--serif);color:var(--paper)}
.disc-quote footer{display:flex;align-items:center;gap:12px;margin-top:14px;font:400 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(244,241,233,.6)}
.disc-quote footer img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.chip-stat{border:1px solid rgba(244,241,233,.28);padding:10px 15px;font:500 .66rem var(--mono);letter-spacing:.1em;color:var(--mint)}
.disc-cta{display:flex;flex-wrap:wrap;gap:14px}

/* ---------- publications ---------- */
.pub-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,90px);align-items:start}
.pub-side{position:sticky;top:110px;background:var(--card);border:1px solid var(--line);padding:28px}
.pub-side h3{font:500 .68rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.pn-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.pn-row span{font:400 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pn-row b{font:500 1.15rem var(--serif)}
.pub-side .text-link{margin-top:16px}
.pub-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 22px;align-items:center;padding:24px 8px;border-top:1px solid var(--line);transition:background .2s}
.pub-row:last-child{border-bottom:1px solid var(--line)}
.pub-row:hover{background:rgba(15,35,28,.03)}
.pub-authors{grid-column:1/-1;font:400 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pub-title{font:500 1.12rem/1.35 var(--serif)}
.pub-title a{transition:color .2s}
.pub-title a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.pub-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font:400 .68rem var(--mono);letter-spacing:.06em;color:var(--muted)}
.pub-actions{display:flex;gap:8px;grid-row:span 2;align-self:center}

/* ---------- education ---------- */
.edu-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,88px);align-items:center}
.edu-copy h2{font:400 clamp(1.9rem,3.2vw,2.9rem)/1.1 var(--serif);margin:18px 0 20px}
.edu-copy h2 em{font-style:italic;color:var(--green)}
.edu-copy p{color:var(--ink-soft);margin-bottom:16px;max-width:56ch}
.edu-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.edu-collage{position:relative;padding-bottom:46px}
.edu-collage img{object-fit:cover;filter:sepia(.14) saturate(.92) contrast(1.02)}
.edu-collage img:first-child{width:80%;aspect-ratio:4/3}
.edu-collage img:last-of-type{position:absolute;right:0;bottom:0;width:52%;aspect-ratio:4/3;border:6px solid var(--paper);box-shadow:0 26px 52px rgba(21,28,23,.22)}
.edu-collage figcaption{position:absolute;left:0;bottom:8px;font:400 .64rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sub-block{margin-top:clamp(56px,8vw,88px)}
.sub-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-bottom:10px}
.sub-head h3{font:500 1.5rem var(--serif)}
.sub-note{font:400 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.p-list{border-bottom:1px solid var(--line)}
.p-row{display:grid;grid-template-columns:52px 1.15fr .85fr 46px;grid-template-areas:"idx body meta go";gap:14px clamp(16px,2.5vw,32px);align-items:center;padding:24px 10px;border-top:1px solid var(--line);transition:background .2s}
.p-row:hover{background:rgba(15,35,28,.03)}
.p-idx{grid-area:idx;font:400 .74rem var(--mono);color:var(--muted)}
.p-body{grid-area:body}
.p-body h4{font:500 1.2rem var(--serif);margin-bottom:6px}
.p-body p{font-size:.88rem;color:var(--muted);max-width:52ch}
.p-meta{grid-area:meta}
.p-meta span{display:block;font:400 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:2px 0}
.p-meta span:first-child{color:var(--ink-soft)}
.p-row .icon-btn{grid-area:go;justify-self:end}
.p-row:hover .icon-btn{background:var(--green);border-color:var(--green);color:#fff}
.lectures{border-top:2px solid var(--ink)}
.lec-row{display:grid;grid-template-columns:92px minmax(0,1fr) 210px 150px;grid-template-areas:"date info loc btn";gap:16px 24px;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line)}
.lec-date{grid-area:date;text-align:center;border-right:1px solid var(--line);padding-right:20px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.lec-date b{display:block;font:400 1.7rem/1 var(--serif)}
.lec-date span{font:500 .6rem var(--mono);letter-spacing:.2em;color:var(--amber)}
.lec-info{grid-area:info}
.lec-info h4{font:500 1.05rem var(--serif)}
.lec-info span{font:400 .7rem var(--mono);letter-spacing:.08em;color:var(--muted)}
.lec-loc{grid-area:loc;font:400 .7rem var(--mono);letter-spacing:.06em;color:var(--muted)}
.lec-row .btn{grid-area:btn;justify-self:end}
.reserve.done{background:var(--green);border-color:var(--green);color:#fff;pointer-events:none}
.reserve.done:hover i{transform:none}
.edu-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:start}
.faq-list{border-bottom:1px solid var(--line)}
.faq-item{border-top:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;text-align:left;font:600 .98rem var(--sans);transition:color .2s}
.faq-q:hover{color:var(--green)}
.faq-q i{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.64rem;transition:.3s}
.faq-item.open .faq-q i{transform:rotate(45deg);background:var(--ink);border-color:var(--ink);color:var(--paper)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1)}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 44px 22px 4px;color:var(--ink-soft);font-size:.92rem;max-width:62ch}
.voices{background:var(--pine);color:var(--paper);padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;min-height:420px}
.v-kicker{display:flex;align-items:center;gap:12px;font:500 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--amber-soft);margin-bottom:20px}
.v-kicker i{font-size:.95rem}
.v-stage{position:relative;flex:1;min-height:280px}
.v-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none;display:flex;flex-direction:column}
.v-slide.active{opacity:1;pointer-events:auto}
.v-quote{font:400 italic clamp(1.12rem,1.6vw,1.38rem)/1.55 var(--serif)}
.v-person{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:24px}
.v-person img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(244,241,233,.3)}
.v-person strong{display:block;font:600 .92rem var(--sans)}
.v-person span{font:400 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,233,.55)}
.v-nav{display:flex;align-items:center;gap:12px;margin-top:24px;border-top:1px solid rgba(244,241,233,.16);padding-top:20px}
.v-btn{width:40px;height:40px;border:1px solid rgba(244,241,233,.32);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.74rem;color:var(--paper);transition:.2s}
.v-btn:hover{background:var(--paper);color:var(--ink)}
.v-dots{display:flex;gap:8px;margin-left:auto}
.v-dot{width:8px;height:8px;border-radius:50%;background:rgba(244,241,233,.3);transition:.2s;cursor:pointer}
.v-dot.active{background:var(--amber-soft);transform:scale(1.25)}

/* ---------- news ---------- */
.news-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(32px,5vw,64px);align-items:start}
.n-tag{display:inline-block;font:500 .62rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);border:1px solid currentColor;border-radius:999px;padding:4px 11px}
.img-frame{overflow:hidden}
.img-frame img{width:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1);filter:sepia(.12) saturate(.92)}
a:hover .img-frame img,.n-card:hover .img-frame img{transform:scale(1.045)}
.n-featured .img-frame img{aspect-ratio:16/10;margin-bottom:22px}
.n-featured h3{font:500 clamp(1.5rem,2.4vw,2.05rem)/1.22 var(--serif);margin:14px 0 14px;max-width:24ch}
.n-featured h3 a:hover{color:var(--green)}
.n-featured>p{color:var(--ink-soft);max-width:60ch}
.n-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;font:400 .68rem var(--mono);letter-spacing:.06em;color:var(--muted)}
.n-meta img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.n-meta b{color:var(--ink-soft);font-weight:500}
.n-featured .text-link{margin-top:22px}
.rail{display:flex;flex-direction:column;gap:26px}
.rail-panel{background:var(--card);border:1px solid var(--line);padding:24px}
.rail-panel h3{display:flex;align-items:center;gap:10px;font:500 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.rail-panel h3 i{color:var(--amber)}
.rel-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.rel-row strong{display:block;font:600 .88rem var(--sans)}
.rel-row span{font:400 .64rem var(--mono);letter-spacing:.04em;color:var(--muted)}
.most-row{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:baseline;padding:13px 0;border-top:1px solid var(--line)}
.most-row b{font:400 .74rem var(--mono);color:var(--amber)}
.most-row span{font:500 .95rem/1.4 var(--serif);transition:color .2s}
.most-row:hover span{color:var(--green)}
.news-sub{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);margin-top:clamp(40px,5vw,60px)}
.n-card{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:24px}
.n-card .img-frame img{aspect-ratio:4/3}
.n-card h4{font:500 1.12rem/1.35 var(--serif);margin:10px 0 10px}
.n-card h4 a:hover{color:var(--green)}
.n-card .n-meta{margin-top:0}

/* ---------- opportunities (dark) ---------- */
.opp-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(40px,6vw,84px);align-items:start}
.f-list{margin-top:14px;border-bottom:1px solid rgba(244,241,233,.14)}
.f-row{display:grid;grid-template-columns:minmax(0,1fr) 230px 46px;grid-template-areas:"body meta go";gap:14px 22px;align-items:center;padding:20px 8px;border-top:1px solid rgba(244,241,233,.14);transition:background .2s}
.f-row:hover{background:rgba(244,241,233,.04)}
.f-body{grid-area:body}
.f-title{font:500 1.1rem/1.3 var(--serif);color:var(--paper);transition:color .2s}
.f-row:hover .f-title{color:var(--mint)}
.f-funder{font:400 .64rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,233,.5);margin-top:5px}
.f-meta{grid-area:meta;display:flex;align-items:center;justify-content:space-between;gap:16px}
.f-amt{font:500 .92rem var(--mono);color:var(--mint);white-space:nowrap}
.f-due{text-align:right}
.f-badge{display:block;font:500 .74rem var(--mono);color:var(--amber-soft)}
.f-due.urgent .f-badge{color:var(--coral)}
.f-date{font:400 .6rem var(--mono);letter-spacing:.06em;color:rgba(244,241,233,.5)}
.f-go{grid-area:go;justify-self:end}
.f-note{margin-top:18px;font:400 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(244,241,233,.45)}
.opp-side{display:flex;flex-direction:column;gap:26px}
.side-panel{border:1px solid rgba(244,241,233,.18);background:rgba(244,241,233,.03);padding:28px}
.panel-title{display:flex;align-items:center;gap:11px;font:500 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,233,.55);margin-bottom:12px}
.panel-title i{color:var(--amber-soft)}
.job{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 2px;border-top:1px solid rgba(244,241,233,.14);transition:.2s}
.job:first-of-type{border-top:0}
.job strong{display:block;font:600 .92rem var(--sans);color:var(--paper)}
.job span{font:400 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(244,241,233,.5)}
.job i{color:rgba(244,241,233,.5);font-size:.74rem;transition:.2s}
.job:hover{padding-left:8px}
.job:hover i{color:var(--mint)}
.side-panel .text-link{margin-top:18px}
.nl-form{display:flex;margin-top:16px;border:1px solid rgba(244,241,233,.32);transition:border-color .2s}
.nl-form:focus-within{border-color:var(--mint)}
.nl-form input{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:14px 16px;font:400 .88rem var(--sans);color:var(--paper)}
.nl-form input::placeholder{color:rgba(244,241,233,.4)}
.nl-form input.err{color:var(--coral)}
.nl-form button{background:var(--paper);color:var(--ink);padding:0 18px;font-size:.8rem;transition:.2s}
.nl-form button:hover{background:var(--mint)}
.nl-note{font-size:.74rem;color:rgba(244,241,233,.5);margin-top:12px;line-height:1.6}

/* ---------- footer ---------- */
.site-footer{background:var(--pine-2);color:rgba(244,241,233,.75)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(32px,5vw,64px);padding:clamp(56px,8vw,88px) 0 52px}
.foot-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.foot-brand img{width:46px;height:46px;border-radius:2px}
.foot-brand strong{font:600 1.12rem var(--serif);color:var(--paper);display:block;line-height:1.2}
.foot-brand em{font:400 .56rem var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
.foot-blurb{font-size:.9rem;max-width:34ch;margin-bottom:22px}
.foot-contact li{display:flex;gap:12px;align-items:flex-start;padding:6px 0;font-size:.88rem}
.foot-contact i{color:var(--amber-soft);width:16px;text-align:center;margin-top:4px;font-size:.78rem}
.foot-col h4{font:500 .64rem var(--mono);letter-spacing:.22em;text-transform:uppercase;color:rgba(244,241,233,.42);margin-bottom:16px}
.foot-links a{display:block;padding:6px 0;font-size:.9rem;transition:.2s}
.foot-links a:hover{color:var(--mint);padding-left:6px}
.socials{display:flex;gap:10px;margin-top:6px}
.socials a{width:40px;height:40px;border:1px solid rgba(244,241,233,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;color:rgba(244,241,233,.75);transition:.2s}
.socials a:hover{background:var(--mint);border-color:var(--mint);color:var(--pine)}
.foot-hours{margin-top:20px;font:400 .66rem var(--mono);letter-spacing:.08em;color:rgba(244,241,233,.42)}
.foot-bottom{border-top:1px solid rgba(244,241,233,.12);padding:22px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font:400 .68rem var(--mono);letter-spacing:.04em;color:rgba(244,241,233,.42)}
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 22px}
.foot-legal a:hover{color:var(--mint)}

/* ---------- toasts & to-top ---------- */
#toasts{position:fixed;right:22px;bottom:86px;z-index:130;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.toast{display:flex;align-items:center;gap:12px;max-width:min(430px,calc(100vw - 44px));background:var(--ink);color:var(--paper);border-left:3px solid var(--amber-soft);padding:14px 18px;font:500 .84rem/1.45 var(--sans);box-shadow:0 14px 36px rgba(6,14,10,.4);opacity:0;transform:translateX(18px);transition:.35s cubic-bezier(.22,1,.36,1)}
.toast.show{opacity:1;transform:none}
.toast i{color:var(--mint);font-size:.9rem}
.toast.err{border-left-color:var(--coral)}
.toast.err i{color:var(--coral)}
#toTop{position:fixed;right:22px;bottom:22px;z-index:120;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--paper);border:1px solid rgba(244,241,233,.25);display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;cursor:pointer}
#toTop.show{opacity:1;visibility:visible;transform:none}
#toTop:hover{background:var(--green);border-color:var(--green)}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .main-nav{display:none}
  .menu-btn{display:inline-flex}
  .hero-in{grid-template-columns:1fr;gap:44px}
  .hero-fig{max-width:520px}
  .sec-head-row{grid-template-columns:1fr}
  .about-grid,.disc-grid,.edu-grid,.edu-bottom,.news-grid,.opp-grid{grid-template-columns:1fr}
  .pub-grid{grid-template-columns:1fr}
  .pub-side{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat{padding:22px 18px 26px}
  .stat:nth-child(odd){border-left:0;padding-left:0}
  .stat:nth-child(n+3){border-top:1px solid rgba(244,241,233,.15)}
  .principles{grid-template-columns:1fr}
  .r-row{grid-template-columns:1fr 46px;grid-template-areas:"idx go" "body go" "lead go";row-gap:12px}
  .r-go{align-self:center}
  .p-row{grid-template-columns:1fr 46px;grid-template-areas:"idx go" "body go" "meta go";row-gap:10px}
  .p-row .icon-btn{align-self:center}
  .f-row{grid-template-columns:1fr 46px;grid-template-areas:"body go" "meta go";row-gap:12px}
  .f-meta{justify-content:flex-start}
  .lec-row{grid-template-columns:1fr;grid-template-areas:"date" "info" "loc" "btn";row-gap:10px}
  .lec-date{flex-direction:row;gap:10px;border-right:0;padding:0;text-align:left;align-items:baseline}
  .lec-row .btn{justify-self:start}
  .news-sub{grid-template-columns:1fr}
  .search{margin-left:0;width:100%}
}
@media(max-width:640px){
  html{scroll-padding-top:84px}
  .header-in{height:68px}
  .header-cta{display:none}
  .hero-hud{display:none}
  .topbar{font-size:.6rem}
  .n-card{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .v-stage{min-height:340px}
  .pub-row{grid-template-columns:1fr}
  .pub-actions{grid-row:auto}
  .hero-cta .btn{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .js .reveal{opacity:1;transform:none}
  .hero-copy>*,.hero-fig{opacity:1;transform:none;animation:none}
}
</style>
</head>
<body>

<!-- announcement -->
<div class="topbar"><i class="fa-solid fa-bullhorn"></i>Public lecture — “The Cloud Atlas”, Mar 14 · Berkeley Auditorium<a href="#lectures">Reserve free seats</a></div>

<!-- header -->
<header class="site-header" id="siteHeader">
  <div class="container header-in">
    <a class="brand" href="#top" aria-label="Lumen Institute — home">
      <img src="https://placehold.co/92x92/0F231C/9BD8C6?text=L&amp;font=playfair+display" alt="Lumen Institute monogram" width="46" height="46">
      <span class="brand-text"><strong>Lumen Institute</strong><em>Curiosity, rigorously pursued.</em></span>
    </a>
    <nav class="main-nav" aria-label="Primary">
      <a href="#about">About</a>
      <a href="#research">Research</a>
      <a href="#publications">Publications</a>
      <a href="#education">Education</a>
      <a href="#news">News</a>
      <a href="#opportunities">Opportunities</a>
      <a href="#contact">Contact</a>
    </nav>
    <div class="header-actions">
      <a class="btn light sm header-cta" href="#opportunities">Support us</a>
      <button class="menu-btn" id="menuBtn" aria-label="Open menu" aria-expanded="false"><i class="fa-solid fa-bars"></i></button>
    </div>
  </div>
</header>

<!-- mobile menu -->
<div class="m-menu" id="mMenu" aria-hidden="true">
  <div class="m-top">
    <span class="m-brand">Lumen Institute</span>
    <button class="m-close" id="menuClose" aria-label="Close menu"><i class="fa-solid fa-xmark"></i></button>
  </div>
  <nav class="m-nav" aria-label="Mobile">
    <a href="#about"><b>01</b><span>About</span></a>
    <a href="#research"><b>02</b><span>Research</span></a>
    <a href="#publications"><b>03</b><span>Publications</span></a>
    <a href="#education"><b>04</b><span>Education</span></a>
    <a href="#news"><b>05</b><span>News</span></a>
    <a href="#opportunities"><b>06</b><span>Opportunities</span></a>
    <a href="#contact"><b>07</b><span>Contact</span></a>
  </nav>
  <div class="m-foot">
    <a class="btn light" href="#opportunities">Support the institute</a>
    <p>hello@lumeninstitute.org · +1 (510) 555-0148</p>
  </div>
</div>

<main>
<!-- ============ HERO ============ -->
<section class="hero" id="top">
  <canvas id="heroCanvas" aria-hidden="true"></canvas>
  <div class="hero-hud" aria-hidden="true"><span class="dot"></span>ARRAY 07 · LIVE&nbsp;<span id="hudVal">11.24 mV</span></div>
  <div class="container hero-in">
    <div class="hero-copy">
      <p class="kicker"><b>Est. 1987</b> Independent · Nonprofit · Open access</p>
      <h1>Where curiosity becomes <em>discovery.</em></h1>
      <p class="lede">The Lumen Institute is an independent, nonprofit research organization — 240 scientists across the climate, life, and physical sciences, publishing everything we learn in the open. No paywalls, no patents on publicly funded work, no exceptions.</p>
      <div class="hero-cta">
        <a class="btn light" href="#research">Explore our research <i class="fa-solid fa-arrow-right"></i></a>
        <a class="btn ghost-light" href="#lectures"><i class="fa-solid fa-ticket"></i> Attend a lecture</a>
      </div>
      <p class="hero-meta">Est. 1987 · Berkeley, California · A 501(c)(3) nonprofit</p>
    </div>
    <figure class="hero-fig fig">
      <div class="duo"><img src="https://picsum.photos/seed/lumen-cryo/840/1050.jpg" alt="A researcher working in the Lumen Institute cryo-electron microscopy suite" fetchpriority="high"></div>
      <figcaption><b>FIG. 01</b><span>Cryo-electron microscopy suite — Building C, Berkeley campus. Open to visiting researchers since 2016.</span></figcaption>
    </figure>
  </div>
  <div class="hero-stats">
    <div class="container stats-grid">
      <div class="stat reveal"><span class="stat-num" data-count="240" data-suffix="+">240+</span><span class="stat-label">Scientists &amp; fellows</span></div>
      <div class="stat reveal" style="--d:.08s"><span class="stat-num" data-count="3842">3,842</span><span class="stat-label">Peer-reviewed papers</span></div>
      <div class="stat reveal" style="--d:.16s"><span class="stat-num" data-count="14">14</span><span class="stat-label">Field stations worldwide</span></div>
      <div class="stat reveal" style="--d:.24s"><span class="stat-num" data-count="52" data-suffix="k">52k</span><span class="stat-label">Students reached each year</span></div>
    </div>
  </div>
</section>

<!-- ============ TICKER ============ -->
<div class="ticker" role="region" aria-label="Latest dispatches">
  <div class="ticker-label"><span class="dot"></span>Latest</div>
  <div class="ticker-viewport">
    <div class="ticker-track">
      <div class="tk-group">
        <a class="tk" href="#news"><b>FEB 28</b><span>Preprint: error-corrected logical qubit at 0.1% failure rate</span><i class="fa-solid fa-arrow-right"></i></a>
        <a class="tk" href="#news"><b>FEB 21</b><span>Summer Research Fellowship applications now open</span><i class="fa-solid fa-arrow-right"></i></a>
        <a class="tk" href="#news"><b>FEB 14</b><span>Dataset release: 12 years of hourly urban heat, 40 cities</span><i class="fa-solid fa-arrow-right"></i></a>
        <a class="tk" href="#news"><b>FEB 06</b><span>Dr. Aisha Okafor elected to the National Academy of Sciences</span><i class="fa-solid fa-arrow-right"></i></a>
        <a class="tk" href="#education"><b>JAN 30</b><span>Saturday Science Academy opens spring registration</span><i class="fa-solid fa-arrow-right"></i></a>
        <a class="tk" href="#lectures"><b>JAN 22</b><span>Public lecture announced: “The Cloud Atlas”, March 14</span><i class="fa-solid fa-arrow-right"></i></a>
        <a class="tk" href="#news"><b>JAN 09</b><span>Fourteenth field station opens in Chile’s Atacama Desert</span><i class="fa-solid fa-arrow-right"></i></a>
        <a class="tk" href="#discovery"><b>DEC 18</b><span>Meridian Aerosol Study concludes six-year data collection</span><i class="fa-solid fa-arrow-right"></i></a>
      </div>
    </div>
  </div>
</div>

<!-- ============ ABOUT ============ -->
<section class="block" id="about">
  <div class="container">
    <div class="sec-head reveal">
      <p class="kicker"><b>01</b> The Institute</p>
      <div class="sec-head-row">
        <h2>Science, held in <em>public trust.</em></h2>
        <p class="sec-lede">Founded in a converted cannery on the Berkeley waterfront, Lumen is now one of the world’s leading independent research organizations — and deliberately, stubbornly, a nonprofit.</p>
      </div>
    </div>
    <div class="about-grid">
      <div class="about-copy reveal">
        <p>The Lumen Institute began in 1987, when twelve atmospheric chemists bet that a research organization could be rigorous without being secretive. Thirty-eight years later, we are 240 scientists strong — and still independent in every sense that matters.</p>
        <p>Our work spans seven research programs, from the quantum properties of two-dimensional materials to a twelve-year study of urban heat that changed what cities know about their own climates. Everything we publish is open access. Every dataset we collect is free to download. Every lecture we give is free to attend.</p>
        <p>Independence is our most important instrument. Our funding comes from competitive public grants, philanthropic foundations, and individual donors — never from the industries we study. That firewall is written into our charter, and we have never made an exception.</p>
        <a class="text-link" href="#" data-toast="Our charter &amp; annual report (PDF) are available on request — write to governance@lumeninstitute.org" data-icon="fa-arrow-up-right">Read our charter &amp; annual report <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="timeline reveal" style="--d:.12s">
        <div class="tl-head"><span>Milestones</span><i class="fa-solid fa-flask"></i><span>1987 → Today</span></div>
        <div class="tl-row"><span class="tl-year">1987</span><p>Founded in a converted cannery on the Berkeley waterfront.</p></div>
        <div class="tl-row"><span class="tl-year">1994</span><p>First permanent field station opens at Mauna Loa, Hawaiʻi.</p></div>
        <div class="tl-row"><span class="tl-year">2008</span><p>Open-access mandate adopted: all research free to read, always.</p></div>
        <div class="tl-row"><span class="tl-year">2016</span><p>Education arm launches the Saturday Science Academy.</p></div>
        <div class="tl-row"><span class="tl-year">2021</span><p>Quantum Materials Laboratory completed on the Berkeley campus.</p></div>
        <div class="tl-row"><span class="tl-year">2025</span><p>Fourteenth field station opens in the Atacama Desert, Chile.</p></div>
      </div>
    </div>
    <div class="principles">
      <div class="principle reveal"><b>PRINCIPLE 01</b><h3>Rigor before headlines</h3><p>We would rather be right in year five than first in the feed. Every claim survives peer review before it ever reaches a press release.</p></div>
      <div class="principle reveal" style="--d:.1s"><b>PRINCIPLE 02</b><h3>Open by default</h3><p>Methods, data, code — and negative results — are published in full. If we can’t show our work, we don’t claim the finding.</p></div>
      <div class="principle reveal" style="--d:.2s"><b>PRINCIPLE 03</b><h3>A public instrument</h3><p>Basic research is a public good. We treat our funding, our facilities, and our findings as held in trust for everyone.</p></div>
    </div>
  </div>
</section>

<!-- ============ RESEARCH ============ -->
<section class="block" id="research" style="padding-top:0">
  <div class="container">
    <div class="sec-head reveal">
      <p class="kicker"><b>02</b> Research Programs</p>
      <div class="sec-head-row">
        <h2>Seven fronts of <em>discovery.</em></h2>
        <p class="sec-lede">Every program is led by a working principal investigator, publishes in the open, and welcomes correspondence. Filter by discipline, search a keyword, or hover a program to see it in the field.</p>
      </div>
    </div>
    <div class="filters reveal" id="rFilters">
      <button class="chip active" data-filter="all">All programs</button>
      <button class="chip" data-filter="climate">Climate</button>
      <button class="chip" data-filter="neuroscience">Neuroscience</button>
      <button class="chip" data-filter="quantum">Quantum</button>
      <button class="chip" data-filter="genomics">Genomics</button>
      <button class="chip" data-filter="astrophysics">Astrophysics</button>
      <button class="chip" data-filter="marine">Marine</button>
      <button class="chip" data-filter="education">Learning sciences</button>
      <label class="search"><i class="fa-solid fa-magnifying-glass"></i><input type="search" id="rSearch" placeholder="Search programs, people, methods…" aria-label="Search research programs"></label>
    </div>
    <p class="list-count" id="rCount">Showing <b>7</b> of 7 programs</p>
    <div class="r-list">
      <article class="r-row reveal" data-cat="climate" data-name="Climate Systems" data-img="https://picsum.photos/seed/lumen-cryo/480/320.jpg">
        <span class="r-idx">01</span>
        <div class="r-body">
          <span class="r-tag">Climate</span>
          <h3 class="r-title">Climate Systems</h3>
          <p class="r-desc">Cryosphere feedbacks, atmospheric chemistry, and the twelve-year Meridian Aerosol Study that closed a forty-year gap in cloud models.</p>
        </div>
        <div class="r-lead">
          <img src="https://i.pravatar.cc/84?u=elena-voss" alt="Portrait of Dr. Elena Voss" loading="lazy">
          <div><strong>Dr. Elena Voss</strong><span>Program Director</span></div>
        </div>
        <button class="r-go" data-toast="Program prospectus — write to programs@lumeninstitute.org and we’ll send the full PDF." data-icon="fa-arrow-right" aria-label="Open Climate Systems program"><i class="fa-solid fa-arrow-right"></i></button>
      </article>
      <article class="r-row reveal" data-cat="neuroscience" data-name="Neuroplasticity Lab" data-img="https://picsum.photos/seed/lumen-neuro/480/320.jpg">
        <span class="r-idx">02</span>
        <div class="r-body">
          <span class="r-tag">Neuroscience</span>
          <h3 class="r-title">Neuroplasticity Lab</h3>
          <p class="r-desc">How the adult brain rewires itself: longitudinal cohorts, high-field imaging, and open datasets on learning, recovery, and resilience.</p>
        </div>
        <div class="r-lead">
          <img src="https://i.pravatar.cc/84?u=marcus-chen" alt="Portrait of Dr. Marcus Chen" loading="lazy">
          <div><strong>Dr. Marcus Chen</strong><span>Principal Investigator</span></div>
        </div>
        <button class="r-go" data-toast="Program prospectus — write to programs@lumeninstitute.org and we’ll send the full PDF." data-icon="fa-arrow-right" aria-label="Open Neuroplasticity Lab program"><i class="fa-solid fa-arrow-right"></i></button>
      </article>
      <article class="r-row reveal" data-cat="quantum" data-name="Quantum Materials" data-img="https://picsum.photos/seed/lumen-quantum/480/320.jpg">
        <span class="r-idx">03</span>
        <div class="r-body">
          <span class="r-tag">Quantum</span>
          <h3 class="r-title">Quantum Materials</h3>
          <p class="r-desc">Designing and characterizing two-dimensional materials for error-corrected computing — from monolayer synthesis to logical qubits.</p>
        </div>
        <div class="r-lead">
          <img src="https://i.pravatar.cc/84?u=priya-raghavan" alt="Portrait of Dr. Priya Raghavan" loading="lazy">
          <div><strong>Dr. Priya Raghavan</strong><span>Principal Investigator</span></div>
        </div>
        <button class="r-go" data-toast="Program prospectus — write to programs@lumeninstitute.org and we’ll send the full PDF." data-icon="fa-arrow-right" aria-label="Open Quantum Materials program"><i class="fa-solid fa-arrow-right"></i></button>
      </article>
      <article class="r-row reveal" data-cat="genomics" data-name="Genomics &amp; Aging" data-img="https://picsum.photos/seed/lumen-genomics/480/320.jpg">
        <span class="r-idx">04</span>
        <div class="r-body">
          <span class="r-tag">Genomics</span>
          <h3 class="r-title">Genomics &amp; Aging</h3>
          <p class="r-desc">Population-scale sequencing to understand why some brains age resiliently — and which interventions actually change the trajectory.</p>
        </div>
        <div class="r-lead">
          <img src="https://i.pravatar.cc/84?u=tomas-ferreira" alt="Portrait of Dr. Tomás Ferreira" loading="lazy">
          <div><strong>Dr. Tomás Ferreira</strong><span>Principal Investigator</span></div>
        </div>
        <button class="r-go" data-toast="Program prospectus — write to programs@lumeninstitute.org and we’ll send the full PDF." data-icon="fa-arrow-right" aria-label="Open Genomics and Aging program"><i class="fa-solid fa-arrow-right"></i></button>
      </article>
      <article class="r-row reveal" data-cat="astrophysics" data-name="Astrophysics" data-img="https://picsum.photos/seed/lumen-astro/480/320.jpg">
        <span class="r-idx">05</span>
        <div class="r-body">
          <span class="r-tag">Astrophysics</span>
          <h3 class="r-title">Astrophysics</h3>
          <p class="r-desc">Radio and optical surveys of the transient sky, operated with university partners on three continents and open to the public nightly.</p>
        </div>
        <div class="r-lead">
          <img src="https://i.pravatar.cc/84?u=aisha-okafor" alt="Portrait of Dr. Aisha Okafor" loading="lazy">
          <div><strong>Dr. Aisha Okafor</strong><span>Principal Investigator</span></div>
        </div>
        <button class="r-go" data-toast="Program prospectus — write to programs@lumeninstitute.org and we’ll send the full PDF." data-icon="fa-arrow-right" aria-label="Open Astrophysics program"><i class="fa-solid fa-arrow-right"></i></button>
      </article>
      <article class="r-row reveal" data-cat="marine" data-name="Marine Microbiomes" data-img="https://picsum.photos/seed/lumen-marine/480/320.jpg">
        <span class="r-idx">06</span>
        <div class="r-body">
          <span class="r-tag">Marine</span>
          <h3 class="r-title">Marine Microbiomes</h3>
          <p class="r-desc">The ocean’s microbial engine: how plankton communities draw down carbon, and how warming seas change the equation.</p>
        </div>
        <div class="r-lead">
          <img src="https://i.pravatar.cc/84?u=ingrid-halvorsen" alt="Portrait of Dr. Ingrid Halvorsen" loading="lazy">
          <div><strong>Dr. Ingrid Halvorsen</strong><span>Program Director</span></div>
        </div>
        <button class="r-go" data-toast="Program prospectus — write to programs@lumeninstitute.org and we’ll send the full PDF." data-icon="fa-arrow-right" aria-label="Open Marine Microbiomes program"><i class="fa-solid fa-arrow-right"></i></button>
      </article>
      <article class="r-row reveal" data-cat="education" data-name="Learning Sciences" data-img="https://picsum.photos/seed/lumen-learn/480/320.jpg">
        <span class="r-idx">07</span>
        <div class="r-body">
          <span class="r-tag">Learning sciences</span>
          <h3 class="r-title">Learning Sciences</h3>
          <p class="r-desc">How people actually learn science — the research behind our classrooms, our fellowships, and our teacher institutes.</p>
        </div>
        <div class="r-lead">
          <img src="https://i.pravatar.cc/84?u=david-osei" alt="Portrait of Dr. David Osei" loading="lazy">
          <div><strong>Dr. David Osei</strong><span>Program Director</span></div>
        </div>
        <button class="r-go" data-toast="Program prospectus — write to programs@lumeninstitute.org and we’ll send the full PDF." data-icon="fa-arrow-right" aria-label="Open Learning Sciences program"><i class="fa-solid fa-arrow-right"></i></button>
      </article>
    </div>
    <div class="empty" id="rEmpty" hidden>No programs match your search — try “quantum”, “ocean”, or a researcher’s name.</div>
    <div class="r-foot reveal">
      <a class="text-link" href="#contact">Contact a researcher <i class="fa-solid fa-arrow-right"></i></a>
      <a class="text-link" href="#" data-toast="The program overview PDF (2.4 MB) is on its way to your downloads." data-icon="fa-download">Download program overview <i class="fa-solid fa-arrow-right"></i></a>
    </div>
  </div>
</section>

<!-- floating hover preview for the research explorer -->
<div id="rowPreview" aria-hidden="true"><img id="pvImg" alt=""><span id="pvTag"></span></div>

<!-- ============ FEATURED BREAKTHROUGH ============ -->
<section class="block sec-dark" id="discovery">
  <div class="container disc-grid">
    <figure class="disc-fig fig reveal">
      <div class="duo"><img src="https://picsum.photos/seed/lumen-cloud/1200/800.jpg" alt="Aerosol sampling mast at the Mauna Loa field station" loading="lazy"></div>
      <figcaption><b>FIG. 02</b><span>Aerosol sampling mast at the Mauna Loa field station, 3,397 m — one of fourteen stations in the Meridian Aerosol Study.</span></figcaption>
    </figure>
    <div class="disc-copy">
      <p class="kicker reveal"><b>03</b> Featured Breakthrough</p>
      <h2 class="reveal" style="--d:.06s">Closing the <em>cloud gap.</em></h2>
      <p class="reveal" style="--d:.1s">For four decades, climate models have overestimated how strongly aerosols cool the planet — a stubborn discrepancy known as the cloud-lifetime problem. In 2019, a team at Lumen proposed a specific hypothesis: that models were missing a chemical aging pathway in sea-salt aerosols, one that unfolds over days and far beyond the reach of laboratory chambers.</p>
      <p class="reveal" style="--d:.14s">Six years, fourteen field stations, and 12,438 carefully catalogued samples later, the Meridian Aerosol Study has done more than confirm the hypothesis. The team measured the pathway directly, quantified its cooling effect, and cut the uncertainty in cloud–aerosol radiative forcing by nearly half — a result they report with statistical significance of p &lt; 0.001 across all three primary endpoints.</p>
      <blockquote class="disc-quote reveal" style="--d:.18s">
        <p>“We didn’t set out to fix a model. We set out to find the truth — and then to let the model catch up.”</p>
        <footer><img src="https://i.pravatar.cc/72?u=elena-voss" alt="Portrait of Dr. Elena Voss" loading="lazy">Dr. Elena Voss · Principal Investigator, Climate Systems</footer>
      </blockquote>
      <div class="chips reveal" style="--d:.22s">
        <span class="chip-stat">N = 12,438 SAMPLES</span>
        <span class="chip-stat">P &lt; 0.001 · PRIMARY ENDPOINTS</span>
        <span class="chip-stat">14 FIELD STATIONS</span>
        <span class="chip-stat">6 YEARS OF DATA</span>
      </div>
      <div class="disc-cta reveal" style="--d:.26s">
        <a class="btn light" href="#" data-toast="Open access — DOI 10.1038/s41558-025-01187-4 copied to your clipboard." data-clipboard="10.1038/s41558-025-01187-4" data-icon="fa-arrow-up-right">Read the paper <i class="fa-solid fa-arrow-up-right"></i></a>
        <a class="btn ghost-light" href="#" data-toast="Dataset request queued — the 4.2 TB archive link will be emailed to you." data-icon="fa-database"><i class="fa-solid fa-database"></i> View results &amp; dataset</a>
      </div>
    </div>
  </div>
</section>

<!-- ============ PUBLICATIONS ============ -->
<section class="block" id="publications">
  <div class="container">
    <div class="sec-head reveal">
      <p class="kicker"><b>04</b> Publications</p>
      <div class="sec-head-row">
        <h2>Published in <em>the open.</em></h2>
        <p class="sec-lede">Every paper we publish is free to read, reuse, and redistribute under CC BY 4.0 — including the ones that didn’t work out.</p>
      </div>
    </div>
    <div class="pub-grid">
      <aside class="pub-side reveal">
        <h3>The open archive</h3>
        <div class="pn-row"><span>Papers in archive</span><b>3,842</b></div>
        <div class="pn-row"><span>Open access share</span><b>96%</b></div>
        <div class="pn-row"><span>Median review time</span><b>94 days</b></div>
        <div class="pn-row"><span>License</span><b>CC BY 4.0</b></div>
        <a class="text-link" href="#" data-toast="Opening the Lumen Open Repository — 3,842 papers and counting." data-icon="fa-arrow-up-right">Browse the full archive <i class="fa-solid fa-arrow-right"></i></a>
      </aside>
      <div class="pub-list">
        <article class="pub-row reveal">
          <p class="pub-authors">Voss, E., Halvorsen, I., Okafor, A., +18 others</p>
          <div>
            <h3 class="pub-title"><a href="#" data-toast="Open access — DOI 10.1038/s41558-025-01187-4 copied to your clipboard." data-clipboard="10.1038/s41558-025-01187-4" data-icon="fa-arrow-up-right">A chemical pathway for sea-salt aerosol aging and its effect on cloud droplet formation</a></h3>
            <p class="pub-meta">Nature Climate Change · 2025 · Vol. 15 <span class="tag">Open access</span></p>
          </div>
          <div class="pub-actions">
            <button class="icon-btn" data-toast="DOI copied to clipboard — 10.1038/s41558-025-01187-4" data-clipboard="10.1038/s41558-025-01187-4" data-icon="fa-check" aria-label="Copy DOI"><i class="fa-solid fa-arrow-up-right"></i></button>
            <button class="icon-btn" data-toast="Preparing PDF — 2.1 MB download." data-icon="fa-download" aria-label="Download PDF"><i class="fa-solid fa-download"></i></button>
          </div>
        </article>
        <article class="pub-row reveal" style="--d:.06s">
          <p class="pub-authors">Raghavan, P., Mensah, K., +7 others</p>
          <div>
            <h3 class="pub-title"><a href="#" data-toast="Open access — DOI 10.1038/s41567-025-02103-8 copied to your clipboard." data-clipboard="10.1038/s41567-025-02103-8" data-icon="fa-arrow-up-right">A logically encoded qubit with sub-threshold error correction in a 2D lattice</a></h3>
            <p class="pub-meta">Nature Physics · 2025 · Vol. 21 <span class="tag">Open access</span></p>
          </div>
          <div class="pub-actions">
            <button class="icon-btn" data-toast="DOI copied to clipboard — 10.1038/s41567-025-02103-8" data-clipboard="10.1038/s41567-025-02103-8" data-icon="fa-check" aria-label="Copy DOI"><i class="fa-solid fa-arrow-up-right"></i></button>
            <button class="icon-btn" data-toast="Preparing PDF — 3.4 MB download." data-icon="fa-download" aria-label="Download PDF"><i class="fa-solid fa-download"></i></button>
          </div>
        </article>
        <article class="pub-row reveal" style="--d:.12s">
          <p class="pub-authors">Chen, M., Osei, D., +12 others</p>
          <div>
            <h3 class="pub-title"><a href="#" data-toast="Open access — DOI 10.1038/s41562-024-01555-2 copied to your clipboard." data-clipboard="10.1038/s41562-024-01555-2" data-icon="fa-arrow-up-right">Adult neuroplasticity in second-language acquisition: a five-year longitudinal cohort</a></h3>
            <p class="pub-meta">Nature Human Behaviour · 2024 · Vol. 8 <span class="tag">Open access</span></p>
          </div>
          <div class="pub-actions">
            <button class="icon-btn" data-toast="DOI copied to clipboard — 10.1038/s41562-024-01555-2" data-clipboard="10.1038/s41562-024-01555-2" data-icon="fa-check" aria-label="Copy DOI"><i class="fa-solid fa-arrow-up-right"></i></button>
            <button class="icon-btn" data-toast="Preparing PDF — 1.8 MB download." data-icon="fa-download" aria-label="Download PDF"><i class="fa-solid fa-download"></i></button>
          </div>
        </article>
        <article class="pub-row reveal" style="--d:.18s">
          <p class="pub-authors">Ferreira, T., Adeyemi, R., +24 others</p>
          <div>
            <h3 class="pub-title"><a href="#" data-toast="Open access — DOI 10.1016/j.cell.2024.11.014 copied to your clipboard." data-clipboard="10.1016/j.cell.2024.11.014" data-icon="fa-arrow-up-right">Population-scale methylation clocks reveal modifiable drivers of resilient aging</a></h3>
            <p class="pub-meta">Cell · 2024 · Vol. 187 <span class="tag">Open access</span></p>
          </div>
          <div class="pub-actions">
            <button class="icon-btn" data-toast="DOI copied to clipboard — 10.1016/j.cell.2024.11.014" data-clipboard="10.1016/j.cell.2024.11.014" data-icon="fa-check" aria-label="Copy DOI"><i class="fa-solid fa-arrow-up-right"></i></button>
            <button class="icon-btn" data-toast="Preparing PDF — 4.7 MB download." data-icon="fa-download" aria-label="Download PDF"><i class="fa-solid fa-download"></i></button>
          </div>
        </article>
        <article class="pub-row reveal" style="--d:.24s">
          <p class="pub-authors">Okafor, A., Lindqvist, M., +9 others</p>
          <div>
            <h3 class="pub-title"><a href="#" data-toast="Open access — DOI 10.3847/2050-7461.12.4492 copied to your clipboard." data-clipboard="10.3847/2050-7461.12.4492" data-icon="fa-arrow-up-right">A radio survey of 40,000 transient events in the southern sky</a></h3>
            <p class="pub-meta">The Astrophysical Journal · 2025 · Vol. 981 <span class="tag">Open access</span></p>
          </div>
          <div class="pub-actions">
            <button class="icon-btn" data-toast="DOI copied to clipboard — 10.3847/2050-7461.12.4492" data-clipboard="10.3847/2050-7461.12.4492" data-icon="fa-check" aria-label="Copy DOI"><i class="fa-solid fa-arrow-up-right"></i></button>
            <button class="icon-btn" data-toast="Preparing PDF — 5.2 MB download." data-icon="fa-download" aria-label="Download PDF"><i class="fa-solid fa-download"></i></button>
          </div>
        </article>
      </div>
    </div>
  </div>
</section>

<!-- ============ EDUCATION ============ -->
<section class="block" id="education" style="padding-top:0">
  <div class="container">
    <div class="edu-grid">
      <div class="edu-copy">
        <p class="kicker reveal"><b>05</b> Education &amp; Outreach</p>
        <h2 class="reveal" style="--d:.06s">Science belongs to <em>everyone.</em></h2>
        <p class="reveal" style="--d:.1s">The Lumen Institute’s education arm reaches more than 52,000 students, teachers, and curious adults every year — in classrooms, in teaching labs, and online. Our programs run on the same standard as our research: rigorous, honest, and open to all.</p>
        <p class="reveal" style="--d:.14s">Our teaching labs run on the same instruments our researchers use, and our Saturday academies are staffed by working scientists who volunteer their time because they remember what it felt like to be fifteen and allowed to ask anything.</p>
        <div class="edu-cta reveal" style="--d:.18s">
          <a class="btn" href="#lectures"><i class="fa-solid fa-ticket"></i> Attend a lecture</a>
          <a class="btn ghost" href="#" data-toast="School visits are free — write to schools@lumeninstitute.org to book a lab day." data-icon="fa-arrow-up-right">Bring your classroom to Lumen</a>
        </div>
      </div>
      <figure class="edu-collage reveal" style="--d:.12s">
        <img src="https://picsum.photos/seed/lumen-edu1/900/675.jpg" alt="Students conducting a chemistry experiment at Saturday Science Academy" loading="lazy">
        <img src="https://picsum.photos/seed/lumen-edu2/640/480.jpg" alt="A Lumen scientist teaching in the summer lab program" loading="lazy">
        <figcaption>Saturday Science Academy · Spring term · Berkeley campus</figcaption>
      </figure>
    </div>

    <div class="sub-block">
      <div class="sub-head reveal">
        <h3>Programs</h3>
        <p class="sub-note">All programs free or sliding-scale · Applications reviewed monthly</p>
      </div>
      <div class="p-list">
        <article class="p-row reveal">
          <span class="p-idx">01</span>
          <div class="p-body">
            <h4>Summer Research Fellowship</h4>
            <p>Ten weeks inside a working lab, paired with a principal investigator, and a public poster session to close the summer. 62% of alumni go on to graduate study in STEM.</p>
          </div>
          <div class="p-meta"><span>Undergraduates</span><span>10 weeks · Stipend paid</span></div>
          <button class="icon-btn" data-toast="Fellowship applications open each November — write to fellowships@lumeninstitute.org for the prospectus." data-icon="fa-arrow-right" aria-label="Apply to the Summer Research Fellowship"><i class="fa-solid fa-arrow-right"></i></button>
        </article>
        <article class="p-row reveal" style="--d:.06s">
          <span class="p-idx">02</span>
          <div class="p-body">
            <h4>Saturday Science Academy</h4>
            <p>Hands-on labs every Saturday morning during term time — from extracting DNA in a kitchen lab to building cloud chambers. No prerequisites, no grades, no cost.</p>
          </div>
          <div class="p-meta"><span>Ages 11–16</span><span>Weekends · Free</span></div>
          <button class="icon-btn" data-toast="Spring registration is open — reserve a seat via education@lumeninstitute.org." data-icon="fa-arrow-right" aria-label="Register for Saturday Science Academy"><i class="fa-solid fa-arrow-right"></i></button>
        </article>
        <article class="p-row reveal" style="--d:.12s">
          <span class="p-idx">03</span>
          <div class="p-body">
            <h4>Teacher Institutes</h4>
            <p>Week-long summer residencies that put current research methods into lesson plans, with graduate-credit options through our university partners.</p>
          </div>
          <div class="p-meta"><span>Educators</span><span>1 week · Graduate credit</span></div>
          <button class="icon-btn" data-toast="Institute applications open in February — write to education@lumeninstitute.org." data-icon="fa-arrow-right" aria-label="Apply to Teacher Institutes"><i class="fa-solid fa-arrow-right"></i></button>
        </article>
      </div>
    </div>

    <div class="sub-block" id="lectures">
      <div class="sub-head reveal">
        <h3>Upcoming public lectures</h3>
        <p class="sub-note">Free · Reserved seating · Recorded and published within 48 hours</p>
      </div>
      <div class="lectures">
        <div class="lec-row reveal">
          <div class="lec-date"><b>14</b><span>MAR</span></div>
          <div class="lec-info"><h4>The Cloud Atlas: what six years in the sky taught us</h4><span>Dr. Elena Voss · Climate Systems</span></div>
          <span class="lec-loc">Berkeley Auditorium · 7:00 PM</span>
          <button class="btn ghost sm reserve" data-talk="The Cloud Atlas">Reserve a seat</button>
        </div>
        <div class="lec-row reveal" style="--d:.05s">
          <div class="lec-date"><b>27</b><span>MAR</span></div>
          <div class="lec-info"><h4>The Plastic Brain, at Ninety</h4><span>Dr. Marcus Chen · Neuroplasticity Lab</span></div>
          <span class="lec-loc">Livestream + Q&amp;A · 6:00 PM</span>
          <button class="btn ghost sm reserve" data-talk="The Plastic Brain, at Ninety">Reserve a seat</button>
        </div>
        <div class="lec-row reveal" style="--d:.1s">
          <div class="lec-date"><b>09</b><span>APR</span></div>
          <div class="lec-info"><h4>Qubits for the Curious: quantum computing without the hype</h4><span>Dr. Priya Raghavan · Quantum Materials</span></div>
          <span class="lec-loc">Berkeley Auditorium · 7:00 PM</span>
          <button class="btn ghost sm reserve" data-talk="Qubits for the Curious">Reserve a seat</button>
        </div>
        <div class="lec-row reveal" style="--d:.15s">
          <div class="lec-date"><b>24</b><span>APR</span></div>
          <div class="lec-info"><h4>What the Deep Ocean Knows About Carbon</h4><span>Dr. Ingrid Halvorsen · Marine Microbiomes</span></div>
          <span class="lec-loc">Livestream + Q&amp;A · 6:00 PM</span>
          <button class="btn ghost sm reserve" data-talk="What the Deep Ocean Knows About Carbon">Reserve a seat</button>
        </div>
      </div>
    </div>

    <div class="sub-block edu-bottom">
      <div>
        <div class="sub-head reveal">
          <h3>Common questions</h3>
          <p class="sub-note">Answered by our education office</p>
        </div>
        <div class="faq-list reveal">
          <div class="faq-item">
            <button class="faq-q" aria-expanded="false">Are Lumen lectures really free?<i class="fa-solid fa-plus"></i></button>
            <div class="faq-a"><div><p>Yes — every public lecture, lab tour, and open day is free, funded by donors and member support. We only ask you to reserve a seat so we can plan seating and livestream capacity; reservations close when the room is full.</p></div></div>
          </div>
          <div class="faq-item">
            <button class="faq-q" aria-expanded="false">How do I apply for the Summer Research Fellowship?<i class="fa-solid fa-plus"></i></button>
            <div class="faq-a"><div><p>Applications open each November and close in February. You’ll need a transcript, one short essay about a question you can’t stop thinking about, and two references. Fellows receive a stipend, housing support, and a travel budget for the closing poster session.</p></div></div>
          </div>
          <div class="faq-item">
            <button class="faq-q" aria-expanded="false">Can my class visit the labs?<i class="fa-solid fa-plus"></i></button>
            <div class="faq-a"><div><p>We host more than 200 school groups every year, free of charge, for students in Years 6–12. Visits run Tuesday through Friday and must be booked at least six weeks ahead through our schools office.</p></div></div>
          </div>
          <div class="faq-item">
            <button class="faq-q" aria-expanded="false">Do you offer programs for adults?<i class="fa-solid fa-plus"></i></button>
            <div class="faq-a"><div><p>Yes — the Saturday Science Academy accepts curious adults, and our lifelong-learning seminars run each spring and fall. Several of our most dedicated volunteers and donors first walked through the door as adult students.</p></div></div>
          </div>
          <div class="faq-item">
            <button class="faq-q" aria-expanded="false">How can I support the education programs?<i class="fa-solid fa-plus"></i></button>
            <div class="faq-a"><div><p>Every gift to the education fund is matched dollar-for-dollar through December. You can also sponsor a specific classroom, fund a fellowship, or volunteer as a mentor — write to education@lumeninstitute.org to start the conversation.</p></div></div>
          </div>
          <div class="faq-item">
            <button class="faq-q" aria-expanded="false">Are Lumen courses accredited?<i class="fa-solid fa-plus"></i></button>
            <div class="faq-a"><div><p>Our Teacher Institutes carry graduate credit through partner universities, and the Summer Research Fellowship is accredited through the UC Berkeley extension partnership. Public lectures are free enrichment and carry no credit — they’re simply open to everyone.</p></div></div>
          </div>
        </div>
      </div>
      <div class="voices reveal" style="--d:.1s">
        <p class="v-kicker"><i class="fa-solid fa-quote-left"></i> Voices from our programs</p>
        <div class="v-stage">
          <div class="v-slide active">
            <p class="v-quote">“I came for the poster session and left wanting to be a scientist. Nobody asked about my grades — they asked what I was curious about.”</p>
            <div class="v-person"><img src="https://i.pravatar.cc/92?u=maya-r" alt="Portrait of Maya R." loading="lazy"><div><strong>Maya R.</strong><span>Summer Fellow 2024 · UC Davis</span></div></div>
          </div>
          <div class="v-slide">
            <p class="v-quote">“The Saturday Academy is the best deal in education. My daughter does chemistry there that her school doesn’t offer until college.”</p>
            <div class="v-person"><img src="https://i.pravatar.cc/92?u=denise-c" alt="Portrait of Denise C." loading="lazy"><div><strong>Denise C.</strong><span>Parent · Saturday Academy</span></div></div>
          </div>
          <div class="v-slide">
            <p class="v-quote">“The teacher institute rewired how I teach. My students argue about evidence now, not answers — and I’ve never had more fun being wrong.”</p>
            <div class="v-person"><img src="https://i.pravatar.cc/92?u=robert-h" alt="Portrait of Robert H." loading="lazy"><div><strong>Robert H.</strong><span>9th-grade science · Oakland</span></div></div>
          </div>
        </div>
        <div class="v-nav">
          <button class="v-btn" id="vPrev" aria-label="Previous testimonial"><i class="fa-solid fa-chevron-left"></i></button>
          <button class="v-btn" id="vNext" aria-label="Next testimonial"><i class="fa-solid fa-chevron-right"></i></button>
          <div class="v-dots">
            <button class="v-dot active" aria-label="Testimonial 1"></button>
            <button class="v-dot" aria-label="Testimonial 2"></button>
            <button class="v-dot" aria-label="Testimonial 3"></button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============ NEWS ============ -->
<section class="block sec-tint" id="news">
  <div class="container">
    <div class="sec-head reveal">
      <p class="kicker"><b>06</b> Newsroom</p>
      <div class="sec-head-row">
        <h2>The latest from our <em>labs.</em></h2>
        <p class="sec-lede">Dispatches from our laboratories, field stations, and classrooms — reported by our communications team and reviewed by the scientists involved.</p>
      </div>
    </div>
    <div class="news-grid">
      <article class="n-featured reveal">
        <a href="#" data-toast="Opening the full story in the Lumen newsroom." data-icon="fa-arrow-up-right" aria-label="Read: Lumen opens fourteenth field station">
          <div class="img-frame"><img src="https://picsum.photos/seed/lumen-news1/1040/650.jpg" alt="The new Lumen field station in Chile’s Atacama Desert" loading="lazy"></div>
        </a>
        <span class="n-tag">Announcement</span>
        <h3><a href="#" data-toast="Opening the full story in the Lumen newsroom." data-icon="fa-arrow-up-right">Lumen opens fourteenth field station in Chile’s Atacama Desert</a></h3>
        <p>The new station will anchor a decade-long study of how some of Earth’s driest ecosystems capture fog — and what that could mean for water-stressed regions from California to Namibia.</p>
        <div class="n-meta"><img src="https://i.pravatar.cc/68?u=lumen-comms" alt="Lumen Communications team" loading="lazy"><span>By <b>Lumen Communications</b></span><span>Feb 26, 2025</span><span>6 min read</span></div>
        <a class="text-link" href="#" data-toast="Opening the full story in the Lumen newsroom." data-icon="fa-arrow-up-right">Read the story <i class="fa-solid fa-arrow-right"></i></a>
      </article>
      <div class="rail">
        <div class="rail-panel reveal" style="--d:.08s">
          <h3><i class="fa-solid fa-database"></i> Data releases</h3>
          <div class="rel-row"><div><strong>Urban Heat Atlas</strong><span>40 cities · hourly · 2013–2025 · 38 GB · CSV</span></div><button class="icon-btn" data-toast="Preparing your download — a signed link is on its way to your inbox." data-icon="fa-download" aria-label="Download Urban Heat Atlas"><i class="fa-solid fa-download"></i></button></div>
          <div class="rel-row"><div><strong>Meridian Aerosol Study</strong><span>12,438 calibrated samples · 4.2 TB · NetCDF</span></div><button class="icon-btn" data-toast="Preparing your download — a signed link is on its way to your inbox." data-icon="fa-download" aria-label="Download Meridian Aerosol Study"><i class="fa-solid fa-download"></i></button></div>
          <div class="rel-row"><div><strong>Neuroplasticity Cohort · Wave 3</strong><span>Imaging phenotypes · 611 GB · BIDS</span></div><button class="icon-btn" data-toast="Preparing your download — a signed link is on its way to your inbox." data-icon="fa-download" aria-label="Download Neuroplasticity Cohort"><i class="fa-solid fa-download"></i></button></div>
          <div class="rel-row"><div><strong>Southern Sky Transients</strong><span>40,000 events · 96 GB · CSV + FITS</span></div><button class="icon-btn" data-toast="Preparing your download — a signed link is on its way to your inbox." data-icon="fa-download" aria-label="Download Southern Sky Transients"><i class="fa-solid fa-download"></i></button></div>
        </div>
        <div class="rail-panel reveal" style="--d:.16s">
          <h3><i class="fa-solid fa-newspaper"></i> Most read this month</h3>
          <a class="most-row" href="#" data-toast="Opening the essay in the Lumen library." data-icon="fa-arrow-up-right"><b>01</b><span>The cloud-lifetime problem, explained in eight minutes</span></a>
          <a class="most-row" href="#" data-toast="Opening the essay in the Lumen library." data-icon="fa-arrow-up-right"><b>02</b><span>Why we publish our negative results</span></a>
          <a class="most-row" href="#" data-toast="Opening the field guide in the Lumen library." data-icon="fa-arrow-up-right"><b>03</b><span>A field guide to the Atacama station</span></a>
          <a class="most-row" href="#" data-toast="Opening the essay in the Lumen library." data-icon="fa-arrow-up-right"><b>04</b><span>What peer review actually looks like</span></a>
          <a class="most-row" href="#" data-toast="Opening the explainer in the Lumen library." data-icon="fa-arrow-up-right"><b>05</b><span>Open data, explained for busy people</span></a>
        </div>
      </div>
    </div>
    <div class="news-sub">
      <article class="n-card reveal">
        <a href="#" data-toast="Opening the full story in the Lumen newsroom." data-icon="fa-arrow-up-right" aria-label="Read: Urban tree cover study"><div class="img-frame"><img src="https://picsum.photos/seed/lumen-news2/480/360.jpg" alt="A shaded urban street during a summer heat wave" loading="lazy"></div></a>
        <div>
          <span class="n-tag">Research</span>
          <h4><a href="#" data-toast="Opening the full story in the Lumen newsroom." data-icon="fa-arrow-up-right">Urban tree cover linked to measurable drop in heat mortality, 40-city study finds</a></h4>
          <div class="n-meta"><span>By <b>Priya Nair</b></span><span>Feb 19, 2025</span><span>4 min read</span></div>
        </div>
      </article>
      <article class="n-card reveal" style="--d:.08s">
        <a href="#" data-toast="Opening the full story in the Lumen newsroom." data-icon="fa-arrow-up-right" aria-label="Read: Dr. Aisha Okafor elected to the National Academy of Sciences"><div class="img-frame"><img src="https://picsum.photos/seed/lumen-news3/480/360.jpg" alt="Portrait of Dr. Aisha Okafor" loading="lazy"></div></a>
        <div>
          <span class="n-tag">Institute</span>
          <h4><a href="#" data-toast="Opening the full story in the Lumen newsroom." data-icon="fa-arrow-up-right">Dr. Aisha Okafor elected to the National Academy of Sciences</a></h4>
          <div class="n-meta"><span>By <b>Lumen Communications</b></span><span>Feb 06, 2025</span><span>3 min read</span></div>
        </div>
      </article>
    </div>
  </div>
</section>

<!-- ============ OPPORTUNITIES ============ -->
<section class="block sec-dark" id="opportunities">
  <div class="container">
    <div class="sec-head reveal">
      <p class="kicker"><b>07</b> Funding &amp; Careers</p>
      <div class="sec-head-row">
        <h2>Fund the work. <em>Do the work.</em></h2>
        <p class="sec-lede">Open funding calls with live deadlines — computed from today’s date — plus the roles currently open across the institute. New calls are posted monthly.</p>
      </div>
    </div>
    <div class="opp-grid">
      <div>
        <div class="filters reveal" id="fFilters">
          <button class="chip active" data-filter="all">All calls</button>
          <button class="chip" data-filter="climate">Climate</button>
          <button class="chip" data-filter="quantum">Quantum</button>
          <button class="chip" data-filter="genomics">Genomics</button>
          <button class="chip" data-filter="neuroscience">Neuroscience</button>
          <button class="chip" data-filter="astrophysics">Astrophysics</button>
          <button class="chip" data-filter="marine">Marine</button>
        </div>
        <p class="list-count" id="fCount">Showing <b>6</b> of 6 open calls</p>
        <div class="f-list">
          <article class="f-row reveal" data-cat="climate" data-days="38">
            <div class="f-body"><h3 class="f-title">Collaborative Research: Cloud–Aerosol Interactions</h3><p class="f-funder">National Science Foundation · Directorate for Geosciences</p></div>
            <div class="f-meta"><span class="f-amt">$1.2M</span><div class="f-due"><b class="f-badge">—</b><span class="f-date">Due —</span></div></div>
            <a class="icon-btn light f-go" href="#" data-toast="Opening the full call text on the funder’s portal." data-icon="fa-arrow-up-right" aria-label="View NSF Cloud-Aerosol call"><i class="fa-solid fa-arrow-up-right"></i></a>
          </article>
          <article class="f-row reveal" data-cat="quantum" data-days="23" style="--d:.05s">
            <div class="f-body"><h3 class="f-title">Early-Career Investigator Award</h3><p class="f-funder">Gordon &amp; Betty Moore Foundation · Physical Sciences</p></div>
            <div class="f-meta"><span class="f-amt">$600K</span><div class="f-due"><b class="f-badge">—</b><span class="f-date">Due —</span></div></div>
            <a class="icon-btn light f-go" href="#" data-toast="Opening the full call text on the funder’s portal." data-icon="fa-arrow-up-right" aria-label="View Moore Foundation award"><i class="fa-solid fa-arrow-up-right"></i></a>
          </article>
          <article class="f-row reveal" data-cat="quantum" data-days="12" style="--d:.1s">
            <div class="f-body"><h3 class="f-title">Quantum Materials Seed Grant</h3><p class="f-funder">Keck Foundation · Science &amp; Engineering</p></div>
            <div class="f-meta"><span class="f-amt">$250K</span><div class="f-due"><b class="f-badge">—</b><span class="f-date">Due —</span></div></div>
            <a class="icon-btn light f-go" href="#" data-toast="Opening the full call text on the funder’s portal." data-icon="fa-arrow-up-right" aria-label="View Keck seed grant"><i class="fa-solid fa-arrow-up-right"></i></a>
          </article>
          <article class="f-row reveal" data-cat="genomics" data-days="45" style="--d:.15s">
            <div class="f-body"><h3 class="f-title">Population Health &amp; Aging Research Grant</h3><p class="f-funder">Wellcome Trust · Population Health</p></div>
            <div class="f-meta"><span class="f-amt">£2.4M</span><div class="f-due"><b class="f-badge">—</b><span class="f-date">Due —</span></div></div>
            <a class="icon-btn light f-go" href="#" data-toast="Opening the full call text on the funder’s portal." data-icon="fa-arrow-up-right" aria-label="View Wellcome Trust grant"><i class="fa-solid fa-arrow-up-right"></i></a>
          </article>
          <article class="f-row reveal" data-cat="neuroscience" data-days="30" style="--d:.2s">
            <div class="f-body"><h3 class="f-title">Early-Career Award in Cognitive Neuroscience</h3><p class="f-funder">McKnight Foundation · Neurobiology</p></div>
            <div class="f-meta"><span class="f-amt">$300K</span><div class="f-due"><b class="f-badge">—</b><span class="f-date">Due —</span></div></div>
            <a class="icon-btn light f-go" href="#" data-toast="Opening the full call text on the funder’s portal." data-icon="fa-arrow-up-right" aria-label="View McKnight award"><i class="fa-solid fa-arrow-up-right"></i></a>
          </article>
          <article class="f-row reveal" data-cat="astrophysics" data-days="56" style="--d:.25s">
            <div class="f-body"><h3 class="f-title">Transient Sky Survey Collaboration</h3><p class="f-funder">Simons Foundation · Astrophysics</p></div>
            <div class="f-meta"><span class="f-amt">$900K</span><div class="f-due"><b class="f-badge">—</b><span class="f-date">Due —</span></div></div>
            <a class="icon-btn light f-go" href="#" data-toast="Opening the full call text on the funder’s portal." data-icon="fa-arrow-up-right" aria-label="View Simons collaboration"><i class="fa-solid fa-arrow-up-right"></i></a>
          </article>
        </div>
        <div class="empty" id="fEmpty" hidden>No open calls in this discipline right now — new calls are posted monthly.</div>
        <p class="f-note reveal">Deadlines computed live from today’s date · Lumen also administers internal seed grants each spring</p>
      </div>
      <div class="opp-side">
        <div class="side-panel reveal" style="--d:.08s">
          <p class="panel-title"><i class="fa-solid fa-briefcase"></i> Open roles</p>
          <a class="job" href="#" data-toast="Applications for this role run through careers@lumeninstitute.org." data-icon="fa-arrow-up-right"><div><strong>Research Software Engineer</strong><span>Quantum Materials Lab · Full-time · Berkeley, CA</span></div><i class="fa-solid fa-arrow-up-right"></i></a>
          <a class="job" href="#" data-toast="Applications for this role run through careers@lumeninstitute.org." data-icon="fa-arrow-up-right"><div><strong>Field Station Manager</strong><span>Atacama Station, Chile · Full-time · On-site</span></div><i class="fa-solid fa-arrow-up-right"></i></a>
          <a class="job" href="#" data-toast="Applications for this role run through careers@lumeninstitute.org." data-icon="fa-arrow-up-right"><div><strong>Director of Education Programs</strong><span>Education &amp; Outreach · Full-time · Berkeley, CA</span></div><i class="fa-solid fa-arrow-up-right"></i></a>
          <a class="text-link" href="#" data-toast="All 18 open positions are listed on the Lumen careers portal." data-icon="fa-arrow-up-right">View all 18 open positions <i class="fa-solid fa-arrow-right"></i></a>
        </div>
        <div class="side-panel" id="nlPanel">
          <p class="panel-title"><i class="fa-solid fa-envelope-open-text"></i> The Weekly Dispatch</p>
          <p style="font-size:.9rem;color:rgba(244,241,233,.72)">One email, every Friday: the week’s papers, datasets, and lectures, read by 31,000 people. No noise, ever.</p>
          <form class="nl-form" id="nlForm" novalidate>
            <input type="email" id="nlEmail" placeholder="you@example.org" aria-label="Email address" required>
            <button type="submit" aria-label="Subscribe"><i class="fa-solid fa-paper-plane"></i></button>
          </form>
          <p class="nl-note">We never share your address. Unsubscribe with one click, any time.</p>
        </div>
      </div>
    </div>
  </div>
</section>
</main>

<!-- ============ FOOTER ============ -->
<footer class="site-footer" id="contact">
  <div class="container">
    <div class="foot-grid">
      <div>
        <div class="foot-brand">
          <img src="https://placehold.co/92x92/9BD8C6/0F231C?text=L&amp;font=playfair+display" alt="Lumen Institute monogram" loading="lazy">
          <span><strong>Lumen Institute</strong><em>Curiosity, rigorously pursued.</em></span>
        </div>
        <p class="foot-blurb">An independent, nonprofit research institute in Berkeley, California — publishing open science since 1987.</p>
        <ul class="foot-contact">
          <li><i class="fa-solid fa-location-dot"></i><span>1200 Observatory Hill Road<br>Berkeley, CA 94720, USA</span></li>
          <li><i class="fa-solid fa-phone"></i><span>+1 (510) 555-0148</span></li>
          <li><i class="fa-solid fa-envelope"></i><span>hello@lumeninstitute.org</span></li>
          <li><i class="fa-solid fa-clock"></i><span>Visitors: Mon–Fri, 9:00–17:00 PT</span></li>
        </ul>
      </div>
      <div class="foot-col">
        <h4>Institute</h4>
        <nav class="foot-links" aria-label="Institute">
          <a href="#about">About</a>
          <a href="#research">Research programs</a>
          <a href="#publications">Publications</a>
          <a href="#education">Education</a>
          <a href="#news">Newsroom</a>
          <a href="#opportunities">Opportunities</a>
        </nav>
      </div>
      <div class="foot-col">
        <h4>Resources</h4>
        <nav class="foot-links" aria-label="Resources">
          <a href="#" data-toast="Opening the open datasets portal." data-icon="fa-arrow-up-right">Open datasets</a>
          <a href="#" data-toast="Opening the data release schedule." data-icon="fa-arrow-up-right">Data releases</a>
          <a href="#" data-toast="Opening the preprint server." data-icon="fa-arrow-up-right">Preprint server</a>
          <a href="#" data-toast="Opening the annual report (PDF)." data-icon="fa-arrow-up-right">Annual report</a>
          <a href="#" data-toast="Opening the press kit." data-icon="fa-arrow-up-right">Press kit</a>
          <a href="#" data-toast="Opening the style guide." data-icon="fa-arrow-up-right">Brand &amp; style guide</a>
        </nav>
      </div>
      <div class="foot-col">
        <h4>Follow the work</h4>
        <div class="socials">
          <a href="#" data-toast="Find us on X — @lumeninstitute." data-icon="fa-arrow-up-right" aria-label="X (Twitter)"><i class="fa-brands fa-x-twitter"></i></a>
          <a href="#" data-toast="Lumen Institute on LinkedIn." data-icon="fa-arrow-up-right" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
          <a href="#" data-toast="Lumen Institute on YouTube — lectures and field films." data-icon="fa-arrow-up-right" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
          <a href="#" data-toast="LumenInstitute on GitHub — analysis code and tools." data-icon="fa-arrow-up-right" aria-label="GitHub"><i class="fa-brands fa-github"></i></a>
          <a href="#" data-toast="Our researchers on ORCID." data-icon="fa-arrow-up-right" aria-label="ORCID"><i class="fa-brands fa-orcid"></i></a>
        </div>
        <p class="foot-hours">Press office: press@lumeninstitute.org</p>
      </div>
    </div>
    <div class="foot-bottom">
      <span>© <span id="year">2025</span> Lumen Institute for Science · A registered 501(c)(3) nonprofit</span>
      <nav class="foot-legal" aria-label="Legal">
        <a href="#" data-toast="Opening the privacy policy." data-icon="fa-arrow-up-right">Privacy</a>
        <a href="#" data-toast="Opening the terms of use." data-icon="fa-arrow-up-right">Terms</a>
        <a href="#" data-toast="Opening the accessibility statement." data-icon="fa-arrow-up-right">Accessibility</a>
        <a href="#" data-toast="Cookie preferences saved — only essential cookies are used." data-icon="fa-check">Cookie preferences</a>
      </nav>
    </div>
  </div>
</footer>

<div id="toasts" aria-live="polite"></div>
<button id="toTop" aria-label="Back to top"><i class="fa-solid fa-arrow-up"></i></button>

<script>
(function(){
"use strict";
var $=function(s,c){return (c||document).querySelector(s)};
var $$=function(s,c){return Array.prototype.slice.call((c||document).querySelectorAll(s))};
var reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;

/* ---------- toast system (no alert/confirm) ---------- */
var toasts=$('#toasts');
function toast(msg,icon,err){
  var el=document.createElement('div');
  el.className='toast'+(err?' err':'');
  el.innerHTML='<i class="fa-solid '+(err?'fa-circle-exclamation':(icon||'fa-check'))+'"></i><span></span>';
  el.querySelector('span').textContent=msg;
  toasts.appendChild(el);
  requestAnimationFrame(function(){requestAnimationFrame(function(){el.classList.add('show')})});
  setTimeout(function(){el.classList.remove('show');setTimeout(function(){el.remove()},400)},4200);
}
function legacyCopy(str){
  var ta=document.createElement('textarea');
  ta.value=str;ta.setAttribute('readonly','');
  ta.style.cssText='position:fixed;opacity:0';
  document.body.appendChild(ta);ta.select();
  try{document.execCommand('copy')}catch(e){}
  ta.remove();
}
document.addEventListener('click',function(e){
  var t=e.target.closest('[data-toast]');
  if(!t)return;
  if(t.tagName==='A')e.preventDefault();
  if(t.dataset.clipboard){
    var txt=t.dataset.clipboard;
    if(navigator.clipboard&&navigator.clipboard.writeText){
      navigator.clipboard.writeText(txt).catch(function(){legacyCopy(txt)});
    }else{legacyCopy(txt)}
  }
  toast(t.dataset.toast,t.dataset.icon||'fa-check',t.dataset.err==='true');
});

/* ---------- year ---------- */
$('#year').textContent=new Date().getFullYear();

/* ---------- header state + back to top ---------- */
var header=$('#siteHeader'),toTop=$('#toTop');
function onScroll(){
  header.classList.toggle('scrolled',window.scrollY>8);
  toTop.classList.toggle('show',window.scrollY>700);
}
window.addEventListener('scroll',onScroll,{passive:true});onScroll();
toTop.addEventListener('click',function(){window.scrollTo({top:0,behavior:reduced?'auto':'smooth'})});

/* ---------- mobile menu ---------- */
var mMenu=$('#mMenu'),menuBtn=$('#menuBtn'),menuClose=$('#menuClose');
function setMenu(open){
  mMenu.classList.toggle('open',open);
  mMenu.setAttribute('aria-hidden',String(!open));
  menuBtn.setAttribute('aria-expanded',String(open));
  document.body.style.overflow=open?'hidden':'';
}
menuBtn.addEventListener('click',function(){setMenu(true)});
menuClose.addEventListener('click',function(){setMenu(false)});
$$('.m-nav a, .m-foot a',mMenu).forEach(function(a){a.addEventListener('click',function(){setMenu(false)})});

/* ---------- scrollspy ---------- */
var navLinks=$$('.main-nav a');
var spyIds=['about','research','publications','education','news','opportunities','contact'];
var spy=new IntersectionObserver(function(entries){
  entries.forEach(function(en){
    if(en.isIntersecting){
      navLinks.forEach(function(a){a.classList.remove('active')});
      var l=navLinks.filter(function(a){return a.getAttribute('href')==='#'+en.target.id})[0];
      if(l)l.classList.add('active');
    }
  });
},{rootMargin:'-35% 0px -55% 0px'});
spyIds.forEach(function(id){var el=document.getElementById(id);if(el)spy.observe(el)});

/* ---------- reveal on scroll ---------- */
var revealEls=$$('.reveal');
if(reduced||!('IntersectionObserver' in window)){
  revealEls.forEach(function(el){el.classList.add('in')});
}else{
  var ro=new IntersectionObserver(function(es){
    es.forEach(function(en){
      if(en.isIntersecting){en.target.classList.add('in');ro.unobserve(en.target)}
    });
  },{threshold:.1,rootMargin:'0px 0px -36px 0px'});
  revealEls.forEach(function(el){ro.observe(el)});
}

/* ---------- animated counters ---------- */
function fmt(n){return n.toLocaleString('en-US')}
var co=new IntersectionObserver(function(es){
  es.forEach(function(en){
    if(!en.isIntersecting)return;
    co.unobserve(en.target);
    var el=en.target,end=parseInt(el.dataset.count,10),suf=el.dataset.suffix||'';
    if(reduced){el.textContent=fmt(end)+suf;return}
    var t0=performance.now(),dur=1700;
    var tick=function(t){
      var p=Math.min((t-t0)/dur,1),e=1-Math.pow(1-p,3);
      el.textContent=fmt(Math.round(end*e))+suf;
      if(p<1)requestAnimationFrame(tick);
    };
    requestAnimationFrame(tick);
  });
},{threshold:.5});
$$('.stat-num').forEach(function(el){co.observe(el)});

/* ---------- hero canvas: live "signal field" ---------- */
var cv=$('#heroCanvas');
if(cv&&cv.getContext){
  var ctx=cv.getContext('2d');
  var hero=$('#top');
  var LINES=24,fine=window.matchMedia('(pointer: fine)').matches;
  var mouse={x:-1e4,y:-1e4};
  var W=0,H=0,raf=null,inView=true;
  var resize=function(){
    var dpr=Math.min(window.devicePixelRatio||1,2);
    W=cv.clientWidth;H=cv.clientHeight;
    cv.width=Math.round(W*dpr);cv.height=Math.round(H*dpr);
    ctx.setTransform(dpr,0,0,dpr,0,0);
  };
  var yAt=function(x,i,t){
    var p=i/(LINES-1);
    var base=H*(0.10+0.80*p);
    var y=base
      +Math.sin(x*0.0042+t*1.4+i*0.55)*12
      +Math.sin(x*0.0012-t*0.8+i*1.7)*22
      +Math.sin(x*0.0085+t*2.1+i*0.9)*4;
    var dx=x-mouse.x,dy=base-mouse.y;
    y+=Math.exp(-(dx*dx+dy*dy)/68000)*(mouse.y-base)*0.55;
    return y;
  };
  var frame=function(now){
    var t=now*0.001;
    ctx.clearRect(0,0,W,H);
    ctx.fillStyle='rgba(155,216,198,0.10)';
    for(var gx=88;gx<W;gx+=88){for(var gy=88;gy<H;gy+=88){ctx.fillRect(gx,gy,1.5,1.5)}}
    for(var i=0;i<LINES;i++){
      var p=i/(LINES-1);
      var a=0.05+0.20*Math.pow(Math.sin(p*Math.PI),1.5);
      ctx.beginPath();
      ctx.strokeStyle='rgba(155,216,198,'+a.toFixed(3)+')';
      ctx.lineWidth=(i%6===0)?1.3:1;
      for(var x=-16;x<=W+16;x+=12){
        var y=yAt(x,i,t);
        if(x===-16)ctx.moveTo(x,y);else ctx.lineTo(x,y);
      }
      ctx.stroke();
      var prog=((t*0.16)+i*0.137)%1.2-0.1;
      var xp=prog*W;
      if(xp>-40&&xp<W+40){
        ctx.beginPath();
        ctx.strokeStyle='rgba(227,169,78,'+(0.28*a+0.22).toFixed(3)+')';
        ctx.lineWidth=1.6;
        var started=false;
        for(var px=xp-34;px<=xp+34;px+=6){
          var py=yAt(px,i,t);
          if(!started){ctx.moveTo(px,py);started=true}else{ctx.lineTo(px,py)}
        }
        ctx.stroke();
      }
    }
    if(fine&&mouse.x>-9000){
      ctx.strokeStyle='rgba(155,216,198,0.13)';
      ctx.beginPath();
      ctx.moveTo(mouse.x,0);ctx.lineTo(mouse.x,H);
      ctx.moveTo(0,mouse.y);ctx.lineTo(W,mouse.y);
      ctx.stroke();
      ctx.strokeStyle='rgba(227,169,78,0.85)';
      ctx.beginPath();ctx.arc(mouse.x,mouse.y,5,0,6.29);ctx.stroke();
    }
    var sx=((t*90)%(W+240))-120;
    ctx.strokeStyle='rgba(155,216,198,0.10)';
    ctx.beginPath();ctx.moveTo(sx,0);ctx.lineTo(sx,H);ctx.stroke();
    if(inView&&!reduced){raf=requestAnimationFrame(frame)}else{raf=null}
  };
  resize();
  window.addEventListener('resize',resize);
  if(fine){
    hero.addEventListener('mousemove',function(e){
      var r=cv.getBoundingClientRect();
      mouse.x=e.clientX-r.left;mouse.y=e.clientY-r.top;
    });
    hero.addEventListener('mouseleave',function(){mouse.x=-1e4;mouse.y=-1e4});
  }
  new IntersectionObserver(function(es){
    inView=es[0].isIntersecting;
    if(inView&&!raf&&!reduced)raf=requestAnimationFrame(frame);
  }).observe(hero);
  if(reduced){frame(0)}else{raf=requestAnimationFrame(frame)}
}

/* ---------- HUD readout ---------- */
var hud=$('#hudVal');
if(hud){
  var v=11.24;
  setInterval(function(){
    v=Math.min(16,Math.max(7,v+(Math.random()-0.5)*0.9));
    hud.textContent=v.toFixed(2)+' mV';
  },1200);
}

/* ---------- ticker: duplicate group for a seamless loop ---------- */
var tkGroup=$('.tk-group');
if(tkGroup){
  var clone=tkGroup.cloneNode(true);
  clone.setAttribute('aria-hidden','true');
  tkGroup.parentNode.appendChild(clone);
}

/* ---------- research explorer: filter + search ---------- */
var rRows=$$('.r-row'),rCount=$('#rCount'),rEmpty=$('#rEmpty'),rSearch=$('#rSearch');
var rCat='all';
function applyResearch(){
  var q=(rSearch.value||'').trim().toLowerCase();
  var n=0;
  rRows.forEach(function(row){
    var ok=(rCat==='all'||row.dataset.cat===rCat)&&row.textContent.toLowerCase().indexOf(q)>-1;
    row.classList.toggle('hide',!ok);
    if(ok){
      row.classList.remove('anim');void row.offsetWidth;
      row.style.animationDelay=(n*45)+'ms';
      row.classList.add('anim');
      n++;
    }
  });
  rCount.innerHTML='Showing <b>'+n+'</b> of '+rRows.length+' programs';
  rEmpty.hidden=n>0;
}
$$('#rFilters .chip').forEach(function(ch){
  ch.addEventListener('click',function(){
    $$('#rFilters .chip').forEach(function(c){c.classList.remove('active')});
    ch.classList.add('active');
    rCat=ch.dataset.filter;
    applyResearch();
  });
});
rSearch.addEventListener('input',applyResearch);

/* ---------- cursor-following field preview ---------- */
var pv=$('#rowPreview'),pvImg=$('#pvImg'),pvTag=$('#pvTag');
if(pv&&window.matchMedia('(pointer: fine)').matches&&!reduced){
  rRows.forEach(function(r){var im=new Image();im.src=r.dataset.img});
  var tx=window.innerWidth/2,ty=window.innerHeight/2,cx=tx,cy=ty,on=false;
  rRows.forEach(function(row){
    row.addEventListener('mouseenter',function(){
      pvImg.src=row.dataset.img;
      pvTag.textContent=row.dataset.name;
      if(!on){cx=tx;cy=ty}
      on=true;pv.classList.add('on');
    });
    row.addEventListener('mouseleave',function(){on=false;pv.classList.remove('on')});
  });
  window.addEventListener('mousemove',function(e){tx=e.clientX;ty=e.clientY},{passive:true});
  (function loop(){
    cx+=(tx-cx)*0.16;cy+=(ty-cy)*0.16;
    var w=252,h=168;
    var px=cx+28,py=cy-h/2;
    if(px+w>window.innerWidth-14)px=cx-w-28;
    py=Math.max(12,Math.min(window.innerHeight-h-14,py));
    pv.style.transform='translate('+px+'px,'+py+'px) rotate('+((tx-cx)*0.045).toFixed(2)+'deg)';
    requestAnimationFrame(loop);
  })();
}

/* ---------- FAQ accordion ---------- */
$$('.faq-item').forEach(function(item){
  var btn=$('.faq-q',item);
  btn.addEventListener('click',function(){
    var wasOpen=item.classList.contains('open');
    $$('.faq-item.open').forEach(function(o){
      o.classList.remove('open');
      $('.faq-q',o).setAttribute('aria-expanded','false');
    });
    if(!wasOpen){
      item.classList.add('open');
      btn.setAttribute('aria-expanded','true');
    }
  });
});

/* ---------- lecture seat reservations ---------- */
$$('.reserve').forEach(function(b){
  b.addEventListener('click',function(){
    if(b.classList.contains('done'))return;
    b.classList.add('done');
    b.innerHTML='<i class="fa-solid fa-check"></i> Reserved';
    toast('Seat reserved — confirmation for “'+b.dataset.talk+'” is on its way to your inbox.','fa-ticket');
  });
});

/* ---------- testimonial carousel ---------- */
var vSlides=$$('.v-slide'),vDots=$$('.v-dot'),vI=0,vTimer=null;
function vGo(i){
  vI=(i+vSlides.length)%vSlides.length;
  vSlides.forEach(function(s,k){s.classList.toggle('active',k===vI)});
  vDots.forEach(function(d,k){d.classList.toggle('active',k===vI)});
}
function vAuto(){if(vTimer)clearInterval(vTimer);if(!reduced)vTimer=setInterval(function(){vGo(vI+1)},7000)}
$('#vPrev').addEventListener('click',function(){vGo(vI-1);vAuto()});
$('#vNext').addEventListener('click',function(){vGo(vI+1);vAuto()});
vDots.forEach(function(d,k){d.addEventListener('click',function(){vGo(k);vAuto()})});
var vBox=$('.voices');
vBox.addEventListener('mouseenter',function(){if(vTimer)clearInterval(vTimer)});
vBox.addEventListener('mouseleave',vAuto);
vAuto();

/* ---------- funding tracker: live deadlines + filters ---------- */
var fRows=$$('.f-row'),fCount=$('#fCount'),fEmpty=$('#fEmpty');
var today=new Date();today.setHours(0,0,0,0);
fRows.forEach(function(r){
  var days=parseInt(r.dataset.days,10);
  var d=new Date(today);d.setDate(d.getDate()+days);
  $('.f-date',r).textContent='Due '+d.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});
  $('.f-badge',r).textContent=days<=0?'Due today':days+' days left';
  $('.f-due',r).classList.toggle('urgent',days<=30);
});
$$('#fFilters .chip').forEach(function(ch){
  ch.addEventListener('click',function(){
    $$('#fFilters .chip').forEach(function(c){c.classList.remove('active')});
    ch.classList.add('active');
    var f=ch.dataset.filter,n=0;
    fRows.forEach(function(r){
      var ok=f==='all'||r.dataset.cat===f;
      r.classList.toggle('hide',!ok);
      if(ok)n++;
    });
    fCount.innerHTML='Showing <b>'+n+'</b> of '+fRows.length+' open calls';
    fEmpty.hidden=n>0;
  });
});

/* ---------- newsletter validation ---------- */
var nlForm=$('#nlForm'),nlEmail=$('#nlEmail');
nlForm.addEventListener('submit',function(e){
  e.preventDefault();
  var v=nlEmail.value.trim();
  if(!/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v)){
    nlEmail.classList.add('err');
    toast('Please enter a valid email address.','fa-circle-exclamation',true);
    nlEmail.focus();
    return;
  }
  nlEmail.classList.remove('err');
  nlEmail.value='';
  toast('Subscribed — the next Dispatch lands Friday, 7:00 PT.','fa-paper-plane');
});
nlEmail.addEventListener('input',function(){nlEmail.classList.remove('err')});
})();
</script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T10:12:11.517Z",
  "url": "https://benchmark.aimac.invalid/f2e421f0578d7de16ea9a900e1ade4fbbd32853197663c40a257ff3ff163b211.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Lumen Institute \u2014 home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Lumen Institute \u2014 home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "deprecatedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "minor",
              "message": "ARIA role is not deprecated"
            }
          ],
          "impact": null,
          "html": "<div class=\"ticker\" role=\"region\" aria-label=\"Latest dispatches\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": "serious",
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"m-menu\" id=\"mMenu\" aria-hidden=\"true\">",
          "target": [
            "#mMenu"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Lumen Institute \u2014 home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "All required ARIA attributes are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"ticker\" role=\"region\" aria-label=\"Latest dispatches\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "invalidrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is valid"
            },
            {
              "id": "abstractrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Abstract roles are not used"
            },
            {
              "id": "unsupportedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is supported"
            }
          ],
          "impact": null,
          "html": "<div class=\"ticker\" role=\"region\" aria-label=\"Latest dispatches\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Lumen Institute \u2014 home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Lumen Institute \u2014 home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<section class=\"block\" id=\"research\" style=\"padding-top:0\">",
          "target": [
            "#research"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"chip active\" data-filter=\"all\">All programs</button>",
          "target": [
            "#rFilters > .active.chip[data-filter=\"all\"]"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Where curiosity becomes <em>discovery.</em></h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Science, held in <em>public trust.</em></h2>",
                  "target": [
                    "#about > .container > .sec-head.reveal > .sec-head-row > h2"
                  ]
                },
                {
                  "html": "<h3>Rigor before headlines</h3>",
                  "target": [
                    ".principle.reveal:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Open by default</h3>",
                  "target": [
                    ".principle.reveal:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>A public instrument</h3>",
                  "target": [
                    ".principle.reveal:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2>Seven fronts of <em>discovery.</em></h2>",
                  "target": [
                    "#research > .container > .sec-head.reveal > .sec-head-row > h2"
                  ]
                },
                {
                  "html": "<h3 class=\"r-title\">Climate Systems</h3>",
                  "target": [
                    "article[data-name=\"Climate Systems\"] > .r-body > .r-title"
                  ]
                },
                {
                  "html": "<h3 class=\"r-title\">Neuroplasticity Lab</h3>",
                  "target": [
                    "article[data-name=\"Neuroplasticity Lab\"] > .r-body > .r-title"
                  ]
                },
                {
                  "html": "<h3 class=\"r-title\">Quantum Materials</h3>",
                  "target": [
                    "article[data-name=\"Quantum Materials\"] > .r-body > .r-title"
                  ]
                },
                {
                  "html": "<h3 class=\"r-title\">Genomics &amp; Aging</h3>",
                  "target": [
                    "article[data-name=\"Genomics & Aging\"] > .r-body > .r-title"
                  ]
                },
                {
                  "html": "<h3 class=\"r-title\">Astrophysics</h3>",
                  "target": [
                    "article[data-name=\"Astrophysics\"] > .r-body > .r-title"
                  ]
                },
                {
                  "html": "<h3 class=\"r-title\">Marine Microbiomes</h3>",
                  "target": [
                    "article[data-cat=\"marine\"] > .r-body > .r-title"
                  ]
                },
                {
                  "html": "<h3 class=\"r-title\">Learning Sciences</h3>",
                  "target": [
                    "article[data-cat=\"education\"] > .r-body > .r-title"
                  ]
                },
                {
                  "html": "<h2 class=\"reveal\" style=\"--d:.06s\">Closing the <em>cloud gap.</em></h2>",
                  "target": [
                    ".disc-copy > h2"
                  ]
                },
                {
                  "html": "<h2>Published in <em>the open.</em></h2>",
                  "target": [
                    "#publications > .container > .sec-head.reveal > .sec-head-row > h2"
                  ]
                },
                {
                  "html": "<h3>The open archive</h3>",
                  "target": [
                    "aside > h3"
                  ]
                },
                {
                  "html": "<h3 class=\"pub-title\"><a href=\"#\" data-toast=\"Open access \u2014 DOI 10.1038/s41558-025-01187-4 copied to your clipboard.\" data-clipboard=\"10.1038/s41558-025-01187-4\" data-icon=\"fa-arrow-up-right\">A chemical pathway for sea-salt aerosol aging and its effect on cloud droplet formation</a></h3>",
                  "target": [
                    ".pub-row:nth-child(1) > div:nth-child(2) > .pub-title"
                  ]
                },
                {
                  "html": "<h3 class=\"pub-title\"><a href=\"#\" data-toast=\"Open access \u2014 DOI 10.1038/s41567-025-02103-8 copied to your clipboard.\" data-clipboard=\"10.1038/s41567-025-02103-8\" data-icon=\"fa-arrow-up-right\">A logically encoded qubit with sub-threshold error correction in a 2D lattice</a></h3>",
                  "target": [
                    ".pub-row:nth-child(2) > div:nth-child(2) > .pub-title"
                  ]
                },
                {
                  "html": "<h3 class=\"pub-title\"><a href=\"#\" data-toast=\"Open access \u2014 DOI 10.1038/s41562-024-01555-2 copied to your clipboard.\" data-clipboard=\"10.1038/s41562-024-01555-2\" data-icon=\"fa-arrow-up-right\">Adult neuroplasticity in second-language acquisition: a five-year longitudinal cohort</a></h3>",
                  "target": [
                    ".pub-row:nth-child(3) > div:nth-child(2) > .pub-title"
                  ]
                },
                {
                  "html": "<h3 class=\"pub-title\"><a href=\"#\" data-toast=\"Open access \u2014 DOI 10.1016/j.cell.2024.11.014 copied to your clipboard.\" data-clipboard=\"10.1016/j.cell.2024.11.014\" data-icon=\"fa-arrow-up-right\">Population-scale methylation clocks reveal modifiable drivers of resilient aging</a></h3>",
                  "target": [
                    ".pub-row:nth-child(4) > div:nth-child(2) > .pub-title"
                  ]
                },
                {
                  "html": "<h3 class=\"pub-title\"><a href=\"#\" data-toast=\"Open access \u2014 DOI 10.3847/2050-7461.12.4492 copied to your clipboard.\" data-clipboard=\"10.3847/2050-7461.12.4492\" data-icon=\"fa-arrow-up-right\">A radio survey of 40,000 transient events in the southern sky</a></h3>",
                  "target": [
                    ".pub-row:nth-child(5) > div:nth-child(2) > .pub-title"
                  ]
                },
                {
                  "html": "<h2 class=\"reveal\" style=\"--d:.06s\">Science belongs to <em>everyone.</em></h2>",
                  "target": [
                    ".edu-copy > h2"
                  ]
                },
                {
                  "html": "<h3>Programs</h3>",
                  "target": [
                    ".sub-block:nth-child(2) > .sub-head.reveal > h3"
                  ]
                },
                {
                  "html": "<h4>Summer Research Fellowship</h4>",
                  "target": [
                    ".p-row:nth-child(1) > .p-body > h4"
                  ]
                },
                {
                  "html": "<h4>Saturday Science Academy</h4>",
                  "target": [
                    ".p-row:nth-child(2) > .p-body > h4"
                  ]
                },
                {
                  "html": "<h4>Teacher Institutes</h4>",
                  "target": [
                    ".p-row:nth-child(3) > .p-body > h4"
                  ]
                },
                {
                  "html": "<h3>Upcoming public lectures</h3>",
                  "target": [
                    "#lectures > .sub-head.reveal > h3"
                  ]
                },
                {
                  "html": "<h4>The Cloud Atlas: what six years in the sky taught us</h4>",
                  "target": [
                    ".lec-row.reveal:nth-child(1) > .lec-info > h4"
                  ]
                },
                {
                  "html": "<h4>The Plastic Brain, at Ninety</h4>",
                  "target": [
                    ".lec-row.reveal:nth-child(2) > .lec-info > h4"
                  ]
                },
                {
                  "html": "<h4>Qubits for the Curious: quantum computing without the hype</h4>",
                  "target": [
                    ".lec-row.reveal:nth-child(3) > .lec-info > h4"
                  ]
                },
                {
                  "html": "<h4>What the Deep Ocean Knows About Carbon</h4>",
                  "target": [
                    ".lec-row.reveal:nth-child(4) > .lec-info > h4"
                  ]
                },
                {
                  "html": "<h3>Common questions</h3>",
                  "target": [
                    "div:nth-child(1) > .sub-head.reveal > h3"
                  ]
                },
                {
                  "html": "<h2>The latest from our <em>labs.</em></h2>",
                  "target": [
                    "#news > .container > .sec-head.reveal > .sec-head-row > h2"
                  ]
                },
                {
                  "html": "<h3><a href=\"#\" data-toast=\"Opening the full story in the Lumen newsroom.\" data-icon=\"fa-arrow-up-right\">Lumen opens fourteenth field station in Chile\u2019s Atacama Desert</a></h3>",
                  "target": [
                    ".n-featured > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fa-solid fa-database\"></i> Data releases</h3>",
                  "target": [
                    ".rail-panel.reveal:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fa-solid fa-newspaper\"></i> Most read this month</h3>",
                  "target": [
                    ".rail-panel.reveal:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h4><a href=\"#\" data-toast=\"Opening the full story in the Lumen newsroom.\" data-icon=\"fa-arrow-up-right\">Urban tree cover linked to measurable drop in heat mortality, 40-city study finds</a></h4>",
                  "target": [
                    ".n-card:nth-child(1) > div > h4"
                  ]
                },
                {
                  "html": "<h4><a href=\"#\" data-toast=\"Opening the full story in the Lumen newsroom.\" data-icon=\"fa-arrow-up-right\">Dr. Aisha Okafor elected to the National Academy of Sciences</a></h4>",
                  "target": [
                    ".n-card:nth-child(2) > div > h4"
                  ]
                },
                {
                  "html": "<h2>Fund the work. <em>Do the work.</em></h2>",
                  "target": [
                    "#opportunities > .container > .sec-head.reveal > .sec-head-row > h2"
                  ]
                },
                {
                  "html": "<h3 class=\"f-title\">Collaborative Research: Cloud\u2013Aerosol Interactions</h3>",
                  "target": [
                    "article[data-days=\"38\"] > .f-body > .f-title"
                  ]
                },
                {
                  "html": "<h3 class=\"f-title\">Early-Career Investigator Award</h3>",
                  "target": [
                    "article[data-days=\"23\"] > .f-body > .f-title"
                  ]
                },
                {
                  "html": "<h3 class=\"f-title\">Quantum Materials Seed Grant</h3>",
                  "target": [
                    "article[data-days=\"12\"] > .f-body > .f-title"
                  ]
                },
                {
                  "html": "<h3 class=\"f-title\">Population Health &amp; Aging Research Grant</h3>",
                  "target": [
                    "article[data-days=\"45\"] > .f-body > .f-title"
                  ]
                },
                {
                  "html": "<h3 class=\"f-title\">Early-Career Award in Cognitive Neuroscience</h3>",
                  "target": [
                    "article[data-days=\"30\"] > .f-body > .f-title"
                  ]
                },
                {
                  "html": "<h3 class=\"f-title\">Transient Sky Survey Collaboration</h3>",
                  "target": [
                    "article[data-days=\"56\"] > .f-body > .f-title"
                  ]
                },
                {
                  "html": "<h4>Institute</h4>",
                  "target": [
                    ".foot-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources</h4>",
                  "target": [
                    ".foot-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Follow the work</h4>",
                  "target": [
                    ".foot-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main>",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d3d1c9",
                "bgColor": "#151c17",
                "contrastRatio": 11.34,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 11.34"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"topbar\"><i class=\"fa-solid fa-bullhorn\"></i>Public lecture \u2014 \u201cThe Cloud Atlas\u201d, Mar 14 \u00b7 Berkeley Auditorium<a href=\"#lectures\">Reserve free seats</a></div>",
          "target": [
            ".topbar"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label class=\"search\"><i class=\"fa-solid fa-magnifying-glass\"></i><input type=\"search\" id=\"rSearch\" placeholder=\"Search programs, people, methods\u2026\" aria-label=\"Search research programs\"></label>",
                  "target": [
                    "label"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"search\" id=\"rSearch\" placeholder=\"Search programs, people, methods\u2026\" aria-label=\"Search research programs\">",
          "target": [
            "#rSearch"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/92x92/0F231C/9BD8C6?text=L&amp;font=playfair+display\" alt=\"Lumen Institute monogram\" width=\"46\" height=\"46\">",
          "target": [
            "img[width=\"46\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "implicit-label",
              "data": {
                "implicitLabel": "Search research programs"
              },
              "relatedNodes": [
                {
                  "html": "<label class=\"search\"><i class=\"fa-solid fa-magnifying-glass\"></i><input type=\"search\" id=\"rSearch\" placeholder=\"Search programs, people, methods\u2026\" aria-label=\"Search research programs\"></label>",
                  "target": [
                    "label"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an implicit (wrapped) <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute exists and is not empty"
            },
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"search\" id=\"rSearch\" placeholder=\"Search programs, people, methods\u2026\" aria-label=\"Search research programs\">",
          "target": [
            "#rSearch"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"topbar\"><i class=\"fa-solid fa-bullhorn\"></i>Public lecture \u2014 \u201cThe Cloud Atlas\u201d, Mar 14 \u00b7 Berkeley Auditorium<a href=\"#lectures\">Reserve free seats</a></div>",
                  "target": [
                    ".topbar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#lectures\">Reserve free seats</a>",
          "target": [
            ".topbar > a[href$=\"#lectures\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#lectures\">Reserve free seats</a>",
          "target": [
            ".topbar > a[href$=\"#lectures\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul class=\"foot-contact\">",
          "target": [
            "ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><i class=\"fa-solid fa-location-dot\"></i><span>1200 Observatory Hill Road<br>Berkeley, CA 94720, USA</span></li>",
          "target": [
            "li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/92x92/0F231C/9BD8C6?text=L&amp;font=playfair+display\" alt=\"Lumen Institute monogram\" width=\"46\" height=\"46\">",
          "target": [
            "img[width=\"46\"]"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 271.6,
                "height": 46
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (271.6px by 46px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Lumen Institute \u2014 home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": "imgNode",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"hero-hud\" aria-hidden=\"true\"><span class=\"dot\"></span>ARRAY 07 \u00b7 LIVE&nbsp;<span id=\"hudVal\">10.73 mV</span></div>",
                  "target": [
                    ".hero-hud"
                  ]
                },
                {
                  "html": "<canvas id=\"heroCanvas\" aria-hidden=\"true\" width=\"1280\" height=\"913\"></canvas>",
                  "target": [
                    "#heroCanvas"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined because element contains an image node"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"hero-hud\" aria-hidden=\"true\"><span class=\"dot\"></span>ARRAY 07 \u00b7 LIVE&nbsp;<span id=\"hudVal\">10.73 mV</span></div>",
          "target": [
            ".hero-hud"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because element contains an image node"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "aria-hidden-focus",
      "impact": "serious",
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<a class=\"tk\" href=\"#news\"><b>FEB 28</b><span>Preprint: error-corrected logical qubit at 0.1% failure rate</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#news\"]:nth-child(1)"
                  ]
                },
                {
                  "html": "<a class=\"tk\" href=\"#news\"><b>FEB 21</b><span>Summer Research Fellowship applications now open</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#news\"]:nth-child(2)"
                  ]
                },
                {
                  "html": "<a class=\"tk\" href=\"#news\"><b>FEB 14</b><span>Dataset release: 12 years of hourly urban heat, 40 cities</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#news\"]:nth-child(3)"
                  ]
                },
                {
                  "html": "<a class=\"tk\" href=\"#news\"><b>FEB 06</b><span>Dr. Aisha Okafor elected to the National Academy of Sciences</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#news\"]:nth-child(4)"
                  ]
                },
                {
                  "html": "<a class=\"tk\" href=\"#education\"><b>JAN 30</b><span>Saturday Science Academy opens spring registration</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#education\"]"
                  ]
                },
                {
                  "html": "<a class=\"tk\" href=\"#lectures\"><b>JAN 22</b><span>Public lecture announced: \u201cThe Cloud Atlas\u201d, March 14</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#lectures\"]"
                  ]
                },
                {
                  "html": "<a class=\"tk\" href=\"#news\"><b>JAN 09</b><span>Fourteenth field station opens in Chile\u2019s Atacama Desert</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#news\"]:nth-child(7)"
                  ]
                },
                {
                  "html": "<a class=\"tk\" href=\"#discovery\"><b>DEC 18</b><span>Meridian Aerosol Study concludes six-year data collection</span><i class=\"fa-solid fa-arrow-right\"></i></a>",
                  "target": [
                    ".tk-group[aria-hidden=\"true\"] > .tk[href$=\"#discovery\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Focusable content should have tabindex=\"-1\" or be removed from the DOM"
            }
          ],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"tk-group\" aria-hidden=\"true\">",
          "target": [
            ".tk-group[aria-hidden=\"true\"]"
          ],
          "failureSummary": "Fix all of the following:\n  Focusable content should have tabindex=\"-1\" or be removed from the DOM"
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"list-count\" id=\"rCount\">Showing <b>7</b> of 7 programs</p>",
          "target": [
            "#rCount"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#858d86",
                "bgColor": "#162922",
                "contrastRatio": 4.47,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-panel\" id=\"nlPanel\">",
                  "target": [
                    "#nlPanel"
                  ]
                },
                {
                  "html": "<section class=\"block sec-dark\" id=\"opportunities\">",
                  "target": [
                    "#opportunities"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"nl-note\">We never share your address. Unsubscribe with one click, any time.</p>",
          "target": [
            ".nl-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4>Institute</h4>",
          "target": [
            ".foot-col:nth-child(2) > h4"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4>Resources</h4>",
          "target": [
            ".foot-col:nth-child(3) > h4"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4>Follow the work</h4>",
          "target": [
            ".foot-col:nth-child(4) > h4"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"foot-hours\">Press office: press@lumeninstitute.org</p>",
          "target": [
            ".foot-hours"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u00a9 <span id=\"year\">2026</span> Lumen Institute for Science \u00b7 A registered 501(c)(3) nonprofit</span>",
          "target": [
            ".foot-bottom > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span id=\"year\">2026</span>",
          "target": [
            "#year"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" data-toast=\"Opening the privacy policy.\" data-icon=\"fa-arrow-up-right\">Privacy</a>",
          "target": [
            "a[data-toast=\"Opening the privacy policy.\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" data-toast=\"Opening the terms of use.\" data-icon=\"fa-arrow-up-right\">Terms</a>",
          "target": [
            "a[data-toast=\"Opening the terms of use.\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" data-toast=\"Opening the accessibility statement.\" data-icon=\"fa-arrow-up-right\">Accessibility</a>",
          "target": [
            ".foot-legal > a[data-icon=\"fa-arrow-up-right\"][href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6c716b",
                "bgColor": "#0a140f",
                "contrastRatio": 3.76,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" data-toast=\"Cookie preferences saved \u2014 only essential cookies are used.\" data-icon=\"fa-check\">Cookie preferences</a>",
          "target": [
            "a[data-icon=\"fa-check\"][href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #6c716b, background color: #0a140f, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>01</b> The Institute</p>",
          "target": [
            ".sec-head.in.reveal > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Founded in a converted cannery on the Berkeley waterfront, Lumen is now one of the world\u2019s leading independent research organizations \u2014 and deliberately, stubbornly, a nonprofit.</p>",
          "target": [
            ".sec-head.in.reveal > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"timeline reveal in\" style=\"--d:.12s\">",
                  "target": [
                    ".timeline"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Milestones</span>",
          "target": [
            ".tl-head > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"timeline reveal in\" style=\"--d:.12s\">",
                  "target": [
                    ".timeline"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>1987 \u2192 Today</span>",
          "target": [
            ".tl-head > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>01</b> The Institute</p>",
          "target": [
            "#about > .container > .sec-head.in.reveal > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Founded in a converted cannery on the Berkeley waterfront, Lumen is now one of the world\u2019s leading independent research organizations \u2014 and deliberately, stubbornly, a nonprofit.</p>",
          "target": [
            "#about > .container > .sec-head.in.reveal > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>We would rather be right in year five than first in the feed. Every claim survives peer review before it ever reaches a press release.</p>",
          "target": [
            ".principle.in.reveal:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Methods, data, code \u2014 and negative results \u2014 are published in full. If we can\u2019t show our work, we don\u2019t claim the finding.</p>",
          "target": [
            ".principle.in.reveal:nth-child(2) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Basic research is a public good. We treat our funding, our facilities, and our findings as held in trust for everyone.</p>",
          "target": [
            ".principle.in.reveal:nth-child(3) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>02</b> Research Programs</p>",
          "target": [
            "#research > .container > .sec-head.in.reveal > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Every program is led by a working principal investigator, publishes in the open, and welcomes correspondence. Filter by discipline, search a keyword, or hover a program to see it in the field.</p>",
          "target": [
            "#research > .container > .sec-head.in.reveal > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"r-idx\">01</span>",
          "target": [
            "article[data-name=\"Climate Systems\"] > .r-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"r-desc\">Cryosphere feedbacks, atmospheric chemistry, and the twelve-year Meridian Aerosol Study that closed a forty-year gap in cloud models.</p>",
          "target": [
            "article[data-name=\"Climate Systems\"] > .r-body > .r-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Program Director</span>",
          "target": [
            "article[data-name=\"Climate Systems\"] > .r-lead > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"r-idx\">02</span>",
          "target": [
            "article[data-name=\"Neuroplasticity Lab\"] > .r-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"r-desc\">How the adult brain rewires itself: longitudinal cohorts, high-field imaging, and open datasets on learning, recovery, and resilience.</p>",
          "target": [
            "article[data-name=\"Neuroplasticity Lab\"] > .r-body > .r-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Principal Investigator</span>",
          "target": [
            "article[data-name=\"Neuroplasticity Lab\"] > .r-lead > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"r-idx\">03</span>",
          "target": [
            "article[data-name=\"Quantum Materials\"] > .r-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"r-desc\">Designing and characterizing two-dimensional materials for error-corrected computing \u2014 from monolayer synthesis to logical qubits.</p>",
          "target": [
            "article[data-name=\"Quantum Materials\"] > .r-body > .r-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Principal Investigator</span>",
          "target": [
            "article[data-name=\"Quantum Materials\"] > .r-lead > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"r-idx\">04</span>",
          "target": [
            "article[data-name=\"Genomics & Aging\"] > .r-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"r-desc\">Population-scale sequencing to understand why some brains age resiliently \u2014 and which interventions actually change the trajectory.</p>",
          "target": [
            "article[data-name=\"Genomics & Aging\"] > .r-body > .r-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Principal Investigator</span>",
          "target": [
            "article[data-name=\"Genomics & Aging\"] > .r-lead > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"r-idx\">05</span>",
          "target": [
            "article[data-name=\"Astrophysics\"] > .r-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"r-desc\">Radio and optical surveys of the transient sky, operated with university partners on three continents and open to the public nightly.</p>",
          "target": [
            "article[data-name=\"Astrophysics\"] > .r-body > .r-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Principal Investigator</span>",
          "target": [
            "article[data-name=\"Astrophysics\"] > .r-lead > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"r-idx\">06</span>",
          "target": [
            "article[data-cat=\"marine\"] > .r-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"r-desc\">The ocean\u2019s microbial engine: how plankton communities draw down carbon, and how warming seas change the equation.</p>",
          "target": [
            "article[data-cat=\"marine\"] > .r-body > .r-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Program Director</span>",
          "target": [
            "article[data-cat=\"marine\"] > .r-lead > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"r-idx\">07</span>",
          "target": [
            "article[data-cat=\"education\"] > .r-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"r-desc\">How people actually learn science \u2014 the research behind our classrooms, our fellowships, and our teacher institutes.</p>",
          "target": [
            "article[data-cat=\"education\"] > .r-body > .r-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Program Director</span>",
          "target": [
            "article[data-cat=\"education\"] > .r-lead > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>04</b> Publications</p>",
          "target": [
            "#publications > .container > .sec-head.in.reveal > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Every paper we publish is free to read, reuse, and redistribute under CC BY 4.0 \u2014 including the ones that didn\u2019t work out.</p>",
          "target": [
            "#publications > .container > .sec-head.in.reveal > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"pub-side reveal in\">",
                  "target": [
                    "aside"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3>The open archive</h3>",
          "target": [
            "aside > h3"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"pub-side reveal in\">",
                  "target": [
                    "aside"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Papers in archive</span>",
          "target": [
            ".pn-row:nth-child(2) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"pub-side reveal in\">",
                  "target": [
                    "aside"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Open access share</span>",
          "target": [
            ".pn-row:nth-child(3) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"pub-side reveal in\">",
                  "target": [
                    "aside"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Median review time</span>",
          "target": [
            ".pn-row:nth-child(4) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"pub-side reveal in\">",
                  "target": [
                    "aside"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>License</span>",
          "target": [
            ".pn-row:nth-child(5) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-authors\">Voss, E., Halvorsen, I., Okafor, A., +18 others</p>",
          "target": [
            ".pub-row:nth-child(1) > .pub-authors"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-meta\">Nature Climate Change \u00b7 2025 \u00b7 Vol. 15 <span class=\"tag\">Open access</span></p>",
          "target": [
            ".pub-row:nth-child(1) > div:nth-child(2) > .pub-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-authors\">Raghavan, P., Mensah, K., +7 others</p>",
          "target": [
            ".pub-row:nth-child(2) > .pub-authors"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-meta\">Nature Physics \u00b7 2025 \u00b7 Vol. 21 <span class=\"tag\">Open access</span></p>",
          "target": [
            ".pub-row:nth-child(2) > div:nth-child(2) > .pub-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-authors\">Chen, M., Osei, D., +12 others</p>",
          "target": [
            ".pub-row:nth-child(3) > .pub-authors"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-meta\">Nature Human Behaviour \u00b7 2024 \u00b7 Vol. 8 <span class=\"tag\">Open access</span></p>",
          "target": [
            ".pub-row:nth-child(3) > div:nth-child(2) > .pub-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-authors\">Ferreira, T., Adeyemi, R., +24 others</p>",
          "target": [
            ".pub-row:nth-child(4) > .pub-authors"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-meta\">Cell \u00b7 2024 \u00b7 Vol. 187 <span class=\"tag\">Open access</span></p>",
          "target": [
            ".pub-row:nth-child(4) > div:nth-child(2) > .pub-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-authors\">Okafor, A., Lindqvist, M., +9 others</p>",
          "target": [
            ".pub-row:nth-child(5) > .pub-authors"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"pub-meta\">The Astrophysical Journal \u00b7 2025 \u00b7 Vol. 981 <span class=\"tag\">Open access</span></p>",
          "target": [
            ".pub-row:nth-child(5) > div:nth-child(2) > .pub-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<figcaption>Saturday Science Academy \u00b7 Spring term \u00b7 Berkeley campus</figcaption>",
          "target": [
            ".edu-collage > figcaption"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sub-note\">All programs free or sliding-scale \u00b7 Applications reviewed monthly</p>",
          "target": [
            ".sub-head.in.reveal > .sub-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"p-idx\">01</span>",
          "target": [
            ".p-row:nth-child(1) > .p-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Ten weeks inside a working lab, paired with a principal investigator, and a public poster session to close the summer. 62% of alumni go on to graduate study in STEM.</p>",
          "target": [
            ".p-row:nth-child(1) > .p-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>10 weeks \u00b7 Stipend paid</span>",
          "target": [
            ".p-row:nth-child(1) > .p-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"p-idx\">02</span>",
          "target": [
            ".p-row:nth-child(2) > .p-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Hands-on labs every Saturday morning during term time \u2014 from extracting DNA in a kitchen lab to building cloud chambers. No prerequisites, no grades, no cost.</p>",
          "target": [
            ".p-row:nth-child(2) > .p-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Weekends \u00b7 Free</span>",
          "target": [
            ".p-row:nth-child(2) > .p-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.9pt (11.84px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"p-idx\">03</span>",
          "target": [
            ".p-row:nth-child(3) > .p-idx"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Week-long summer residencies that put current research methods into lesson plans, with graduate-credit options through our university partners.</p>",
          "target": [
            ".p-row:nth-child(3) > .p-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>1 week \u00b7 Graduate credit</span>",
          "target": [
            ".p-row:nth-child(3) > .p-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sub-note\">All programs free or sliding-scale \u00b7 Applications reviewed monthly</p>",
          "target": [
            ".sub-block:nth-child(2) > .sub-head.in.reveal > .sub-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sub-note\">Free \u00b7 Reserved seating \u00b7 Recorded and published within 48 hours</p>",
          "target": [
            "#lectures > .sub-head.in.reveal > .sub-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Elena Voss \u00b7 Climate Systems</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(1) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Berkeley Auditorium \u00b7 7:00 PM</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(1) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Marcus Chen \u00b7 Neuroplasticity Lab</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(2) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Livestream + Q&amp;A \u00b7 6:00 PM</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(2) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Priya Raghavan \u00b7 Quantum Materials</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(3) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Berkeley Auditorium \u00b7 7:00 PM</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(3) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Ingrid Halvorsen \u00b7 Marine Microbiomes</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(4) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Livestream + Q&amp;A \u00b7 6:00 PM</span>",
          "target": [
            ".lec-row.in.reveal:nth-child(4) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sub-note\">Answered by our education office</p>",
          "target": [
            "div:nth-child(1) > .sub-head.in.reveal > .sub-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>06</b> Newsroom</p>",
          "target": [
            "#news > .container > .sec-head.in.reveal > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#96620d",
                "bgColor": "#ece7da",
                "contrastRatio": 4.2,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>06</b>",
          "target": [
            "#news > .container > .sec-head.in.reveal > .kicker > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Dispatches from our laboratories, field stations, and classrooms \u2014 reported by our communications team and reviewed by the scientists involved.</p>",
          "target": [
            "#news > .container > .sec-head.in.reveal > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#96620d",
                "bgColor": "#ece7da",
                "contrastRatio": 4.2,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"n-tag\">Announcement</span>",
          "target": [
            ".n-featured > .n-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>By <b>Lumen Communications</b></span>",
          "target": [
            ".n-featured > .n-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Feb 26, 2025</span>",
          "target": [
            ".n-featured > .n-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>6 min read</span>",
          "target": [
            ".n-meta > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".rail-panel.in.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3><i class=\"fa-solid fa-database\"></i> Data releases</h3>",
          "target": [
            ".rail-panel.in.reveal > h3"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".rail-panel.in.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>40 cities \u00b7 hourly \u00b7 2013\u20132025 \u00b7 38 GB \u00b7 CSV</span>",
          "target": [
            ".rel-row:nth-child(2) > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".rail-panel.in.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>12,438 calibrated samples \u00b7 4.2 TB \u00b7 NetCDF</span>",
          "target": [
            ".rel-row:nth-child(3) > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".rail-panel.in.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Imaging phenotypes \u00b7 611 GB \u00b7 BIDS</span>",
          "target": [
            ".rel-row:nth-child(4) > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.7pt (10.24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".rail-panel.in.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>40,000 events \u00b7 96 GB \u00b7 CSV + FITS</span>",
          "target": [
            ".rel-row:nth-child(5) > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.7pt (10.24px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".rail-panel.in.reveal:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3><i class=\"fa-solid fa-database\"></i> Data releases</h3>",
          "target": [
            ".rail-panel.in.reveal:nth-child(1) > h3"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.16s\">",
                  "target": [
                    ".rail-panel.in.reveal:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3><i class=\"fa-solid fa-newspaper\"></i> Most read this month</h3>",
          "target": [
            ".rail-panel.in.reveal:nth-child(2) > h3"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#96620d",
                "bgColor": "#ece7da",
                "contrastRatio": 4.2,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"n-tag\">Research</span>",
          "target": [
            ".n-card:nth-child(1) > div > .n-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>By <b>Priya Nair</b></span>",
          "target": [
            ".n-card:nth-child(1) > div > .n-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Feb 19, 2025</span>",
          "target": [
            ".n-card:nth-child(1) > div > .n-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>4 min read</span>",
          "target": [
            ".n-card:nth-child(1) > div > .n-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#96620d",
                "bgColor": "#ece7da",
                "contrastRatio": 4.2,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"n-tag\">Institute</span>",
          "target": [
            ".n-card:nth-child(2) > div > .n-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>By <b>Lumen Communications</b></span>",
          "target": [
            ".n-card:nth-child(2) > div > .n-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Feb 06, 2025</span>",
          "target": [
            ".n-card:nth-child(2) > div > .n-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>3 min read</span>",
          "target": [
            ".n-card:nth-child(2) > div > .n-meta > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#858d86",
                "bgColor": "#162922",
                "contrastRatio": 4.47,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".side-panel.in.reveal"
                  ]
                },
                {
                  "html": "<section class=\"block sec-dark\" id=\"opportunities\">",
                  "target": [
                    "#opportunities"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Quantum Materials Lab \u00b7 Full-time \u00b7 Berkeley, CA</span>",
          "target": [
            ".job[data-icon=\"fa-arrow-up-right\"][href=\"#\"]:nth-child(2) > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#858d86",
                "bgColor": "#162922",
                "contrastRatio": 4.47,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".side-panel.in.reveal"
                  ]
                },
                {
                  "html": "<section class=\"block sec-dark\" id=\"opportunities\">",
                  "target": [
                    "#opportunities"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Atacama Station, Chile \u00b7 Full-time \u00b7 On-site</span>",
          "target": [
            ".job[data-icon=\"fa-arrow-up-right\"][href=\"#\"]:nth-child(3) > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#858d86",
                "bgColor": "#162922",
                "contrastRatio": 4.47,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".side-panel.in.reveal"
                  ]
                },
                {
                  "html": "<section class=\"block sec-dark\" id=\"opportunities\">",
                  "target": [
                    "#opportunities"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Education &amp; Outreach \u00b7 Full-time \u00b7 Berkeley, CA</span>",
          "target": [
            ".job[data-icon=\"fa-arrow-up-right\"][href=\"#\"]:nth-child(4) > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.47 (foreground color: #858d86, background color: #162922, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>01</b> The Institute</p>",
          "target": [
            "#about > .container > .sec-head.reveal.in > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Founded in a converted cannery on the Berkeley waterfront, Lumen is now one of the world\u2019s leading independent research organizations \u2014 and deliberately, stubbornly, a nonprofit.</p>",
          "target": [
            "#about > .container > .sec-head.reveal.in > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>We would rather be right in year five than first in the feed. Every claim survives peer review before it ever reaches a press release.</p>",
          "target": [
            ".principle.reveal.in:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Methods, data, code \u2014 and negative results \u2014 are published in full. If we can\u2019t show our work, we don\u2019t claim the finding.</p>",
          "target": [
            ".principle.reveal.in:nth-child(2) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Basic research is a public good. We treat our funding, our facilities, and our findings as held in trust for everyone.</p>",
          "target": [
            ".principle.reveal.in:nth-child(3) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>02</b> Research Programs</p>",
          "target": [
            "#research > .container > .sec-head.reveal.in > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Every program is led by a working principal investigator, publishes in the open, and welcomes correspondence. Filter by discipline, search a keyword, or hover a program to see it in the field.</p>",
          "target": [
            "#research > .container > .sec-head.reveal.in > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>04</b> Publications</p>",
          "target": [
            "#publications > .container > .sec-head.reveal.in > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Every paper we publish is free to read, reuse, and redistribute under CC BY 4.0 \u2014 including the ones that didn\u2019t work out.</p>",
          "target": [
            "#publications > .container > .sec-head.reveal.in > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sub-note\">All programs free or sliding-scale \u00b7 Applications reviewed monthly</p>",
          "target": [
            ".sub-block:nth-child(2) > .sub-head.reveal.in > .sub-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sub-note\">Free \u00b7 Reserved seating \u00b7 Recorded and published within 48 hours</p>",
          "target": [
            "#lectures > .sub-head.reveal.in > .sub-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Elena Voss \u00b7 Climate Systems</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(1) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Berkeley Auditorium \u00b7 7:00 PM</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(1) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Marcus Chen \u00b7 Neuroplasticity Lab</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(2) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Livestream + Q&amp;A \u00b7 6:00 PM</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(2) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Priya Raghavan \u00b7 Quantum Materials</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(3) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Berkeley Auditorium \u00b7 7:00 PM</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(3) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dr. Ingrid Halvorsen \u00b7 Marine Microbiomes</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(4) > .lec-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"lec-loc\">Livestream + Q&amp;A \u00b7 6:00 PM</span>",
          "target": [
            ".lec-row.reveal.in:nth-child(4) > .lec-loc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#f4f1e9",
                "contrastRatio": 4.15,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sub-note\">Answered by our education office</p>",
          "target": [
            "div:nth-child(1) > .sub-head.reveal.in > .sub-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.15 (foreground color: #6e766d, background color: #f4f1e9, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"kicker\"><b>06</b> Newsroom</p>",
          "target": [
            "#news > .container > .sec-head.reveal.in > .kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#96620d",
                "bgColor": "#ece7da",
                "contrastRatio": 4.2,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<b>06</b>",
          "target": [
            "#news > .container > .sec-head.reveal.in > .kicker > b"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.2 (foreground color: #96620d, background color: #ece7da, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#ece7da",
                "contrastRatio": 3.8,
                "fontSize": "11.6pt (15.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-tint\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"sec-lede\">Dispatches from our laboratories, field stations, and classrooms \u2014 reported by our communications team and reviewed by the scientists involved.</p>",
          "target": [
            "#news > .container > .sec-head.reveal.in > .sec-head-row > .sec-lede"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.8 (foreground color: #6e766d, background color: #ece7da, font size: 11.6pt (15.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.08s\">",
                  "target": [
                    ".rail-panel.reveal.in:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3><i class=\"fa-solid fa-database\"></i> Data releases</h3>",
          "target": [
            ".rail-panel.reveal.in:nth-child(1) > h3"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e766d",
                "bgColor": "#fbf9f3",
                "contrastRatio": 4.45,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"rail-panel reveal in\" style=\"--d:.16s\">",
                  "target": [
                    ".rail-panel.reveal.in:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3><i class=\"fa-solid fa-newspaper\"></i> Most read this month</h3>",
          "target": [
            ".rail-panel.reveal.in:nth-child(2) > h3"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #6e766d, background color: #fbf9f3, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#768078",
                "bgColor": "#0f231c",
                "contrastRatio": 4.01,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"block sec-dark\" id=\"opportunities\">",
                  "target": [
                    "#opportunities"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #768078, background color: #0f231c, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"f-note reveal in\">Deadlines computed live from today\u2019s date \u00b7 Lumen also administers internal seed grants each spring</p>",
          "target": [
            ".f-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #768078, background color: #0f231c, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    },
    {
      "id": "target-size",
      "impact": "serious",
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 8,
                "height": 8
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has insufficient size (8px by 8px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 8,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"v-dot\" aria-label=\"Testimonial 2\"></button>",
                  "target": [
                    "button[aria-label=\"Testimonial 2\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"v-dot\" aria-label=\"Testimonial 1\"></button>",
          "target": [
            "button[aria-label=\"Testimonial 1\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size (8px by 8px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px."
        },
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 8,
                "height": 8
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has insufficient size (8px by 8px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 8,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"v-dot\" aria-label=\"Testimonial 1\"></button>",
                  "target": [
                    "button[aria-label=\"Testimonial 1\"]"
                  ]
                },
                {
                  "html": "<button class=\"v-dot active\" aria-label=\"Testimonial 3\"></button>",
                  "target": [
                    "button[aria-label=\"Testimonial 3\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"v-dot\" aria-label=\"Testimonial 2\"></button>",
          "target": [
            "button[aria-label=\"Testimonial 2\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size (8px by 8px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px."
        },
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 10,
                "height": 10
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has insufficient size (10px by 10px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 8,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"v-dot\" aria-label=\"Testimonial 2\"></button>",
                  "target": [
                    "button[aria-label=\"Testimonial 2\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"v-dot active\" aria-label=\"Testimonial 3\"></button>",
          "target": [
            "button[aria-label=\"Testimonial 3\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size (10px by 10px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px."
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 11176
      },
      {
        "y": 576,
        "height": 11176
      },
      {
        "y": 1152,
        "height": 11176
      },
      {
        "y": 1728,
        "height": 11176
      },
      {
        "y": 2304,
        "height": 11176
      },
      {
        "y": 2880,
        "height": 11176
      },
      {
        "y": 3456,
        "height": 11176
      },
      {
        "y": 4032,
        "height": 11176
      },
      {
        "y": 4608,
        "height": 11176
      },
      {
        "y": 5184,
        "height": 11176
      },
      {
        "y": 5760,
        "height": 11176
      },
      {
        "y": 6336,
        "height": 11176
      },
      {
        "y": 6912,
        "height": 11176
      },
      {
        "y": 7488,
        "height": 11176
      },
      {
        "y": 8064,
        "height": 11176
      },
      {
        "y": 8640,
        "height": 11176
      },
      {
        "y": 9216,
        "height": 11176
      },
      {
        "y": 9792,
        "height": 11176
      },
      {
        "y": 10368,
        "height": 11176
      },
      {
        "y": 10456,
        "height": 11176
      }
    ],
    "scans": 21,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Science" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Science"
- Description: Scientific research, discoveries, STEM education, and science news.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Science" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "About", "Publications", "News".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Science" category. Consider themes similar to: "Scientific Discovery", "Lab Highlights", "Educational Programs".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "hypothesis", "statistical significance", "breakthrough".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Attend Lecture", "Contact Researcher", "View Results".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Science" sector. Ideas similar but not limited to: "funding opportunity tracker".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "career opportunities", "data releases", "science news".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.