/* The Olympiad's past winners on a podium, one year at a time (tabs in podcast.js). */
.podium-wrap { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(18px, 2.4vw, 32px); row-gap: 28px; margin-top: clamp(48px, 6vw, 80px); }
.podium-wrap__head { grid-column: 1 / span 4; display: grid; gap: 16px; align-content: start; }
.initiatives-page .podium-wrap__head h3 { font: clamp(30px, 3vw, 42px)/1.1 var(--serif) !important; color: var(--navy) !important; }
.podium-tabs { display: flex; gap: 8px; }
.podium-tabs button { min-height: 44px; padding: 0 18px; border: 1px solid var(--line); background: #fff; color: var(--navy); font: 600 15px var(--sans); cursor: pointer; transition: background-color 200ms, border-color 200ms, color 200ms, transform 200ms; }
.podium-tabs button[aria-selected="true"] { background: var(--bold-red, #D7263D); border-color: var(--bold-red, #D7263D); color: #fff; }
.podium-tabs button:active { transform: scale(.97); }
.podium { grid-column: 6 / span 7; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; gap: 8px; min-height: 420px; }
.podium[hidden] { display: none; }
.podium__place { display: flex; flex-direction: column; justify-content: flex-end; }
.podium__who { padding: 0 4px 14px; }
.initiatives-page .podium__who b { display: block; font: 22px/1.15 var(--serif); color: var(--navy) !important; }
.initiatives-page .podium__who span { display: block; margin-top: 5px; font-size: 14px; color: var(--muted) !important; }
.podium__bar { height: var(--hgt); clip-path: polygon(0 var(--top-l, 30%), 100% 0, 100% 100%, 0 100%); }
.podium__place--1 { order: 2; }
.podium__place--2 { order: 1; }
.podium__place--3 { order: 3; }
.podium__place--1 .podium__bar { --hgt: 256px; background: var(--bold-red, #D7263D); --top-l: 22%; }
.podium__place--2 .podium__bar { --hgt: 176px; background: var(--navy); --top-l: 30%; }
.podium__place--3 .podium__bar { --hgt: 128px; background: #2a4269; --top-l: 38%; }
@media (prefers-reduced-motion: no-preference) {
  .js-motion [data-rise]:not(.is-in) .podium__bar { transform: scaleY(0); }
  .js-motion [data-rise].is-in .podium:not([hidden]) .podium__bar { transform-origin: bottom; animation: pd-rise 900ms cubic-bezier(.19, 1, .22, 1) both; }
  .js-motion [data-rise].is-in .podium:not([hidden]) .podium__place--2 .podium__bar { animation-delay: 90ms; }
  .js-motion [data-rise].is-in .podium:not([hidden]) .podium__place--3 .podium__bar { animation-delay: 180ms; }
  .podium:not([hidden]) .podium__who { animation: pd-fade 600ms ease both 200ms; }
}
@keyframes pd-rise { from { transform: scaleY(0); } to { transform: none; } }
@keyframes pd-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 900px) {
  .podium-wrap__head, .podium { grid-column: 1 / -1; }
  .podium { min-height: 0; gap: 6px; }
  .initiatives-page .podium__who b { font-size: 16px; }
  .initiatives-page .podium__who span { font-size: 12px; }
  .podium__place--1 .podium__bar { --hgt: 176px; }
  .podium__place--2 .podium__bar { --hgt: 128px; }
  .podium__place--3 .podium__bar { --hgt: 96px; }
}