.awarding-card {
  position:relative; overflow:hidden; isolation:isolate; text-align:center;
  border:1px solid #efc95e55; border-radius:28px;
  background:radial-gradient(ellipse at 50% 0,#efc95e18,transparent 65%),#20152de8;
  color:#fff; padding:clamp(28px,5vh,64px) clamp(20px,4vw,64px);
  box-shadow:inset 0 1px 0 #ffffff12,0 16px 48px #08041133;
}
.awarding-card::before {
  content:''; position:absolute; z-index:-1; inset:14px; border:1px solid #efc95e18;
  border-radius:18px; pointer-events:none;
}
.awarding-emblem {
  display:grid; place-items:center; width:clamp(76px,13vh,128px); aspect-ratio:1;
  margin:0 auto 24px; border-radius:50%; border:1px solid #efc95e66;
  color:#efc95e; background:radial-gradient(circle,#efc95e22,transparent 75%);
}
.awarding-emblem svg { width:55%; height:55%; }
.awarding-eyebrow { display:block; color:#efc95e; font-size:12px; font-weight:750; letter-spacing:.18em; text-transform:uppercase; }
.awarding-card h2 { margin:12px 0; font-size:clamp(30px,4vw,64px); line-height:1.12; font-weight:800; letter-spacing:-.035em; }
.awarding-card p { max-width:620px; margin:0 auto; color:#ddd3e9; font-size:clamp(16px,1.7vw,26px); line-height:1.55; }
.awarding-card .awarding-footnote { display:inline-block; margin-top:28px; padding:8px 18px; border:1px solid #efc95e33; border-radius:999px; color:#efc95e; font-size:clamp(12px,1vw,16px); }
#view-awarding > .awarding-card, #view-awaiting > .awarding-card { height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#view-awarding .awarding-emblem, #view-awaiting .awarding-emblem { flex-shrink:0; }
.phone-screen .awarding-card { margin:8px 0 22px; padding:36px 24px; }
.phone-screen .awarding-card h2 { font-size:34px; }
.phone-screen .awarding-card p { font-size:16px; }
.phone-screen .awarding-card .awarding-footnote { font-size:12px; }
.phone-screen .awarding-emblem { width:90px; margin-bottom:24px; }
[hidden].awarding-card, .phone-board-caption[hidden] { display:none!important; }
@media(max-height:600px) and (min-width:1001px) {
  .awarding-card { padding:18px; }
  .awarding-emblem { width:64px; margin-bottom:10px; }
  .awarding-card h2 { font-size:38px; }
  .awarding-card .awarding-footnote { margin-top:16px; }
}