field_latest_hero_title

Highlighting the latest analysis on income, wealth,
and the distribution of economic growth.

Latest

acf/latest-hero

field_tracker_search_title

acf/tracker-search

<div class="latest-hero-block relative overflow-hidden py-12 md:py-20 lg:py-30 text-white" style="background-color: #5C7AA5;">
  <div class="container relative z-10">
    <div class="w-full md:w-[70%] lg:w-[50%] space-y-4 md:space-y-6">
            <h1 class="text-4xl font-serif font-bold leading-tight">Latest</h1>
      
            <p class="text-lg md:text-xl">Highlighting the latest analysis on income, wealth,
and the distribution of economic growth.</p>
      
          </div>
  </div>

  <div class="absolute inset-0">
    <img decoding="async" src="https://inequalitytracker.equitablegrowth.org/wp-content/themes/egtrackeradmin/resources/latest-pattern.svg" alt="" class="absolute inset-0 h-full w-full object-cover object-right opacity-50 md:opacity-100" />
  </div>

  <div class="absolute -bottom-12 -left-20 md:left-12 w-full h-[90%] opacity-20 md:opacity-100">
    <img decoding="async" src="https://inequalitytracker.equitablegrowth.org/wp-content/themes/egtrackeradmin/resources/people.svg" alt="" class="w-full h-full object-contain object-right-bottom pr-10 opacity-50 md:opacity-100" />
  </div>

  <div class="absolute bottom-0 right-0 w-full h-full">
    <img decoding="async" src="https://inequalitytracker.equitablegrowth.org/wp-content/themes/egtrackeradmin/resources/hero-pattern.png" alt="" class="w-full h-full object-contain object-left-top opacity-50 md:opacity-100" />
  </div>
</div>



<div style="padding:56px 0; font-family:sans-serif; background:#fff;">
  <div style="max-width:1100px; margin:0 auto; padding:0 24px;">

    
    
    <div style="display:flex; gap:4px; flex-wrap:wrap; margin-bottom:4px;">
            <span style="
        background:#95A8C4;
        color:white;
        border-radius:8px; padding:8px 16px; font-size:1rem; font-weight:600; cursor:pointer;
      ">All</span>
            <span style="
        background:transparent;
        color:#626568;
        border-radius:8px; padding:8px 16px; font-size:1rem; font-weight:600; cursor:pointer;
      ">Articles</span>
            <span style="
        background:transparent;
        color:#626568;
        border-radius:8px; padding:8px 16px; font-size:1rem; font-weight:600; cursor:pointer;
      ">Press Releases</span>
            <span style="
        background:transparent;
        color:#626568;
        border-radius:8px; padding:8px 16px; font-size:1rem; font-weight:600; cursor:pointer;
      ">Reports</span>
            <span style="
        background:transparent;
        color:#626568;
        border-radius:8px; padding:8px 16px; font-size:1rem; font-weight:600; cursor:pointer;
      ">Videos</span>
            <span style="
        background:transparent;
        color:#626568;
        border-radius:8px; padding:8px 16px; font-size:1rem; font-weight:600; cursor:pointer;
      ">Working Papers</span>
          </div>
    <div style="border-bottom:1px solid rgba(61,74,92,0.2); margin-bottom:40px;"></div>

    
    <div style="display:flex; gap:32px;">

      
      <div style="width:280px; flex-shrink:0; display:flex; flex-direction:column; gap:32px;">

        
        <div style="display:flex; align-items:center; gap:8px; background:rgba(61,74,92,0.08); border-radius:8px; padding:10px 16px;">
          <span style="flex:1; color:#47997E; font-size:1rem;">Search by Keyword</span>
          <svg width="20" height="20" fill="none" stroke="#47997E" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0z"/>
          </svg>
        </div>

        
        <div>
          <div style="display:flex; align-items:center; gap:8px; margin-bottom:16px;">
            <svg width="20" height="20" fill="none" stroke="#47997E" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
            </svg>
            <span style="font-size:1rem; font-weight:600; color:#626568;">Years</span>
          </div>
          <div style="padding:0 8px;">
            <div style="position:relative; height:8px; background:rgba(0,0,0,0.15); border-radius:4px; margin-bottom:12px;">
              <div style="position:absolute; left:0; right:0; height:8px; background:#3d4a5c; border-radius:4px;"></div>
              <div style="position:absolute; left:-6px; top:-4px; width:16px; height:16px; background:#3d4a5c; border-radius:50%; border:2px solid white;"></div>
              <div style="position:absolute; right:-6px; top:-4px; width:16px; height:16px; background:#3d4a5c; border-radius:50%; border:2px solid white;"></div>
            </div>
            <div style="display:flex; justify-content:space-between; font-size:0.95rem; color:#626568; font-weight:500;">
              <span>2013</span><span>2026</span>
            </div>
          </div>
        </div>
      </div>

      
      <div style="flex:1;">
        <p style="color:#9ca3af; font-size:0.875rem; margin:0 0 16px;">3 Results</p>
        <div style="display:flex; flex-direction:column; gap:12px;">
                    <div style="background:#E5E9F0; border-radius:16px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:16px;">
            <div style="display:flex; flex-direction:column; gap:10px;">
              <p style="margin:0; font-weight:600; color:#626568; font-size:0.95rem;">Slow wage growth is the key to understanding U.S. inequality in the 21st century</p>
              <div style="display:flex; align-items:center; gap:12px;">
                <span style="background:#5C7AA5; color:white; border-radius:6px; padding:3px 10px; font-size:12px; font-weight:600;">Article</span>
                <span style="color:#47997E; font-size:13px; font-weight:500;">July 15, 2025</span>
              </div>
            </div>
            <svg height="20" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;">
              <path d="M1 1L11.8482 11.4537L1 21.9074" stroke="#47997E" stroke-width="2" stroke-linecap="round"/>
              <path d="M11.4531 1L22.3013 11.4537L11.4531 21.9074" stroke="#47997E" stroke-width="2" stroke-linecap="round"/>
            </svg>
          </div>
                    <div style="background:#E5E9F0; border-radius:16px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:16px;">
            <div style="display:flex; flex-direction:column; gap:10px;">
              <p style="margin:0; font-weight:600; color:#626568; font-size:0.95rem;">Accounting for capital gains in income significantly increases U.S. inequality</p>
              <div style="display:flex; align-items:center; gap:12px;">
                <span style="background:#776493; color:white; border-radius:6px; padding:3px 10px; font-size:12px; font-weight:600;">Report</span>
                <span style="color:#47997E; font-size:13px; font-weight:500;">July 8, 2025</span>
              </div>
            </div>
            <svg height="20" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;">
              <path d="M1 1L11.8482 11.4537L1 21.9074" stroke="#47997E" stroke-width="2" stroke-linecap="round"/>
              <path d="M11.4531 1L22.3013 11.4537L11.4531 21.9074" stroke="#47997E" stroke-width="2" stroke-linecap="round"/>
            </svg>
          </div>
                    <div style="background:#E5E9F0; border-radius:16px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:16px;">
            <div style="display:flex; flex-direction:column; gap:10px;">
              <p style="margin:0; font-weight:600; color:#626568; font-size:0.95rem;">Equitable Growth responds to Supreme Court ruling on affirmative action</p>
              <div style="display:flex; align-items:center; gap:12px;">
                <span style="background:#BD9F45; color:white; border-radius:6px; padding:3px 10px; font-size:12px; font-weight:600;">Press Release</span>
                <span style="color:#47997E; font-size:13px; font-weight:500;">July 5, 2025</span>
              </div>
            </div>
            <svg height="20" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;">
              <path d="M1 1L11.8482 11.4537L1 21.9074" stroke="#47997E" stroke-width="2" stroke-linecap="round"/>
              <path d="M11.4531 1L22.3013 11.4537L11.4531 21.9074" stroke="#47997E" stroke-width="2" stroke-linecap="round"/>
            </svg>
          </div>
                  </div>
      </div>

    </div>
  </div>
</div>