section.leaderboard{text-align:center;overflow:hidden;margin-top:3.75rem;position:relative;z-index:10;scroll-margin-top:calc(var(--header-size) + 2.5rem)}section.leaderboard .bg{overflow:hidden;border-radius:1.25rem;padding-block:3.75rem;background:var(--accent-depths);color:var(--light);position:relative}section.leaderboard .bg>*{position:relative;z-index:1}section.leaderboard h1{text-transform:uppercase;margin-bottom:0!important;color:var(--brand-green)}section.leaderboard h2{text-transform:uppercase;margin-bottom:1.25rem}section.leaderboard .text-content{text-wrap:balance;text-wrap:pretty}section.leaderboard p{margin-bottom:3.75rem}section.leaderboard video.confetti{position:absolute;width:100%;height:auto;top:0;left:0;z-index:1;aspect-ratio:1280/720}section.leaderboard .medal-wrapper{display:flex;row-gap:3.75rem;column-gap:1rem;flex-wrap:wrap;align-items:stretch;justify-content:space-between;margin-bottom:3.75rem}section.leaderboard .board-wrapper{display:flex;gap:1.5rem;align-items:stretch;justify-content:center;margin-bottom:3.75rem}section.leaderboard .board-wrapper>*{width:100%}section.leaderboard .cta-wrapper{flex-direction:column}section.leaderboard .cta-wrapper p{margin-bottom:2.5rem;text-wrap:balance;text-wrap:pretty}section.leaderboard .cta-wrapper .disclaimer p{margin-bottom:0}section.leaderboard .cta-wrapper a:not(.cta){color:var(--brand-green);text-decoration:underline;text-underline-offset:4px;transition:opacity .2s .07s ease-in-out}section.leaderboard .cta-wrapper a:not(.cta):hover{opacity:.7}section.leaderboard .cta-wrapper>.caption-text{margin-top:2.5rem;margin-bottom:0}@media screen and (max-width: 1200px){section.leaderboard .board-wrapper{flex-direction:column;gap:2rem}section.leaderboard video.confetti{top:150px}}@media screen and (max-width: 980px){section.leaderboard .medal-wrapper{display:grid;grid-template-columns:repeat(9,1fr)}}@media screen and (max-width: 768px){section.leaderboard .bg{padding-block:2rem}section.leaderboard .medal-wrapper{display:flex;flex-direction:column;gap:2rem}section.leaderboard video.confetti{aspect-ratio:1 / 1;object-fit:cover;top:100px}section.leaderboard .board-wrapper{margin-bottom:2.5rem}}@media screen and (max-width: 480px){section.leaderboard video.confetti{top:200px}}
