/* Homepage typography: 44px section title and 20px regular item text. */
.about-page .about-honors { padding: 100px 0; background: #fff; }
.about-page .about-honors h2 { margin: 0 0 64px; color: #111920; font-family: inherit; font-size: 44px; font-weight: 650; line-height: 1.22; letter-spacing: -.035em; text-align: center; }
.about-page .about-honors-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 94px; align-items: start; }
.about-page .about-honor-item { margin: 0; min-width: 0; text-align: center; }
.about-page .about-honor-plaque { display: block; width: min(80%,259.2px); height: auto; aspect-ratio: 660 / 400; object-fit: contain; margin-inline: auto; }
.about-page .about-honor-item figcaption { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 25px; min-height: 54px; color: #333; font-size: 16px; font-weight: 400; line-height: 1.5; }
.about-page .about-honor-item figcaption span { min-width: 0; text-wrap: balance; }
.about-page .honor-laurel { flex: 0 0 18px; width: 18px; height: 38px; color: #b8d5f0; }
.about-page .honor-laurel-right { transform: scaleX(-1); }
@media (max-width: 1100px) {
  .about-page .about-honors-list { gap: 58px; }
}
@media (max-width: 800px) {
  .about-page .about-honors { padding: 64px 0; }
  .about-page .about-honors h2 { margin-bottom: 40px; font-size: 34px; }
  .about-page .about-honors-list { grid-template-columns: 1fr; gap: 70px; }
  .about-page .about-honor-item { width: min(100%,378px); margin-inline: auto; }
  .about-page .about-honor-item figcaption { margin-top: 18px; }
}

/* Total spacing from the principle cards to the honors heading. */
.about-page .about-principles { padding-bottom: 0; }
.about-page .about-honors { padding-top: 120px; }

/* Figma 85:1219 — native 1920 × 397 composition, scaled as one layout. */
.about-site .about-honor-figma { background: #fff; overflow: hidden; }
.about-site .honors-design { position: relative; width: min(100%, 1920px); aspect-ratio: 1920 / 397; margin: 0 auto; container-type: inline-size; background: #fff; }
.about-site .honors-design img { display: block; max-width: none; margin: 0; transition: none; filter: none; mask-image: none; }
.about-site .honors-floor { position: absolute; left: 0; top: 61.838791%; width: 100.052083%; height: 38.539043%; mask: url('../assets/honors/figma/floor-mask.svg') 0 0 / 100% 100% no-repeat; opacity: .6; }
.about-site .honors-floor img { position: absolute; left: -37.246226%; top: -202.287582%; width: 174.544508%; height: 342.48366%; object-fit: cover; }
.about-site .honors-design-item { position: absolute; inset: 0; margin: 0; }
.about-site .honors-pedestal { position: absolute; top: 37.783375%; width: 19.114583%; height: 25.188917%; object-position: bottom; }
.about-site .honors-certificate { position: absolute; top: 11.586902%; width: 13.75%; height: 40.302267%; object-fit: cover; }
.about-site .honors-design-lab .honors-pedestal { left: 16.145833%; }
.about-site .honors-design-giant .honors-pedestal { left: 40.442708%; }
.about-site .honors-design-committee .honors-pedestal { left: 64.739583%; }
.about-site .honors-design-lab .honors-certificate { left: 18.958333%; }
.about-site .honors-design-giant .honors-certificate { left: 43.541667%; }
.about-site .honors-design-committee .honors-certificate { left: 68.125%; }
.about-site .honors-design-item figcaption { position: absolute; top: 72.292191%; display: flex; align-items: center; gap: .78125cqw; color: #015dbe; font-family: 'PingFang SC', sans-serif; font-size: .9375cqw; font-weight: 500; line-height: normal; text-align: center; white-space: nowrap; }
.about-site .honors-design-item figcaption img { width: 1.09375cqw; height: 2.291667cqw; flex: none; }
.about-site .honors-design-lab figcaption { left: 19.739583%; }
.about-site .honors-design-giant figcaption { left: 50.416667%; top: 73.047859%; transform: translateX(-50%); }
.about-site .honors-design-committee figcaption { left: 67.96875%; }
.about-site .honors-right-laurel { transform: scaleX(-1); }

/* Supplied full composition includes the display pedestals and floor. */
.about-site .honors-design { background: #fff url('../assets/honors/figma/honors-background-20261018.png') center / 100% 100% no-repeat; }
.about-site .honors-floor,
.about-site .honors-pedestal { display: none; }

/* Include the artwork top inset in the 70px gap above the certificates. */
.about-site .about-page .about-honor-figma { margin-top: calc(70px - min(46px, 2.395833vw)); }

/* Extend the honors backdrop to both viewport edges beyond the 1920px artwork. */
.about-site .about-page .about-honor-figma { background: #fff url('../assets/honors/figma/honors-background-20261018.png') center / 100% 100% no-repeat; }
.about-site .honors-design { background-color: transparent; }