@charset "utf-8";
/* 'Battling the Odds': the aside under the intro, the tier cards. */

.af-bto-aside { display: grid; gap: 20px; }
.af-bto-award { flex-direction: row; align-items: center; gap: 18px; }
.af-bto-award img { width: 64px; flex: none; }
.af-bto-award p { margin: 0; }

.af-bto-logo { align-items: center; justify-content: center; }
.af-bto-logo img { max-height: 170px; width: auto; }
.af-bto-tier { margin-bottom: .4em; font: 700 1rem/1 var(--af-display); letter-spacing: .12em; text-transform: uppercase; color: var(--af-cyan-ink); }
.af-card--top-magenta .af-bto-tier { color: var(--af-magenta); }
.af-bto-tiers h3 { font: 700 1.7rem/1.05 var(--af-display); text-transform: uppercase; color: var(--af-navy); }