/* Equal-weight principles, with body copy centered on the whole panel. */
#main .culture-section--ledger {
  padding: clamp(64px, 5.6vw, 96px) var(--site-edge);
  background: #f1f3f0;
}
#main .culture-section--ledger .culture-section__head { margin-bottom: 36px; }
.culture-ledger {
  overflow: hidden;
  /* Keep the unrevealed area continuous with the section. Each row owns its
     blue surface so the background and its copy enter as one composition. */
  background: #f1f3f0;
  border-top: 2px solid #cf3040;
}
.culture-ledger article { background: #f1f3f0; }
.culture-ledger__row {
  position: relative;
  display: grid;
  /* Matching side rails prevent the left label from pushing the center right. */
  grid-template-columns: 110px minmax(0, 1fr) 110px;
  align-items: center;
  min-height: 132px;
  padding: 24px clamp(28px, 3.4vw, 54px);
  background: #0a2850;
  overflow: hidden;
  isolation: isolate;
}
.culture-ledger__row::after {
  position: absolute;
  z-index: -1;
  right: -.08em;
  top: 50%;
  content: attr(data-culture-word);
  color: rgb(238 243 247 / 2%);
  font: 800 clamp(54px, 5.2vw, 86px)/.8 var(--display);
  letter-spacing: .065em;
  white-space: nowrap;
  -webkit-text-stroke: 1px rgb(232 239 246 / 13%);
  transform: translateY(-50%);
  pointer-events: none;
  user-select: none;
}
.culture-ledger article + article .culture-ledger__row {
  box-shadow: inset 0 1px rgb(229 237 245 / 22%);
}
#main .culture-ledger h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #f9faf8;
}
.culture-ledger h3::after {
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 20px;
  height: 2px;
  content: "";
  background: #e24b58;
}
#main .culture-ledger p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #eef3f6;
  font: 400 clamp(17px, 1.22vw, 21px)/1.65 var(--display);
  letter-spacing: 0;
  text-align: center;
  text-wrap: balance;
}
#main .culture-ledger__values {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px clamp(20px, 2.8vw, 44px);
}
.culture-ledger__values span { white-space: nowrap; }
.culture-ledger__row.is-culture-motion-ready {
  opacity: 0;
  filter: saturate(.92) brightness(.98);
  transform: translate3d(0, 14px, 0) scale(.994);
  transition:
    opacity 760ms cubic-bezier(.37, 0, .63, 1) var(--culture-delay, 0ms),
    transform 820ms cubic-bezier(.16, 1, .3, 1) var(--culture-delay, 0ms),
    filter 680ms cubic-bezier(.16, 1, .3, 1) var(--culture-delay, 0ms);
  will-change: opacity, transform, filter;
}
.culture-ledger__row.is-culture-motion-ready.is-culture-motion-visible {
  opacity: 1;
  filter: none;
  transform: none;
  will-change: auto;
}
@media (prefers-reduced-motion: reduce) {
  .culture-ledger__row.is-culture-motion-ready {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}
@media (max-width: 900px) {
  .culture-ledger__row { grid-template-columns: 82px minmax(0, 1fr) 82px; padding-inline: 24px; }
  .culture-ledger__row::after { font-size: clamp(48px, 8vw, 68px); }
  #main .culture-ledger__values { gap: 10px 22px; }
}
@media (max-width: 700px) {
  #main .culture-section--ledger { padding-block: 56px; }
  #main .culture-section--ledger .culture-section__head { margin-bottom: 28px; }
  .culture-ledger__row {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 24px;
    min-height: 184px;
    padding: 28px 20px;
  }
  .culture-ledger__row::after {
    right: -.06em;
    top: auto;
    bottom: 10px;
    font-size: clamp(48px, 15vw, 70px);
    -webkit-text-stroke-color: rgb(232 239 246 / 10%);
    transform: none;
  }
  #main .culture-ledger h3 { text-align: center; }
  .culture-ledger h3::after { left: calc(50% - 10px); bottom: -10px; }
  #main .culture-ledger__values {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    column-gap: 28px;
  }
}