/* Section 06: the supplied reference's centered, three-board composition. */
.awards-section {
  --recognition-paper: rgba(248, 247, 236, .86);
  --board-width: 190px;
  --board-height: 260px;
  position: relative;
  background: #242820;
  padding: 30px 0 36px;
  overflow: clip;
}
.awards-section > *:not(.recognition-bg-video):not(.recognition-bg-wash) { position: relative; z-index: 1; }
.recognition-bg-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .28; filter: saturate(.65) contrast(1.05); z-index: 0; }
.recognition-bg-wash { position: absolute; inset: 0; background: rgba(248, 247, 236, .56); z-index: 0; }
.awards-section > .page-width {
  width: calc(100% - 96px);
  max-width: 1120px;
  min-height: calc(100svh - 142px);
  display: flex;
  flex-direction: column;
}
.awards-section .section-label { flex: none; }
.awards-section .section-heading {
  display: block;
  flex: none;
  margin: 40px 0 24px;
  text-align: center;
}
.awards-section .section-heading h2 {
  font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", serif;
  font-size: clamp(2.5rem, 3.4vw, 4rem);
  font-weight: 500;
  line-height: 1.3;
}
.awards-section .section-heading > p {
  max-width: none;
  margin: 18px auto 0;
  font-size: 1rem;
}
.awards-section .board-carousel {
  position: relative;
  width: 100%;
  flex: 1;
  display: grid;
  align-items: center;
  min-height: 380px;
  margin: 24px auto 38px;
  touch-action: pan-y;
}
.awards-section .board-carousel:focus-visible {
  outline: 1px solid var(--muted);
  outline-offset: 8px;
}
.awards-section .board-track {
  position: relative;
  width: 100%;
  height: calc(var(--board-height) + 85px);
  max-width: none;
}
.awards-section .board-card {
  position: absolute;
  top: 16px;
  left: 114%;
  width: var(--board-width);
  min-width: 0;
  opacity: 0;
  z-index: 0;
  transform: translateX(-50%) translateY(28px) scale(.76);
  transform-origin: top center;
  filter: none;
  pointer-events: none;
  transition: left .72s var(--ease), transform .72s var(--ease), opacity .48s ease;
}
.awards-section .board-card.is-left {
  left: 14%;
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}
.awards-section .board-card.is-right {
  left: 88%;
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}
.awards-section .board-card.is-center {
  left: 45%;
  top: 16px;
  opacity: 1;
  z-index: 3;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0) scale(1);
}
.awards-section .board-card.is-off-left { left: -16%; }
.awards-section .board-link { display: block; }
.awards-section .board-visual {
  display: block;
  position: relative;
  width: 100%;
  height: var(--board-height);
  background: transparent;
  overflow: visible;
}
.awards-section .board-visual-empty { visibility: hidden; }
.awards-section .board-visual img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  position: absolute;
  inset: 0;
  border: none;
  background: transparent;
}
.awards-section .board-visual .board-image-back { transform: translate(12px, -12px) scale(.96); opacity: .72; z-index: 0; }
.awards-section .board-visual .board-image-main { z-index: 1; }
.awards-section .board-title {
  font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  padding: 0;
  margin: 20px -22px 0;
}
.awards-section .board-intro { display: none; margin: 8px -22px 0; text-align: center; font-size: .875rem; font-weight: 600; line-height: 1.6; color: var(--muted); }
.awards-section .board-card.is-center .board-intro { display: block; }
.awards-section .board-details {
  position: absolute;
  left: calc(100% + 32px);
  top: 34px;
  width: 175px;
  font-size: .875rem;
  line-height: 1.65;
  color: var(--ink);
}
.awards-section .board-details ul { margin: 0; padding-left: 18px; }
.awards-section .board-details li { font-weight: 600; }
.awards-section .board-details li + li { margin-top: 11px; }
.awards-section .board-card.is-center .board-details {
  animation: board-description-in .45s .45s both;
}
@keyframes board-description-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: none; }
}
.awards-section .awards-pager {
  position: relative;
  width: 100%;
  flex: none;
  padding: 0 48px 0;
  border: none;
}
.awards-section .awards-pages { overflow: visible; }
.awards-section .award-page {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  min-width: 0;
  border-top: 1px solid var(--muted);
  transform: none;
  transition: none;
}
.awards-section .award-card {
  min-height: 118px;
  padding: 0 0 10px;
  border: none;
  background: none;
  text-align: center;
}
.awards-section .award-card > .meta {
  display: table;
  padding: 0 10px;
  margin: -12px auto 10px;
  background: var(--recognition-paper);
  font-size: .875rem;
}
.awards-section .award-marker { display: grid; place-items: center; width: 27px; height: 27px; margin: -14px auto 10px; border-radius: 50%; background: var(--ink); color: var(--recognition-paper); font-family: var(--mono); font-size: .7rem; line-height: 1; }
.awards-section .award-card h3 {
  margin: 0;
  font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
}
.awards-section .award-card p { margin-top: 8px; font-size: .875rem; }
.awards-section .certificate-link { display: inline-flex; gap: 10px; margin-top: 8px; border-bottom: 1px solid currentColor; color: var(--muted); font-size: .8rem; line-height: 1.4; }
.awards-section .certificate-link:hover { color: var(--ink); }
.awards-section .award-nav {
  top: 24px;
  bottom: auto;
  width: 40px;
  height: 44px;
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
}
.awards-section .award-nav:hover { color: var(--muted); background: transparent; }
.awards-section .award-nav:disabled { opacity: .2; cursor: default; }
.awards-section .award-page-status { margin: 4px 0 0; font-size: .8125rem; }
@media (max-width: 1100px) {
  .awards-section { --board-width: 160px; --board-height: 220px; }
  .awards-section > .page-width { width: calc(100% - 64px); }
  .awards-section .board-carousel { min-height: 335px; }
  .awards-section .board-card.is-center { left: 42%; }
  .awards-section .board-details { left: calc(100% + 24px); width: 165px; font-size: .875rem; }
  .awards-section .board-title { margin-inline: -12px; }
  .awards-section .award-page { gap: 18px; }
}
@media (max-width: 760px) {
  .awards-section { --board-width: clamp(118px, 25vw, 160px); --board-height: clamp(180px, 34vw, 220px); padding-block: 28px 40px; }
  .awards-section > .page-width { width: calc(100% - 36px); min-height: auto; }
  .awards-section .section-heading { margin: 32px 0 16px; }
  .awards-section .section-heading h2 { font-size: 2.3rem; }
  .awards-section .section-heading > p { font-size: .9375rem; }
  .awards-section .board-carousel { min-height: 290px; margin: 32px 0 44px; }
  .awards-section .board-card.is-center { left: 26%; }
  .awards-section .board-card.is-left { left: -26%; }
  .awards-section .board-card.is-right { left: 128%; }
  .awards-section .board-card.is-off-left { left: -70%; }
  .awards-section .board-details { left: calc(100% + 24px); width: clamp(130px, 32vw, 220px); font-size: .8125rem; top: 0; }
  .awards-section .board-details p { margin-bottom: 12px; }
  .awards-section .board-details li + li { margin-top: 10px; }
  .awards-section .board-title { font-size: 1rem; margin-top: 16px; }
  .awards-section .awards-pager { padding: 0 30px; }
  .awards-section .award-page { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .awards-section .award-card { min-height: 108px; }
  .awards-section .award-card h3 { font-size: 1rem; }
  .awards-section .award-nav { top: 70px; width: 28px; }
}

/* Match the reference: real boards above, pure-text awards below. */
.awards-section .board-card {
  transition: left .54s var(--ease), transform .54s var(--ease), opacity .38s ease;
}
.awards-section .board-title {
  font-weight: 700;
}
.awards-section .board-intro,
.awards-section .board-details {
  font-size: .8125rem;
}
.awards-section .board-details li {
  font-weight: 600;
}
.awards-section .award-card {
  display: block;
  color: var(--ink);
  text-decoration: none;
}
.awards-section .award-card:hover h3 {
  color: var(--muted);
}
.awards-section .award-marker {
  display: block;
  width: auto;
  height: auto;
  margin: 12px auto 10px;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-family: var(--mono);
  font-size: .75rem;
  font-weight: 600;
}
.awards-section .certificate-link {
  display: none;
}

/* Four-card carousel: larger boards, tighter composition, and light supporting copy. */
.awards-section {
  --board-width: 250px;
  --board-height: 342px;
}
.awards-section .board-track {
  height: calc(var(--board-height) + 92px);
}
.awards-section .board-card {
  transition: left .48s var(--ease), transform .48s var(--ease), opacity .34s ease;
}
.awards-section .board-card.is-left,
.awards-section .board-card.is-right {
  transform: translateX(-50%) translateY(24px) scale(.84);
}
.awards-section .board-card.is-left { left: 18%; }
.awards-section .board-card.is-center { left: 45%; }
.awards-section .board-card.is-right { left: 84%; }
.awards-section .board-title {
  margin-top: 16px;
  font-size: 1rem;
}
.awards-section .board-intro {
  margin-top: 7px;
  font-size: .78rem;
}
.awards-section .board-details {
  left: calc(100% + 26px);
  top: 28px;
  width: 168px;
  font-size: .78rem;
}
.awards-section .board-details li + li { margin-top: 8px; }

@media (max-width: 1100px) {
  .awards-section {
    --board-width: 214px;
    --board-height: 294px;
  }
  .awards-section .board-card.is-left { left: 14%; }
  .awards-section .board-card.is-center { left: 42%; }
  .awards-section .board-card.is-right { left: 90%; }
  .awards-section .board-details {
    left: calc(100% + 20px);
    width: 150px;
  }
}

@media (max-width: 760px) {
  .awards-section {
    --board-width: clamp(154px, 42vw, 202px);
    --board-height: clamp(214px, 58vw, 278px);
  }
  .awards-section .board-track {
    height: calc(var(--board-height) + 72px);
  }
  .awards-section .board-card.is-left,
  .awards-section .board-card.is-right {
    transform: translateX(-50%) translateY(18px) scale(.78);
  }
  .awards-section .board-card.is-left { left: 8%; }
  .awards-section .board-card.is-center { left: 50%; }
  .awards-section .board-card.is-right { left: 92%; }
  .awards-section .board-details {
    left: calc(100% + 16px);
    width: clamp(126px, 33vw, 180px);
    font-size: .75rem;
  }
}