/* ==========================================================================
   About awards — Figma About Us 5257:155 y714–1685 (29 Sep file).
   Left: eyebrow y714 · heading y765, 48px Blauer Nue Regular, sentence case, 729 box (2 lines) · accent rule
   125px y928. Right column (x974): intro y765 · list from a 2px white rule at y928; rows 186–194 tall, each
   a badge (287 × 92, 41 under the row's rule) and the award names (20px green, 6px dot) in a second
   column at x1409, sitting level with the badge's lower half.
   ========================================================================== */
.section--about-awards { padding: 0 0 clamp(56px, 6.5vw, 125px); }
.about-awards__title {
  max-width: 15.2em;                              /* 729 / 48 */
  margin: 26px 0 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(32px, 2.5vw, 48px);
  line-height: 1.229;
}
.about-awards__rule { width: 125px; border-top-width: 2px; margin-top: 45px; }
.about-awards__aside { padding-top: 51px; }                 /* intro y765 = eyebrow y714 + 51 */
.about-awards__intro { margin: 0; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--fg); }
.about-awards__list { list-style: none; margin: 138px 0 0; padding: 0; border-top: 2px solid var(--fg); }   /* y765 → y928 */
.about-awards__row {
  display: grid;
  grid-template-columns: 287fr 563fr;               /* badge | names at x1409 (974 + 435) */
  column-gap: 0;
  align-items: end;
  min-height: 186px;
  padding: 41px 0 38px;
  border-bottom: 2px solid var(--fg);
}
.about-awards__logo img { display: block; width: 100%; max-width: 287px; height: auto; }
.about-awards__names { list-style: none; margin: 0 0 0 26.3%; padding: 0; }   /* x1409 = the names column (x1261) + 148 of its 563 */
.about-awards__names li {
  position: relative;
  padding-left: 21px;
  color: var(--accent);
  font-size: var(--fs-body);
  line-height: 1.6;
}
.about-awards__names li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.8em - 3px);
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent);
}
@media (max-width: 1024px) {
  .about-awards__aside { padding-top: 0; }
  .about-awards__list { margin-top: 32px; }
  .about-awards__row { grid-template-columns: 200px 1fr; min-height: 0; padding: 24px 0; align-items: center; }
  .about-awards__names { margin-left: 24px; }
}
@media (max-width: 640px) {
  .about-awards__row { grid-template-columns: 1fr; row-gap: 12px; }
  .about-awards__logo img { max-width: 200px; }
  .about-awards__names { margin-left: 0; }
}