.page-about {
  --ab-cut: 20px;
  --ab-gap: 20px;
  --ab-rule: 1px solid rgba(20, 17, 15, .14);
  background: var(--paper-050);
  color: var(--ink-900);
}

.page-about .ab-h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(1.6rem, 5.4vw, 2.75rem);
  line-height: 1.24;
  letter-spacing: -.01em;
  margin: 10px 0 18px;
  max-width: 22em;
}

.page-about .ab-h2--invert { color: var(--paper-050); }

.page-about .ab-sub {
  font-size: .95rem;
  line-height: 1.9;
  color: var(--ink-600);
  max-width: 34em;
  margin: 0 0 32px;
}

.page-about .ab-eyebrow--invert { color: var(--gold-500); }

.page-about p { font-family: var(--font-body); line-height: 1.85; }

/* ---------- 首屏 ---------- */
.page-about .ab-hero {
  position: relative;
  padding: 88px 0 56px;
  background:
    linear-gradient(180deg, var(--paper-100) 0%, var(--paper-050) 62%);
  overflow: hidden;
}
.page-about .ab-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(20, 17, 15, .07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(20, 17, 15, .07) 1px, transparent 1px);
  background-size: 84px 84px;
  pointer-events: none;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.15));
}
.page-about .ab-hero .container { position: relative; }

.page-about .ab-hero__crumb {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--ink-600);
  margin-bottom: 28px;
}
.page-about .ab-hero__crumb a { color: var(--bamboo-600); text-decoration: none; }
.page-about .ab-hero__crumb a:hover { text-decoration: underline; }

.page-about .ab-hero__grid {
  display: grid;
  gap: 28px;
}

.page-about .ab-hero__title {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2.2rem, 9.5vw, 4.1rem);
  line-height: 1.1;
  letter-spacing: -.02em;
  margin: 12px 0 20px;
  color: var(--ink-900);
}
.page-about .ab-hero__title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin-top: 22px;
  background: var(--cinnabar-600);
}

.page-about .ab-hero__lede {
  font-size: 1rem;
  line-height: 1.9;
  color: var(--ink-600);
  max-width: 32em;
  margin: 0;
}

.page-about .ab-hero__media {
  margin: 0;
  position: relative;
  border: var(--ab-rule);
  background: var(--paper-200);
}
.page-about .ab-hero__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 7 / 5;
  object-fit: cover;
  filter: saturate(.85) contrast(1.02);
}
.page-about .ab-hero__media figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 6px 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  background: var(--ink-900);
  color: var(--paper-050);
}

.page-about .ab-hero__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 2px solid var(--ink-900);
  border-left: var(--ab-rule);
}
.page-about .ab-stat {
  padding: 18px 16px 20px;
  border-right: var(--ab-rule);
  border-bottom: var(--ab-rule);
  background: rgba(247, 242, 232, .6);
}
.page-about .ab-stat__num {
  display: block;
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(1.5rem, 6vw, 2.15rem);
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--ink-900);
}
.page-about .ab-stat__label {
  display: block;
  margin-top: 8px;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .03em;
  color: var(--ink-600);
}
.page-about .ab-stat--accent { background: var(--cinnabar-100); }
.page-about .ab-stat--accent .ab-stat__num { color: var(--cinnabar-700); }

/* ---------- 起源 ---------- */
.page-about .ab-origin { background: var(--paper-050); }

.page-about .ab-split { display: grid; gap: 32px; }

.page-about .ab-split__text p {
  font-size: .97rem;
  color: var(--ink-600);
  max-width: 32em;
  margin: 0 0 18px;
}
.page-about .ab-split__text p:first-of-type { color: var(--ink-900); }

.page-about .ab-factlist {
  border-top: 2px solid var(--cinnabar-600);
  align-self: start;
}
.page-about .ab-factlist__row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  justify-content: space-between;
  align-items: baseline;
  padding: 14px 4px;
  border-bottom: var(--ab-rule);
}
.page-about .ab-factlist__key {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--ink-600);
}
.page-about .ab-factlist__val {
  font-size: .94rem;
  font-weight: 500;
  color: var(--ink-900);
  text-align: right;
}

/* ---------- 年表 ---------- */
.page-about .ab-timeline .ab-h2 { margin-bottom: 8px; }

.page-about .ab-timeline__wrap { display: grid; gap: 24px; }

.page-about .ab-years {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 6px;
  scrollbar-width: thin;
}
.page-about .ab-years__item {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  text-decoration: none;
  color: var(--ink-600);
  padding: 7px 12px;
  border: var(--ab-rule);
  background: var(--paper-050);
  transition: color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.page-about .ab-years__item:hover,
.page-about .ab-years__item:focus-visible {
  background: var(--ink-900);
  color: var(--paper-050);
  outline: none;
}

.page-about .ab-nodes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 18px;
  position: relative;
}
.page-about .ab-nodes::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(180deg, var(--cinnabar-600), rgba(178, 58, 47, .12));
}

.page-about .ab-node {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  padding-left: 0;
}
.page-about .ab-node__year {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--cinnabar-700);
  padding-top: 16px;
  position: relative;
  z-index: 1;
}
.page-about .ab-node__year::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 22px;
  width: 11px;
  height: 11px;
  background: var(--paper-050);
  border: 2px solid var(--cinnabar-600);
  border-radius: 50%;
  transform: translateX(-50%);
}
.page-about .ab-node__body {
  background: var(--paper-050);
  border: var(--ab-rule);
  padding: 18px 18px 20px;
  clip-path: polygon(0 0, calc(100% - var(--ab-cut)) 0, 100% var(--ab-cut), 100% 100%, 0 100%);
  transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.page-about .ab-node__body:hover {
  border-color: var(--cinnabar-600);
  background: #FBF7F0;
}
.page-about .ab-node__body h3 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.06rem;
  line-height: 1.5;
  margin: 0 0 8px;
  color: var(--ink-900);
}
.page-about .ab-node__body p {
  margin: 0;
  font-size: .92rem;
  line-height: 1.85;
  color: var(--ink-600);
}

/* ---------- 团队 ---------- */
.page-about .ab-team { background: var(--paper-050); }

.page-about .ab-team__grid { display: grid; gap: 28px; }

.page-about .ab-team__intro p {
  font-size: .96rem;
  color: var(--ink-600);
  max-width: 32em;
  margin: 0 0 16px;
}

.page-about .ab-team__media {
  margin: 0;
  border: var(--ab-rule);
  position: relative;
}
.page-about .ab-team__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
}
.page-about .ab-team__media figcaption {
  display: block;
  padding: 8px 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--ink-600);
  border-top: var(--ab-rule);
  background: var(--paper-100);
}

.page-about .ab-roles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1px;
  background: var(--paper-200);
  border-top: 2px solid var(--ink-900);
}
.page-about .ab-role {
  background: var(--paper-050);
  padding: 16px 18px;
  display: grid;
  grid-template-columns: 56px 1fr;
  align-items: baseline;
  gap: 4px 14px;
}
.page-about .ab-role__num {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1;
  color: var(--bamboo-600);
  grid-row: span 2;
}
.page-about .ab-role__name {
  font-weight: 600;
  font-size: .95rem;
  color: var(--ink-900);
}
.page-about .ab-role__desc {
  font-size: .86rem;
  line-height: 1.75;
  color: var(--ink-600);
}

/* ---------- 服务网络 ---------- */
.page-about .ab-network__filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
}
.page-about .ab-network__filter .filter-btn {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .05em;
  padding: 7px 14px;
  border: var(--ab-rule);
  background: transparent;
  color: var(--ink-600);
  cursor: pointer;
  transition: background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.page-about .ab-network__filter .filter-btn:hover { border-color: var(--ink-900); color: var(--ink-900); }
.page-about .ab-network__filter .filter-btn[aria-pressed="true"] {
  background: var(--ink-900);
  border-color: var(--ink-900);
  color: var(--paper-050);
}

.page-about .ab-regions {
  list-style: none;
  margin: 0 0 36px;
  padding: 0;
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}
.page-about .ab-region {
  background: var(--paper-050);
  border: var(--ab-rule);
  border-left: 3px solid var(--cinnabar-600);
  padding: 16px 16px 18px;
}
.page-about .ab-region h3 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.12rem;
  margin: 8px 0 6px;
  color: var(--ink-900);
}
.page-about .ab-region p {
  margin: 0;
  font-size: .88rem;
  line-height: 1.8;
  color: var(--ink-600);
}

.page-about .ab-partners {
  display: grid;
  gap: 16px;
  border-top: 2px solid var(--ink-900);
  padding-top: 24px;
}
.page-about .ab-partners__item { padding: 0; }
.page-about .ab-partners__num {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2rem, 8vw, 2.9rem);
  line-height: 1;
  color: var(--gold-700);
  display: block;
}
.page-about .ab-partners__item h3 {
  font-size: .98rem;
  font-weight: 600;
  margin: 6px 0 8px;
  color: var(--ink-900);
}
.page-about .ab-partners__item p {
  margin: 0;
  font-size: .89rem;
  line-height: 1.8;
  color: var(--ink-600);
  max-width: 30em;
}
.page-about .ab-partners__item--note {
  background: var(--paper-050);
  border: var(--ab-rule);
  padding: 18px;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

.page-about .ab-textlink {
  display: inline-block;
  margin-top: 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .05em;
  color: var(--bamboo-600);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}
.page-about .ab-textlink:hover { color: var(--cinnabar-600); }
.page-about .ab-textlink--invert { color: var(--gold-500); }
.page-about .ab-textlink--invert:hover { color: var(--paper-050); }

/* ---------- 工作方法 ---------- */
.page-about .ab-method { background: var(--paper-050); }
.page-about .ab-method__grid { display: grid; gap: 16px; }
.page-about .ab-panel {
  position: relative;
  background: var(--paper-100);
  border: var(--ab-rule);
  padding: 22px 20px 24px;
  clip-path: polygon(0 0, calc(100% - var(--ab-cut)) 0, 100% var(--ab-cut), 100% 100%, 0 100%);
  transition: transform var(--dur) var(--ease), background var(--dur) var(--ease);
}
.page-about .ab-panel:nth-child(2) { background: var(--bamboo-100); }
.page-about .ab-panel:nth-child(3) { background: var(--gold-100); }
.page-about .ab-panel:hover { transform: translateY(-4px); }
.page-about .ab-panel__idx {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--ink-600);
}
.page-about .ab-panel h3 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.14rem;
  margin: 10px 0 10px;
  color: var(--ink-900);
}
.page-about .ab-panel p {
  margin: 0;
  font-size: .9rem;
  line-height: 1.85;
  color: var(--ink-700);
}

/* ---------- 资质 ---------- */
.page-about .ab-trust__grid { display: grid; gap: 28px; }
.page-about .ab-trust__text p {
  font-size: .95rem;
  color: var(--ink-600);
  max-width: 32em;
  margin: 0 0 16px;
}
.page-about .ab-trust__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--bamboo-600);
}
.page-about .ab-trust__list li {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  justify-content: space-between;
  align-items: baseline;
  padding: 13px 2px;
  border-bottom: var(--ab-rule);
}
.page-about .ab-trust__k {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .07em;
  color: var(--ink-600);
}
.page-about .ab-trust__v {
  font-size: .9rem;
  font-weight: 500;
  color: var(--ink-900);
  text-align: right;
}
.page-about .ab-trust__media {
  margin: 0;
  border: var(--ab-rule);
  background: var(--paper-200);
}
.page-about .ab-trust__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.page-about .ab-trust__media figcaption {
  display: block;
  padding: 8px 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--ink-600);
  border-top: var(--ab-rule);
  background: var(--paper-100);
}

/* ---------- 收束 ---------- */
.page-about .ab-start { background: var(--ink-900); }
.page-about .ab-start .container { position: relative; }
.page-about .ab-start__grid { display: grid; gap: 30px; }
.page-about .ab-start__lede {
  font-size: .96rem;
  line-height: 1.9;
  color: rgba(247, 242, 232, .78);
  max-width: 30em;
  margin: 0 0 22px;
}
.page-about .ab-start__links { display: flex; flex-wrap: wrap; gap: 12px 26px; }
.page-about .ab-start__panel {
  border: 1px solid rgba(247, 242, 232, .22);
  background: rgba(247, 242, 232, .04);
  padding: 24px 20px 26px;
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}
.page-about .ab-start__panel-title {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--gold-500);
  margin: 0 0 16px;
}
.page-about .ab-start__steps {
  list-style: none;
  counter-reset: ab-step;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  gap: 12px;
}
.page-about .ab-start__steps li {
  counter-increment: ab-step;
  position: relative;
  padding-left: 30px;
  font-size: .9rem;
  line-height: 1.7;
  color: rgba(247, 242, 232, .86);
}
.page-about .ab-start__steps li::before {
  content: counter(ab-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .05em;
  color: var(--gold-500);
}
.page-about .ab-start__panel .btn--gold { width: 100%; text-align: center; }

/* ---------- 响应式 ---------- */
@media (min-width: 700px) {
  .page-about .ab-hero { padding: 108px 0 72px; }
  .page-about .ab-hero__cards { grid-template-columns: repeat(4, 1fr); }
  .page-about .ab-regions { grid-template-columns: repeat(2, 1fr); }
  .page-about .ab-partners { grid-template-columns: repeat(2, 1fr); }
  .page-about .ab-method__grid { grid-template-columns: repeat(3, 1fr); }
  .page-about .ab-start__grid { grid-template-columns: 7fr 5fr; align-items: start; }
}

@media (min-width: 900px) {
  .page-about .ab-hero { padding: 128px 0 88px; }
  .page-about .ab-hero__grid {
    grid-template-columns: repeat(12, 1fr);
    gap: 32px 34px;
    align-items: start;
  }
  .page-about .ab-hero__lead { grid-column: 1 / 8; }
  .page-about .ab-hero__media { grid-column: 9 / 13; margin-top: 34px; }
  .page-about .ab-hero__cards {
    grid-column: 1 / 13;
    margin-top: 12px;
  }

  .page-about .ab-split { grid-template-columns: 7fr 5fr; gap: 56px; align-items: start; }

  .page-about .ab-timeline__wrap {
    grid-template-columns: 116px 1fr;
    gap: 48px;
    align-items: start;
  }
  .page-about .ab-years {
    flex-direction: column;
    overflow: visible;
    position: sticky;
    top: calc(var(--header-h) + 28px);
    gap: 0;
    border-left: 2px solid var(--paper-200);
    padding-bottom: 0;
  }
  .page-about .ab-years__item {
    border: 0;
    background: transparent;
    padding: 10px 0 10px 16px;
    color: var(--ink-600);
    text-align: left;
  }
  .page-about .ab-years__item:hover,
  .page-about .ab-years__item:focus-visible {
    background: transparent;
    color: var(--cinnabar-700);
    box-shadow: inset 2px 0 0 var(--cinnabar-600);
    margin-left: -2px;
  }
  .page-about .ab-nodes { gap: 26px; }
  .page-about .ab-nodes::before { left: 21px; }
  .page-about .ab-node { grid-template-columns: 62px 1fr; gap: 22px; }
  .page-about .ab-node__year { font-size: 13px; padding-top: 20px; }
  .page-about .ab-node__year::before { left: 21px; }
  .page-about .ab-node__body { padding: 24px 28px 26px; }

  .page-about .ab-team__grid {
    grid-template-columns: 6fr 6fr;
    gap: 34px 44px;
    align-items: start;
  }
  .page-about .ab-team__intro { grid-column: 1 / 2; }
  .page-about .ab-team__media { grid-column: 2 / 3; }
  .page-about .ab-roles { grid-column: 1 / 3; grid-template-columns: repeat(2, 1fr); }
  .page-about .ab-role { padding: 20px 24px; }

  .page-about .ab-regions { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .page-about .ab-partners { grid-template-columns: repeat(3, 1fr); gap: 32px; }

  .page-about .ab-trust__grid {
    grid-template-columns: 6fr 6fr;
    gap: 34px 48px;
    align-items: start;
  }
  .page-about .ab-trust__media { grid-column: 1 / 2; }
  .page-about .ab-trust__list { grid-column: 2 / 3; grid-row: 1 / span 2; }

  .page-about .ab-start__grid { gap: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-about .ab-panel,
  .page-about .ab-node__body,
  .page-about .ab-years__item { transition: none; }
  .page-about .ab-panel:hover { transform: none; }
}

.page-about{--ab-cut:20px;--ab-rule:1px solid rgba(20,17,15,.14);background:var(--paper-050);color:var(--ink-900)}
.page-about .ab-h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,5.4vw,2.75rem);line-height:1.24;letter-spacing:-.01em;margin:10px 0 18px;max-width:22em}
.page-about .ab-h2--invert{color:var(--paper-050)}
.page-about .ab-sub{font-size:.95rem;line-height:1.9;color:var(--ink-600);max-width:34em;margin:0 0 32px}
.page-about .ab-eyebrow--invert{color:var(--gold-500)}
.page-about p{line-height:1.85}
.page-about .ab-hero{position:relative;padding:88px 0 56px;background:linear-gradient(180deg,var(--paper-100) 0%,var(--paper-050) 62%);overflow:hidden}
.page-about .ab-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(20,17,15,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(20,17,15,.07) 1px,transparent 1px);background-size:84px 84px;pointer-events:none}
.page-about .ab-hero .container{position:relative}
.page-about .ab-hero__crumb{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-600);margin-bottom:28px}
.page-about .ab-hero__crumb a{color:var(--bamboo-600);text-decoration:none}
.page-about .ab-hero__crumb a:hover{text-decoration:underline}
.page-about .ab-hero__grid{display:grid;gap:28px}
.page-about .ab-hero__title{font-family:var(--font-display);font-weight:300;font-size:clamp(2.2rem,9.5vw,4.1rem);line-height:1.1;letter-spacing:-.02em;margin:12px 0 20px;color:var(--ink-900)}
.page-about .ab-hero__title::after{content:"";display:block;width:64px;height:3px;margin-top:22px;background:var(--cinnabar-600)}
.page-about .ab-hero__lede{font-size:1rem;line-height:1.9;color:var(--ink-600);max-width:32em;margin:0}
.page-about .ab-hero__media{margin:0;position:relative;border:var(--ab-rule);background:var(--paper-200)}
.page-about .ab-hero__media img{display:block;width:100%;height:auto;aspect-ratio:7/5;object-fit:cover;filter:saturate(.85) contrast(1.02)}
.page-about .ab-hero__media figcaption{position:absolute;right:0;bottom:0;padding:6px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;background:var(--ink-900);color:var(--paper-050)}
.page-about .ab-hero__cards{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--ink-900);border-left:var(--ab-rule)}
.page-about .ab-stat{padding:18px 16px 20px;border-right:var(--ab-rule);border-bottom:var(--ab-rule);background:rgba(247,242,232,.6)}
.page-about .ab-stat__num{display:block;font-family:var(--font-display);font-weight:300;font-size:clamp(1.5rem,6vw,2.15rem);line-height:1.1;color:var(--ink-900)}
.page-about .ab-stat__label{display:block;margin-top:8px;font-family:var(--font-mono);font-size:11px;line-height:1.6;letter-spacing:.03em;color:var(--ink-600)}
.page-about .ab-stat--accent{background:var(--cinnabar-100)}
.page-about .ab-stat--accent .ab-stat__num{color:var(--cinnabar-700)}
.page-about .ab-origin{background:var(--paper-050)}
.page-about .ab-split{display:grid;gap:32px}
.page-about .ab-split__text p{font-size:.97rem;color:var(--ink-600);max-width:32em;margin:0 0 18px}
.page-about .ab-split__text p:first-of-type{color:var(--ink-900)}
.page-about .ab-factlist{border-top:2px solid var(--cinnabar-600);align-self:start}
.page-about .ab-factlist__row{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;align-items:baseline;padding:14px 4px;border-bottom:var(--ab-rule)}
.page-about .ab-factlist__key{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-600)}
.page-about .ab-factlist__val{font-size:.94rem;font-weight:500;color:var(--ink-900);text-align:right}
.page-about .ab-timeline .ab-h2{margin-bottom:8px}
.page-about .ab-timeline__wrap{display:grid;gap:24px}
.page-about .ab-years{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.page-about .ab-years__item{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-decoration:none;color:var(--ink-600);padding:7px 12px;border:var(--ab-rule);background:var(--paper-050);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.page-about .ab-years__item:hover,.page-about .ab-years__item:focus-visible{background:var(--ink-900);color:var(--paper-050);outline:none}
.page-about .ab-nodes{list-style:none;margin:0;padding:0;display:grid;gap:18px;position:relative}
.page-about .ab-nodes::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--cinnabar-600),rgba(178,58,47,.12))}
.page-about .ab-node{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px}
.page-about .ab-node__year{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--cinnabar-700);padding-top:16px;position:relative;z-index:1}
.page-about .ab-node__year::before{content:"";position:absolute;left:10px;top:22px;width:11px;height:11px;background:var(--paper-050);border:2px solid var(--cinnabar-600);border-radius:50%;transform:translateX(-50%)}
.page-about .ab-node__body{background:var(--paper-050);border:var(--ab-rule);padding:18px 18px 20px;clip-path:polygon(0 0,calc(100% - var(--ab-cut)) 0,100% var(--ab-cut),100% 100%,0 100%);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.page-about .ab-node__body:hover{border-color:var(--cinnabar-600);background:#FBF7F0}
.page-about .ab-node__body h3{font-family:var(--font-display);font-weight:600;font-size:1.06rem;line-height:1.5;margin:0 0 8px;color:var(--ink-900)}
.page-about .ab-node__body p{margin:0;font-size:.92rem;line-height:1.85;color:var(--ink-600)}
.page-about .ab-team{background:var(--paper-050)}
.page-about .ab-team__grid{display:grid;gap:28px}
.page-about .ab-team__intro p{font-size:.96rem;color:var(--ink-600);max-width:32em;margin:0 0 16px}
.page-about .ab-team__media{margin:0;border:var(--ab-rule);position:relative}
.page-about .ab-team__media img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.page-about .ab-team__media figcaption{display:block;padding:8px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-600);border-top:var(--ab-rule);background:var(--paper-100)}
.page-about .ab-roles{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--paper-200);border-top:2px solid var(--ink-900)}
.page-about .ab-role{background:var(--paper-050);padding:16px 18px;display:grid;grid-template-columns:56px 1fr;align-items:baseline;gap:4px 14px}
.page-about .ab-role__num{font-family:var(--font-display);font-weight:300;font-size:1.6rem;line-height:1;color:var(--bamboo-600);grid-row:span 2}
.page-about .ab-role__name{font-weight:600;font-size:.95rem;color:var(--ink-900)}
.page-about .ab-role__desc{font-size:.86rem;line-height:1.75;color:var(--ink-600)}
.page-about .ab-network__filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.page-about .ab-network__filter .filter-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;padding:7px 14px;border:var(--ab-rule);background:transparent;color:var(--ink-600);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.page-about .ab-network__filter .filter-btn:hover{border-color:var(--ink-900);color:var(--ink-900)}
.page-about .ab-network__filter .filter-btn[aria-pressed="true"]{background:var(--ink-900);border-color:var(--ink-900);color:var(--paper-050)}
.page-about .ab-regions{list-style:none;margin:0 0 36px;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
.page-about .ab-region{background:var(--paper-050);border:var(--ab-rule);border-left:3px solid var(--cinnabar-600);padding:16px 16px 18px}
.page-about .ab-region h3{font-family:var(--font-display);font-weight:600;font-size:1.12rem;margin:8px 0 6px;color:var(--ink-900)}
.page-about .ab-region p{margin:0;font-size:.88rem;line-height:1.8;color:var(--ink-600)}
.page-about .ab-partners{display:grid;gap:16px;border-top:2px solid var(--ink-900);padding-top:24px}
.page-about .ab-partners__num{font-family:var(--font-display);font-weight:300;font-size:clamp(2rem,8vw,2.9rem);line-height:1;color:var(--gold-700);display:block}
.page-about .ab-partners__item h3{font-size:.98rem;font-weight:600;margin:6px 0 8px;color:var(--ink-900)}
.page-about .ab-partners__item p{margin:0;font-size:.89rem;line-height:1.8;color:var(--ink-600);max-width:30em}
.page-about .ab-partners__item--note{background:var(--paper-050);border:var(--ab-rule);padding:18px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.page-about .ab-textlink{display:inline-block;margin-top:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:var(--bamboo-600);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.page-about .ab-textlink:hover{color:var(--cinnabar-600)}
.page-about .ab-textlink--invert{color:var(--gold-500)}
.page-about .ab-textlink--invert:hover{color:var(--paper-050)}
.page-about .ab-method{background:var(--paper-050)}
.page-about .ab-method__grid{display:grid;gap:16px}
.page-about .ab-panel{position:relative;background:var(--paper-100);border:var(--ab-rule);padding:22px 20px 24px;clip-path:polygon(0 0,calc(100% - var(--ab-cut)) 0,100% var(--ab-cut),100% 100%,0 100%);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}
.page-about .ab-panel:nth-child(2){background:var(--bamboo-100)}
.page-about .ab-panel:nth-child(3){background:var(--gold-100)}
.page-about .ab-panel:hover{transform:translateY(-4px)}
.page-about .ab-panel__idx{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--ink-600)}
.page-about .ab-panel h3{font-family:var(--font-display);font-weight:600;font-size:1.14rem;margin:10px 0;color:var(--ink-900)}
.page-about .ab-panel p{margin:0;font-size:.9rem;line-height:1.85;color:var(--ink-700)}
.page-about .ab-trust__grid{display:grid;gap:28px}
.page-about .ab-trust__text p{font-size:.95rem;color:var(--ink-600);max-width:32em;margin:0 0 16px}
.page-about .ab-trust__list{list-style:none;margin:0;padding:0;border-top:2px solid var(--bamboo-600)}
.page-about .ab-trust__list li{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;align-items:baseline;padding:13px 2px;border-bottom:var(--ab-rule)}
.page-about .ab-trust__k{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;color:var(--ink-600)}
.page-about .ab-trust__v{font-size:.9rem;font-weight:500;color:var(--ink-900);text-align:right}
.page-about .ab-trust__media{margin:0;border:var(--ab-rule);background:var(--paper-200)}
.page-about .ab-trust__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.page-about .ab-trust__media figcaption{display:block;padding:8px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-600);border-top:var(--ab-rule);background:var(--paper-100)}
.page-about .ab-start{background:var(--ink-900)}
.page-about .ab-start__grid{display:grid;gap:30px}
.page-about .ab-start__lede{font-size:.96rem;line-height:1.9;color:rgba(247,242,232,.78);max-width:30em;margin:0 0 22px}
.page-about .ab-start__links{display:flex;flex-wrap:wrap;gap:12px 26px}
.page-about .ab-start__panel{border:1px solid rgba(247,242,232,.22);background:rgba(247,242,232,.04);padding:24px 20px 26px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.page-about .ab-start__panel-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--gold-500);margin:0 0 16px}
.page-about .ab-start__steps{list-style:none;counter-reset:ab-step;margin:0 0 22px;padding:0;display:grid;gap:12px}
.page-about .ab-start__steps li{counter-increment:ab-step;position:relative;padding-left:30px;font-size:.9rem;line-height:1.7;color:rgba(247,242,232,.86)}
.page-about .ab-start__steps li::before{content:counter(ab-step,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--gold-500)}
.page-about .ab-start__panel .btn--gold{width:100%;text-align:center}
@media (min-width:700px){
  .page-about .ab-hero{padding:108px 0 72px}
  .page-about .ab-hero__cards{grid-template-columns:repeat(4,1fr)}
  .page-about .ab-regions{grid-template-columns:repeat(2,1fr)}
  .page-about .ab-partners{grid-template-columns:repeat(2,1fr)}
  .page-about .ab-method__grid{grid-template-columns:repeat(3,1fr)}
  .page-about .ab-start__grid{grid-template-columns:7fr 5fr;align-items:start}
}
@media (min-width:900px){
  .page-about .ab-hero{padding:128px 0 88px}
  .page-about .ab-hero__grid{grid-template-columns:repeat(12,1fr);gap:32px 34px;align-items:start}
  .page-about .ab-hero__lead{grid-column:1/8}
  .page-about .ab-hero__media{grid-column:9/13;margin-top:34px}
  .page-about .ab-hero__cards{grid-column:1/13;margin-top:12px}
  .page-about .ab-split{grid-template-columns:7fr 5fr;gap:56px;align-items:start}
  .page-about .ab-timeline__wrap{grid-template-columns:116px 1fr;gap:48px;align-items:start}
  .page-about .ab-years{flex-direction:column;overflow:visible;position:sticky;top:calc(var(--header-h) + 28px);gap:0;border-left:2px solid var(--paper-200);padding-bottom:0}
  .page-about .ab-years__item{border:0;background:transparent;padding:10px 0 10px 16px;color:var(--ink-600);text-align:left}
  .page-about .ab-years__item:hover,.page-about .ab-years__item:focus-visible{background:transparent;color:var(--cinnabar-700);box-shadow:inset 2px 0 0 var(--cinnabar-600);margin-left:-2px}
  .page-about .ab-nodes{gap:26px}
  .page-about .ab-nodes::before{left:21px}
  .page-about .ab-node{grid-template-columns:62px 1fr;gap:22px}
  .page-about .ab-node__year{font-size:13px;padding-top:20px}
  .page-about .ab-node__year::before{left:21px}
  .page-about .ab-node__body{padding:24px 28px 26px}
  .page-about .ab-team__grid{grid-template-columns:6fr 6fr;gap:34px 44px;align-items:start}
  .page-about .ab-team__intro{grid-column:1/2}
  .page-about .ab-team__media{grid-column:2/3}
  .page-about .ab-roles{grid-column:1/3;grid-template-columns:repeat(2,1fr)}
  .page-about .ab-role{padding:20px 24px}
  .page-about .ab-regions{grid-template-columns:repeat(3,1fr);gap:16px}
  .page-about .ab-partners{grid-template-columns:repeat(3,1fr);gap:32px}
  .page-about .ab-trust__grid{grid-template-columns:6fr 6fr;gap:34px 48px;align-items:start}
  .page-about .ab-trust__media{grid-column:1/2}
  .page-about .ab-trust__list{grid-column:2/3;grid-row:1/span 2}
  .page-about .ab-start__grid{gap:56px}
}
@media (prefers-reduced-motion:reduce){
  .page-about .ab-panel,.page-about .ab-node__body,.page-about .ab-years__item{transition:none}
  .page-about .ab-panel:hover{transform:none}
}