First-party research program

<div class="years"><div><small>2024</small><i style="height:35%"></i></div><div><small>2025</small><i style="height:55%"></i></div><div><small>2026</small><i style="height:80%"></i></div><b>REPEAT THE QUESTION → SEE CHANGE</b></div>

.years{width:min(83%,540px);height:clamp(125px,53vmin,275px);display:flex;gap:8%;align-items:end;position:relative;border-bottom:3px solid var(--fg);padding:15px 5% 26px;font:900 clamp(10px,max(2vmin,1vw),17px) sans-serif}.years div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.years small{order:2}.years i{display:block;width:100%;background:var(--accent);transform-origin:bottom;animation:rising 3.4s infinite}.years div:nth-child(2) i{animation-delay:.2s;background:var(--accent-2)}.years div:nth-child(3) i{animation-delay:.4s}.years b{position:absolute;left:0;bottom:-24px;font-size:max(10px,1vw,.65em);white-space:nowrap}@keyframes rising{0%,12%{transform:scaleY(.08)}45%,85%{transform:scaleY(1)}100%{transform:scaleY(.08)}}small{font-size:max(.833em,10px,1vw)}