:root {
  --ax-paper: #f4f5ef;
  --ax-ink: #0b2118;
  --ax-muted: #627168;
  --ax-green: #087657;
  --ax-dark: #07150f;
  --ax-mint: #c8e8d1;
  --ax-accent: #b7f36b;
  --ax-line: rgba(11, 33, 24, .18);
  --ax-ease: cubic-bezier(.16, 1, .3, 1);
}

html { scroll-behavior: smooth; }

body.about-experience-page {
  margin: 0;
  overflow-x: clip;
  background: var(--ax-paper);
  color: var(--ax-ink);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

body.about-experience-page [data-site-header] { position: relative; z-index: 20; }
.about-x, .about-x * { box-sizing: border-box; }
.about-x { overflow: clip; background: var(--ax-paper); }
.about-x img, .about-x video { max-width: 100%; }
.about-x h1, .about-x h2, .about-x h3, .about-x h4, .about-x h5, .about-x p, .about-x figure, .about-x blockquote, .about-x dl, .about-x dd, .about-x ol, .about-x ul { margin: 0; }
.about-x :where(h1, h2, h3, h4, h5, strong) { color: inherit !important; }
.about-x ol, .about-x ul { padding: 0; list-style: none; }
.about-x :where(h1, h2, h3) { text-wrap: balance; }
.about-x :where(p, li, dd, blockquote) { text-wrap: pretty; }

.about-x-shell { width: min(calc(100% - 72px), 1540px); margin-inline: auto; }
.about-x-label { color: var(--ax-green); font-size: 11px; font-weight: 800; letter-spacing: .18em; }

/* Cinematic hero: a real moving field, cut by an organic edge instead of a box. */
.about-x-hero {
  position: relative;
  min-height: calc(100svh - 60px);
  overflow: hidden;
  background: #e9eee8;
  isolation: isolate;
}

.about-x-hero-media {
  position: absolute;
  z-index: -3;
  inset: 0 0 0 28%;
  overflow: hidden;
  clip-path: ellipse(84% 105% at 100% 50%);
  background: #adc0b3;
}

.about-x-hero-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.78) contrast(1.08) brightness(.8);
  transform: scale(1.04);
}

.about-x-hero-shade {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(244,245,239,.98) 0%, rgba(244,245,239,.93) 27%, rgba(244,245,239,.24) 57%, rgba(4,16,11,.12) 100%),
    linear-gradient(0deg, rgba(3,18,12,.5) 0%, transparent 37%);
  pointer-events: none;
}

.about-x-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: min(calc(100% - 72px), 1540px);
  min-height: calc(100svh - 60px);
  margin-inline: auto;
  padding: clamp(34px, 4.2vw, 64px) 0 clamp(36px, 4.5vw, 68px);
}

.about-x-kicker { display: flex; justify-content: space-between; width: min(100%, 640px); gap: 24px; font-size: 10px; font-weight: 800; letter-spacing: .17em; }
.about-x-kicker span:last-child { color: #66776d; }

.about-x-hero h1 {
  max-width: 1180px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: clamp(76px, 9.1vw, 142px);
  font-weight: 760;
  line-height: .97;
  letter-spacing: -.068em;
}
.about-x-hero h1 span { display: block; }
.about-x-hero h1 span:last-child { margin-left: clamp(0px, 8vw, 126px); color: #fff; text-shadow: 0 4px 40px rgba(0,0,0,.2); }

.about-x-hero-bottom { display: grid; grid-template-columns: minmax(320px, 560px) auto; gap: 60px; align-items: end; }
.about-x-hero-bottom p { color: rgba(11,33,24,.78); font-size: clamp(16px, 1.25vw, 20px); line-height: 1.8; }
.about-x-hero-bottom a { display: inline-flex; align-items: center; gap: 22px; justify-self: end; padding: 14px 20px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px !important; background: rgba(7,21,15,.76); color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; backdrop-filter: blur(12px); transition: background .35s ease, color .35s ease, transform .35s ease; }
.about-x-hero-bottom a:hover { background: #fff; color: var(--ax-ink); transform: translateY(-3px); }

/* Continuous vocabulary rail */
.about-x-flow { position: relative; overflow: hidden; padding: 0; border-top: 1px solid rgba(173,255,70,.18); border-bottom: 1px solid rgba(173,255,70,.14); background: var(--ax-dark); color: #fff; }
.about-x-flow::before, .about-x-flow::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: clamp(18px, 5vw, 92px); pointer-events: none; }
.about-x-flow::before { left: 0; background: linear-gradient(90deg, var(--ax-dark), transparent); }
.about-x-flow::after { right: 0; background: linear-gradient(-90deg, var(--ax-dark), transparent); }
.about-x-flow-track { display: flex; width: max-content; animation: ax-flow 38s linear infinite; will-change: transform; }
.about-x-flow-track > div { display: flex; flex: 0 0 auto; align-items: stretch; justify-content: space-around; min-width: 100vw; }
.about-x-flow-track span { position: relative; display: grid; flex: 0 0 auto; align-content: center; gap: 6px; min-height: 90px; padding: 0 clamp(30px, 3vw, 58px) 0 clamp(23px, 2.4vw, 46px); white-space: nowrap; }
.about-x-flow-track span::after { content: ""; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--ax-accent); box-shadow: 0 0 18px rgba(173,255,70,.46); transform: translateY(-50%); }
.about-x-flow-track strong { font-size: clamp(16px, 1.3vw, 21px); font-weight: 720; line-height: 1; letter-spacing: -.025em; }
.about-x-flow-track small { color: rgba(255,255,255,.44); font-size: 8px; font-weight: 760; line-height: 1; letter-spacing: .16em; }
@keyframes ax-flow { to { transform: translate3d(-50%,0,0); } }
.about-x-flow:hover .about-x-flow-track { animation-play-state: paused; }

/* Belief */
.about-x-belief {
  padding: clamp(120px, 11vw, 184px) 0;
  background:
    radial-gradient(circle at 88% 18%, rgba(58,174,123,.11), transparent 29%),
    radial-gradient(circle at 7% 62%, rgba(183,243,107,.13), transparent 24%),
    var(--ax-paper);
}
.about-x-belief-head { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 32px 52px; align-items: end; }
.about-x-belief-head h2 { font-size: clamp(58px, 6vw, 94px); font-weight: 720; line-height: 1.05; letter-spacing: -.07em; }
.about-x-belief-head h2 span { display: block; white-space: nowrap; }
.about-x-belief-head > p:last-child { grid-column: 2; width: min(100%, 520px); justify-self: end; color: var(--ax-muted); font-size: clamp(17px, 1.35vw, 21px); line-height: 1.85; }

.about-x-belief-stage { position: relative; min-height: 900px; margin-top: 110px; }
.about-x-belief-stage figure { overflow: hidden; }
.about-x-belief-stage img { display: block; width: 100%; height: 112%; object-fit: cover; filter: saturate(.83) contrast(1.04); }
.about-x-belief-main { position: absolute; inset: 0 auto auto 0; width: 68%; height: 760px; border-radius: 48% 48% 34px 34px / 34% 34% 34px 34px; background: #c4d4c8; }
.about-x-belief-main figcaption { position: absolute; right: 28px; bottom: 24px; padding: 10px 15px; border-radius: 999px; background: rgba(6,25,17,.72); color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .14em; backdrop-filter: blur(8px); }
.about-x-belief-orbit { position: absolute; top: 40px; right: 0; width: clamp(230px, 24vw, 380px); aspect-ratio: 1; border-radius: 50%; background: #9fb7a6; box-shadow: 0 24px 80px rgba(6,34,22,.15); }
.about-x-belief-pull { position: absolute; right: 2%; bottom: 20px; z-index: 2; font-size: clamp(48px, 5vw, 78px); font-weight: 720; line-height: 1.05; letter-spacing: -.07em; }

.about-x-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(40px, 7vw, 110px); margin-top: 70px; }
.about-x-values article { position: relative; padding-top: 32px; border-top: 1px solid var(--ax-line); }
.about-x-values strong { color: var(--ax-green); font-size: 11px; letter-spacing: .14em; }
.about-x-values h3 { margin-top: 70px; font-size: clamp(42px, 4vw, 64px); font-weight: 720; letter-spacing: -.06em; }
.about-x-values p { max-width: 360px; margin-top: 19px; color: var(--ax-muted); font-size: 16px; line-height: 1.8; }
.about-x-values article { transition: transform .55s var(--ax-ease), border-color .35s ease; }
.about-x-values article:hover { border-color: var(--ax-green); transform: translateY(-12px); }

/* Domain landscape: one visual field, four real-world directions. */
.about-x-domains { position: relative; padding: clamp(112px,10vw,168px) 0 clamp(120px,11vw,180px); overflow: hidden; background: #e8efe7; border-block: 1px solid rgba(11,33,24,.12); }
.about-x-domain-core { position: relative; z-index: 2; display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 30px 52px; width: min(calc(100% - 72px),1540px); margin: 0 auto; }
.about-x-domain-core h2 { font-size: clamp(60px,7.4vw,116px); font-weight: 750; line-height: 1.08; letter-spacing: -.055em; }
.about-x-domain-core h2 span { display: block; }
.about-x-domain-core > p:last-child { grid-column: 2; width: min(100%,640px); justify-self: end; color: #3d5548; font-size: clamp(17px,1.3vw,21px); line-height: 1.9; }
.about-x-domain-landscape { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; width: min(calc(100% - 72px),1540px); min-height: 650px; margin: clamp(76px,7vw,110px) auto 0; transition: grid-template-columns .85s var(--ax-ease); }
.about-x-domain-landscape:has(article:nth-child(1):hover) { grid-template-columns: 1.7fr .78fr .78fr .78fr; }
.about-x-domain-landscape:has(article:nth-child(2):hover) { grid-template-columns: .78fr 1.7fr .78fr .78fr; }
.about-x-domain-landscape:has(article:nth-child(3):hover) { grid-template-columns: .78fr .78fr 1.7fr .78fr; }
.about-x-domain-landscape:has(article:nth-child(4):hover) { grid-template-columns: .78fr .78fr .78fr 1.7fr; }
.about-x-domain-landscape article { position: relative; min-width: 0; overflow: hidden; border-radius: 180px 180px 34px 34px; background: #cad8cc; box-shadow: 0 24px 70px rgba(17,58,38,.08); cursor: pointer; transition: transform .7s var(--ax-ease), border-radius .7s var(--ax-ease), box-shadow .45s ease, filter .45s ease; }
.about-x-domain-landscape article:nth-child(2) { margin-top: 84px; border-radius: 34px 34px 180px 180px; }
.about-x-domain-landscape article:nth-child(3) { margin-bottom: 56px; border-radius: 180px; }
.about-x-domain-landscape article:nth-child(4) { margin-top: 42px; border-radius: 34px 180px 34px 180px; }
.about-x-domain-landscape:has(article:hover) article:not(:hover) { filter: saturate(.55) brightness(.78); }
.about-x-domain-landscape article:hover { z-index: 2; transform: translateY(-14px); border-radius: 54px; box-shadow: 0 38px 90px rgba(17,58,38,.17); }
.about-x-domain-landscape figure { position: absolute; inset: 0; }
.about-x-domain-landscape figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 28%, rgba(3,20,13,.82) 100%); }
.about-x-domain-landscape img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.68) contrast(1.05); transition: transform 1.1s var(--ax-ease), filter .55s ease; }
.about-x-domain-landscape article:hover img { transform: scale(1.075); filter: saturate(.94) contrast(1.04); }
.about-x-domain-landscape article > div { position: absolute; z-index: 2; right: 28px; bottom: 34px; left: 28px; color: #fff; transition: transform .65s var(--ax-ease); }
.about-x-domain-landscape span { color: rgba(255,255,255,.68); font-size: 9px; font-weight: 800; letter-spacing: .17em; }
.about-x-domain-landscape h3 { max-width: 360px; margin-top: 13px; font-size: clamp(27px,2.35vw,40px); font-weight: 730; line-height: 1.18; letter-spacing: -.045em; opacity: .84; transform: translateY(18px); transition: opacity .45s ease, transform .65s var(--ax-ease); }
.about-x-domain-landscape p { max-height: 0; margin-top: 0; overflow: hidden; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.72; opacity: 0; transition: max-height .65s var(--ax-ease), margin-top .5s ease, opacity .45s ease; }
.about-x-domain-landscape article:hover h3 { opacity: 1; transform: none; }
.about-x-domain-landscape article:hover p { max-height: 112px; margin-top: 15px; opacity: 1; }

/* Dark technology field */
.about-x-capabilities { position: relative; padding: clamp(110px, 10vw, 170px) 0; border-radius: 76px 76px 0 0; background: radial-gradient(circle at 74% 12%, rgba(27,135,97,.32), transparent 34%), var(--ax-dark); color: #fff; }
.about-x-cap-grid { display: grid; grid-template-columns: minmax(330px, .63fr) minmax(660px, 1.37fr); gap: clamp(70px, 10vw, 160px); align-items: start; }
.about-x-cap-grid > header { position: sticky; top: 38px; }
.about-x-cap-grid .about-x-label { color: #91dcb9; }
.about-x-cap-grid h2 { margin-top: 32px; font-size: clamp(60px, 6.4vw, 100px); font-weight: 720; line-height: .98; letter-spacing: -.08em; }
.about-x-cap-grid header > p:last-child { max-width: 430px; margin-top: 36px; color: rgba(255,255,255,.6); font-size: 18px; line-height: 1.85; }

.about-x-cap-list { border-top: 1px solid rgba(255,255,255,.2); }
.about-x-cap-list article { display: grid; grid-template-columns: 44px minmax(0, 1fr) 180px; gap: 26px; align-items: center; min-height: 210px; padding: 34px 0; border-bottom: 1px solid rgba(255,255,255,.2); transition: padding .6s var(--ax-ease), color .35s ease; }
.about-x-cap-list article:hover { padding-left: 24px; color: var(--ax-accent); }
.about-x-cap-list article > span { align-self: start; color: #88caae; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.about-x-cap-list h3 { font-size: clamp(29px, 2.7vw, 43px); font-weight: 680; letter-spacing: -.05em; }
.about-x-cap-list p { max-width: 560px; margin-top: 17px; color: rgba(255,255,255,.58); font-size: 15px; line-height: 1.8; }
.about-x-cap-list figure { width: 180px; height: 105px; overflow: hidden; border-radius: 999px; opacity: .78; transform: scale(.92); transition: opacity .45s ease, transform .6s var(--ax-ease); }
.about-x-cap-list img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72); }
.about-x-cap-list article:hover figure { opacity: 1; transform: scale(1); }

/* Process as flowing capsules */
.about-x-process { padding: clamp(110px, 10vw, 170px) 0 clamp(130px, 12vw, 200px); border-radius: 0 0 120px 120px; background: var(--ax-mint); }
.about-x-process-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 50px; }
.about-x-process-head h2 { max-width: 920px; font-size: clamp(60px, 6.6vw, 104px); font-weight: 720; line-height: 1.02; letter-spacing: -.075em; }
.about-x-process-line { margin-top: 100px; }
.about-x-process-line li { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 24px; align-items: center; width: 74%; min-height: 168px; margin-top: -1px; padding: 31px 52px; border: 1px solid rgba(8,74,51,.28); border-radius: 999px; background: rgba(255,255,255,.28); transition: width .7s var(--ax-ease), margin-left .7s var(--ax-ease), background .45s ease, color .45s ease, transform .45s ease; }
.about-x-process-line li:nth-child(even) { margin-left: 17%; }
.about-x-process-line li.is-active { width: 83%; margin-left: 7%; background: var(--ax-green); color: #fff; transform: translateX(10px); }
.about-x-process-line li > span { font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.about-x-process-line h3 { font-size: clamp(28px, 3vw, 46px); font-weight: 680; letter-spacing: -.05em; }
.about-x-process-line p { margin-top: 10px; color: #53665b; font-size: 15px; line-height: 1.7; }
.about-x-process-line li.is-active p { color: rgba(255,255,255,.7); }

/* Asymmetric, arched project composition */
.about-x-work { padding: clamp(120px, 11vw, 185px) 0; }
.about-x-work-head h2 { margin-top: 28px; font-size: clamp(66px, 8vw, 124px); font-weight: 740; line-height: .96; letter-spacing: -.085em; }
.about-x-work-collage { display: grid; grid-template-columns: 1.3fr .7fr; gap: 90px 70px; margin-top: 110px; }
.about-x-project { color: inherit; text-decoration: none; }
.about-x-project figure { position: relative; overflow: hidden; background: #b6c8ba; }
.about-x-project img { display: block; width: 100%; height: 112%; object-fit: cover; filter: saturate(.82) contrast(1.04); transition: filter .45s ease; }
.about-x-project:hover img { filter: saturate(1) contrast(1.03); }
.about-x-project-wide { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(350px, .55fr); gap: 56px; align-items: end; }
.about-x-project-wide figure { height: 650px; border-radius: 320px 320px 30px 30px; }
.about-x-project-tall { align-self: start; }
.about-x-project-tall figure { height: 720px; border-radius: 999px; }
.about-x-project-round { align-self: end; padding-bottom: 60px; }
.about-x-project-round figure { aspect-ratio: 1; border-radius: 50%; }
.about-x-project > div { padding-top: 26px; }
.about-x-project > div > span { color: var(--ax-green); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.about-x-project h3 { margin-top: 17px; font-size: clamp(30px, 3vw, 48px); font-weight: 700; line-height: 1.15; letter-spacing: -.055em; }
.about-x-project p { max-width: 520px; margin-top: 18px; color: var(--ax-muted); font-size: 16px; line-height: 1.8; }

/* People in motion */
.about-x-people { position: relative; padding: 0 0 clamp(120px, 10vw, 180px); overflow: clip; background: radial-gradient(circle at 12% 30%, rgba(42,160,115,.24), transparent 24%), var(--ax-dark); color: #fff; }
.about-x-people-flow { overflow: hidden; padding: 38px 0 28px; border-bottom: 1px solid rgba(255,255,255,.16); }
.about-x-people-flow > div { display: flex; width: max-content; gap: 70px; animation: ax-people 34s linear infinite; }
.about-x-people-flow span { color: transparent; font-size: clamp(64px, 8vw, 124px); font-weight: 760; line-height: 1; letter-spacing: -.06em; white-space: nowrap; -webkit-text-stroke: 1px rgba(255,255,255,.34); }
@keyframes ax-people { to { transform: translate3d(-50%,0,0); } }

.about-x-people-head { padding-top: clamp(100px, 9vw, 150px); }
.about-x-people-head .about-x-label { color: #8bd3b1; }
.about-x-people-head h2 { margin-top: 26px; max-width: 1150px; font-size: clamp(62px, 7vw, 110px); font-weight: 720; line-height: 1.02; letter-spacing: -.075em; }

.about-x-person { display: grid; grid-template-columns: minmax(470px, .82fr) minmax(600px, 1.18fr); gap: clamp(70px, 9vw, 148px); align-items: start; width: min(calc(100% - 72px), 1540px); margin: clamp(90px, 8vw, 130px) auto 0; }
.about-x-person + .about-x-person { margin-top: clamp(150px, 14vw, 230px); padding-top: clamp(130px, 12vw, 200px); border-top: 1px solid rgba(255,255,255,.16); }
.about-x-person-founder { grid-template-columns: 1fr; gap: clamp(76px, 8vw, 130px); }
.about-x-person-founder .about-x-person-media { position: relative; top: auto; justify-self: center; width: min(100%, 1240px); height: auto; aspect-ratio: 1394 / 1128; border-radius: 42px 42px 48% 48% / 42px 42px 18% 18%; }
.about-x-person-founder .about-x-person-media img { object-position: 50% 50%; }
.about-x-person-founder .about-x-person-story { justify-self: end; width: min(100%, 1180px); padding-top: 0; }
.about-x-person-founder .about-x-person-story > header > p,
.about-x-person-founder .about-x-person-story header > strong { color: var(--ax-accent); }
.about-x-person-alt .about-x-person-media { order: 2; border-radius: 36px 48% 48% 36px / 36px 28% 28% 36px; }
.about-x-person-alt .about-x-person-story { order: 1; }
.about-x-person-youth .about-x-person-media { border-radius: 50% 50% 42px 42px / 22% 22% 42px 42px; }
.about-x-person-americano .about-x-person-media { border-radius: 44% 44% 999px 999px / 24% 24% 62% 62%; }
.about-x-person-sihui .about-x-person-media { border-radius: 999px 999px 40px 40px; }
.about-x-person-media { position: sticky; top: 28px; height: min(820px, calc(100svh - 56px)); overflow: hidden; border-radius: 48% 48% 38px 38px / 30% 30% 38px 38px; background: #6d8576; }
.about-x-person-media picture, .about-x-person-media img { display: block; width: 100%; height: 100%; }
.about-x-person-media img { object-fit: cover; object-position: center; filter: saturate(.82) contrast(1.03); transition: transform 1.1s var(--ax-ease), filter .45s ease; }
.about-x-person-media:hover img { transform: scale(1.025); filter: saturate(1) contrast(1.02); }
.about-x-person-media figcaption { position: absolute; right: 28px; bottom: 25px; left: 28px; display: flex; justify-content: space-between; gap: 20px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.64); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-shadow: 0 2px 16px rgba(0,0,0,.45); }

.about-x-person-story { padding-top: 38px; }
.about-x-person-story > header > p { color: #8bd3b1; font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.about-x-person-story > header > div { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-top: 25px; }
.about-x-person-story h3 { font-size: clamp(80px, 8vw, 124px); font-weight: 720; line-height: .92; letter-spacing: -.08em; }
.about-x-person-story header div > span { display: grid; justify-items: end; font-size: 36px; font-weight: 500; }
.about-x-person-story header small { color: #88b09c; font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.about-x-person-story header > strong { display: block; margin-top: 24px; color: #a4d3ba; font-size: 17px; font-weight: 580; }
.about-x-person-lead { margin-top: 54px; color: rgba(255,255,255,.74); font-size: clamp(20px, 1.65vw, 26px); line-height: 1.76; }

.about-x-person-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 44px; margin-top: 60px; }
.about-x-person-facts > div { padding: 23px 0 26px; border-top: 1px solid rgba(255,255,255,.22); }
.about-x-person-facts dt, .about-x-person-story h4 { color: #82b59c; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.about-x-person-facts dd { margin-top: 18px; font-size: 20px; font-weight: 620; }
.about-x-founder-proof { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 54px; border-top: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); }
.about-x-founder-proof > div { padding: 28px 20px 30px 0; }
.about-x-founder-proof > div + div { padding-left: 24px; border-left: 1px solid rgba(255,255,255,.16); }
.about-x-founder-proof strong { display: block; color: var(--ax-accent); font-size: clamp(40px, 4vw, 62px); font-weight: 720; line-height: 1; letter-spacing: -.06em; }
.about-x-founder-proof sup { margin-left: 3px; font-size: .45em; vertical-align: super; }
.about-x-founder-proof span { display: block; margin-top: 12px; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.5; }
.about-x-person-story blockquote { margin-top: 72px; color: var(--ax-accent); font-size: clamp(32px, 3vw, 48px); font-weight: 680; line-height: 1.35; letter-spacing: -.045em; }

.about-x-person-skills { margin-top: 82px; }
.about-x-person-skills ul { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.about-x-person-skills li { padding: 13px 18px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; color: rgba(255,255,255,.8); font-size: 14px; transition: background .35s ease, color .35s ease, border-color .35s ease; }
.about-x-person-skills li:hover { border-color: var(--ax-accent); background: var(--ax-accent); color: var(--ax-ink); }

.about-x-person-projects { margin-top: 92px; }
.about-x-person-projects > h4 { margin-bottom: 16px; }
.about-x-person-projects li { display: grid; grid-template-columns: 130px 1fr; gap: 36px; padding: 34px 0; border-top: 1px solid rgba(255,255,255,.22); }
.about-x-person-projects time { color: #8fc2a9; font-size: 12px; font-weight: 800; letter-spacing: .09em; }
.about-x-person-projects h5 { font-size: clamp(22px, 2vw, 31px); font-weight: 670; line-height: 1.35; letter-spacing: -.035em; }
.about-x-person-projects p { margin-top: 15px; color: rgba(255,255,255,.55); font-size: 15px; line-height: 1.78; }

/* Horizontal people accordion — compact, kinetic and intentionally light. */
.about-x-people {
  padding-bottom: clamp(90px, 8vw, 140px);
  background:
    radial-gradient(circle at 82% 12%, rgba(183,243,107,.24), transparent 24%),
    radial-gradient(circle at 8% 68%, rgba(8,118,87,.10), transparent 28%),
    #edf2eb;
  color: var(--ax-ink);
}
.about-x-people-flow { padding: 34px 0 25px; border-color: rgba(8,118,87,.18); }
.about-x-people-flow > div { animation-duration: 42s; }
.about-x-people-flow span { -webkit-text-stroke-color: rgba(8,118,87,.34); }
.about-x-people:hover .about-x-people-flow > div { animation-play-state: paused; }
.about-x-people-head { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 30px 48px; align-items: end; padding-top: clamp(78px,7vw,118px); }
.about-x-people-head .about-x-label { color: var(--ax-green); align-self: start; margin-top: 14px; }
.about-x-people-head h2 { margin-top: 0; max-width: 980px; color: var(--ax-ink); font-size: clamp(54px,5.8vw,92px); line-height: 1.07; letter-spacing: -.058em; }
.about-x-people-note { align-self: end; max-width: 180px; padding-bottom: 11px; color: #527064; font-size: 12px; font-weight: 700; line-height: 1.7; letter-spacing: .04em; }

.about-x-people-accordion {
  display: flex;
  gap: 10px;
  width: min(calc(100% - 72px),1540px);
  height: clamp(700px,76svh,860px);
  margin: clamp(68px,6vw,96px) auto 0;
  perspective: 1600px;
}
.about-x-people-accordion .about-x-person {
  --person-surface: #dce9df;
  position: relative;
  display: grid;
  flex: 0 0 76px;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: stretch;
  width: auto;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(11,33,24,.12);
  border-radius: 999px;
  background: var(--person-surface);
  box-shadow: 0 18px 54px rgba(14,57,37,.05);
  isolation: isolate;
  transition: flex-basis .85s var(--ax-ease), border-radius .85s var(--ax-ease), transform .65s var(--ax-ease), box-shadow .65s ease, border-color .35s ease;
}
.about-x-people-accordion .about-x-person:nth-child(2) { --person-surface: #e4e8d6; }
.about-x-people-accordion .about-x-person:nth-child(3) { --person-surface: #d8e4e7; }
.about-x-people-accordion .about-x-person:nth-child(4) { --person-surface: #e9e3d5; }
.about-x-people-accordion .about-x-person:nth-child(5) { --person-surface: #dce8d4; }
.about-x-people-accordion .about-x-person:nth-child(6) { --person-surface: #e7dddd; }
.about-x-people-accordion .about-x-person + .about-x-person { margin: 0; padding: 0; border-top: 1px solid rgba(11,33,24,.12); }
.about-x-people-accordion .about-x-person:hover:not(.is-active),
.about-x-people-accordion .about-x-person:focus-within:not(.is-active) { transform: translateY(-12px); border-color: rgba(8,118,87,.42); box-shadow: 0 28px 70px rgba(14,57,37,.13); }
.about-x-people-accordion .about-x-person.is-active {
  flex: 1 1 920px;
  grid-template-columns: minmax(300px,.78fr) minmax(390px,1.22fr);
  border-radius: 54px;
  background: #f8f9f4;
  box-shadow: 0 34px 90px rgba(14,57,37,.15);
}

.about-x-person-tab {
  position: absolute;
  z-index: 5;
  inset: 18px 13px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  width: calc(100% - 26px);
  padding: 22px 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ax-ink);
  cursor: pointer;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.about-x-person-tab::before { content: ""; width: 1px; height: 54px; background: rgba(11,33,24,.24); transition: height .5s var(--ax-ease), background .3s ease; }
.about-x-person-tab span { font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.about-x-person-tab strong { font-size: 21px; font-weight: 760; letter-spacing: .08em; }
.about-x-person-tab small { color: rgba(11,33,24,.55); font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.about-x-person-tab:focus-visible { outline: 3px solid var(--ax-green); outline-offset: -4px; }
.about-x-person:hover .about-x-person-tab::before { height: 86px; background: var(--ax-green); }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab {
  inset: 22px auto auto 22px;
  justify-content: flex-start;
  width: auto;
  height: 45px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.58);
  background: rgba(248,249,244,.84);
  box-shadow: 0 12px 34px rgba(4,31,20,.16);
  backdrop-filter: blur(14px);
  writing-mode: horizontal-tb;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab::before { width: 28px; height: 1px; background: var(--ax-green); order: 2; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { font-size: 15px; letter-spacing: .02em; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { display: none; }

.about-x-people-accordion .about-x-person-media,
.about-x-people-accordion .about-x-person-founder .about-x-person-media,
.about-x-people-accordion .about-x-person-alt .about-x-person-media {
  position: relative;
  top: auto;
  order: initial;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: inherit;
  background: var(--person-surface);
  transform: translateZ(0);
}
.about-x-people-accordion .about-x-person-media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,35%), rgba(183,243,107,.28), transparent 26%); opacity: 0; transition: opacity .5s ease; }
.about-x-people-accordion .about-x-person:hover .about-x-person-media::after { opacity: 1; }
.about-x-people-accordion .about-x-person-media img { object-position: center; filter: saturate(.55) contrast(1.04) brightness(.76); transform: scale(1.08); }
.about-x-people-accordion .about-x-person:hover .about-x-person-media img { transform: scale(1.12); }
.about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 53px 0 0 53px; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-media img { filter: saturate(.88) contrast(1.03) brightness(.94); transform: scale(1.01); }
.about-x-people-accordion .about-x-person.is-active:hover .about-x-person-media img { transform: scale(1.035); }
.about-x-people-accordion .about-x-person-media figcaption { display: none; }

.about-x-people-accordion .about-x-person-story,
.about-x-people-accordion .about-x-person-founder .about-x-person-story,
.about-x-people-accordion .about-x-person-alt .about-x-person-story {
  display: none;
  order: initial;
  width: auto;
  min-width: 0;
  height: 100%;
  padding: 44px 40px 70px;
  overflow: hidden auto;
  background: #f8f9f4;
  color: var(--ax-ink);
  scrollbar-color: rgba(8,118,87,.38) transparent;
  scrollbar-width: thin;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-story { display: block; animation: ax-person-story .72s .16s both var(--ax-ease); }
@keyframes ax-person-story { from { opacity: 0; transform: translate3d(42px,0,0); } to { opacity: 1; transform: none; } }
.about-x-people-accordion .about-x-person-story > header > p,
.about-x-people-accordion .about-x-person-story header > strong,
.about-x-people-accordion .about-x-person-founder .about-x-person-story > header > p,
.about-x-people-accordion .about-x-person-founder .about-x-person-story header > strong { color: var(--ax-green); }
.about-x-people-accordion .about-x-person-story > header > div { margin-top: 17px; }
.about-x-people-accordion .about-x-person-story h3 { font-size: clamp(54px,4.8vw,78px); line-height: 1.02; letter-spacing: -.06em; }
.about-x-people-accordion .about-x-person-story header div > span { color: #2f4c3e; font-size: 27px; }
.about-x-people-accordion .about-x-person-story header small { color: #648174; }
.about-x-people-accordion .about-x-person-story header > strong { margin-top: 17px; font-size: 14px; line-height: 1.6; }
.about-x-people-accordion .about-x-person-lead { margin-top: 36px; color: #3e5549; font-size: clamp(17px,1.25vw,21px); line-height: 1.88; }
.about-x-people-accordion .about-x-person-facts { gap: 0 26px; margin-top: 38px; }
.about-x-people-accordion .about-x-person-facts > div { padding: 18px 0 20px; border-color: rgba(11,33,24,.18); }
.about-x-people-accordion .about-x-person-facts dt,
.about-x-people-accordion .about-x-person-story h4 { color: var(--ax-green); }
.about-x-people-accordion .about-x-person-facts dd { margin-top: 12px; font-size: 16px; line-height: 1.55; }
.about-x-people-accordion .about-x-founder-proof { margin-top: 36px; border-color: rgba(11,33,24,.18); }
.about-x-people-accordion .about-x-founder-proof > div + div { border-color: rgba(11,33,24,.14); }
.about-x-people-accordion .about-x-founder-proof strong { color: var(--ax-green); font-size: clamp(38px,3vw,52px); }
.about-x-people-accordion .about-x-founder-proof span { color: #61736a; }
.about-x-people-accordion .about-x-person-story blockquote { margin-top: 48px; color: #0a7b5a; font-size: clamp(28px,2.25vw,39px); line-height: 1.48; }
.about-x-people-accordion .about-x-person-skills { margin-top: 54px; }
.about-x-people-accordion .about-x-person-skills ul { gap: 9px; margin-top: 20px; }
.about-x-people-accordion .about-x-person-skills li { padding: 10px 14px; border-color: rgba(11,33,24,.22); color: #42594d; font-size: 12px; }
.about-x-people-accordion .about-x-person-projects { margin-top: 62px; }
.about-x-people-accordion .about-x-person-projects li { grid-template-columns: 112px 1fr; gap: 26px; padding: 28px 0; border-color: rgba(11,33,24,.18); }
.about-x-people-accordion .about-x-person-projects time { color: var(--ax-green); }
.about-x-people-accordion .about-x-person-projects h5 { font-size: clamp(20px,1.6vw,27px); line-height: 1.45; }
.about-x-people-accordion .about-x-person-projects p { color: #5d6f66; font-size: 14px; line-height: 1.82; }

/* Closing invitation */
.about-x-contact { padding: clamp(120px, 11vw, 190px) 0; background: var(--ax-accent); color: var(--ax-ink); }
.about-x-contact .about-x-label { color: #315a23; }
.about-x-contact h2 { margin-top: 28px; max-width: 1250px; font-size: clamp(72px, 9vw, 142px); font-weight: 760; line-height: .94; letter-spacing: -.085em; }
.about-x-contact .about-x-shell > div { display: flex; align-items: center; justify-content: space-between; gap: 60px; margin-top: 80px; }
.about-x-contact .about-x-shell > div > p { max-width: 540px; font-size: 19px; line-height: 1.75; }
.about-x-contact a { display: inline-flex; align-items: center; gap: 60px; padding: 19px 28px; border-radius: 999px !important; background: var(--ax-ink); color: #fff; text-decoration: none; font-size: 16px; font-weight: 700; transition: transform .4s var(--ax-ease), box-shadow .4s ease; }
.about-x-contact a:hover { transform: translateY(-5px); box-shadow: 0 18px 50px rgba(12,45,28,.22); }

/* Smooth scroll reveals */
.about-x [data-about-reveal] { opacity: 1; transform: none; }
.about-x.about-v7-motion [data-about-reveal] { opacity: 0; transform: translate3d(0, 34px, 0); transition: opacity .9s ease, transform 1.05s var(--ax-ease); }
.about-x.about-v7-motion [data-about-reveal].is-visible { opacity: 1; transform: translate3d(0,0,0); }
.about-x.about-v7-motion .about-x-hero [data-about-reveal] { opacity: 1; transform: none; }

@media (max-width: 1180px) {
  .about-x-shell, .about-x-hero-copy, .about-x-person { width: min(calc(100% - 48px), 1540px); }
  .about-x-belief-head { grid-template-columns: 110px 1fr; gap: 28px 38px; }
  .about-x-belief-stage { min-height: 760px; }
  .about-x-belief-main { height: 650px; }
  .about-x-cap-grid { grid-template-columns: 320px 1fr; gap: 70px; }
  .about-x-cap-list article { grid-template-columns: 36px 1fr 140px; }
  .about-x-cap-list figure { width: 140px; height: 88px; }
  .about-x-person { grid-template-columns: minmax(390px,.8fr) minmax(520px,1.2fr); gap: 64px; }
  .about-x-person-founder { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .about-x-hero-media { inset-left: 12%; clip-path: ellipse(105% 82% at 72% 48%); }
  .about-x-hero-shade { background: linear-gradient(180deg, rgba(244,245,239,.78) 0%, rgba(244,245,239,.08) 34%, rgba(3,18,12,.7) 100%); }
  .about-x-hero h1 { margin-top: auto; color: #fff; font-size: clamp(66px, 12vw, 98px); text-shadow: 0 4px 30px rgba(0,0,0,.25); }
  .about-x-hero h1 span:last-child { margin-left: 0; }
  .about-x-kicker { color: var(--ax-ink); }
  .about-x-hero-bottom p { color: rgba(255,255,255,.88); text-shadow: 0 2px 24px rgba(0,0,0,.35); }
  .about-x-belief-head { grid-template-columns: 1fr; }
  .about-x-belief-head > p:last-child { grid-column: 1; max-width: 620px; justify-self: start; }
  .about-x-belief-stage { min-height: 680px; }
  .about-x-belief-main { width: 78%; height: 580px; }
  .about-x-belief-pull { font-size: 52px; }
  .about-x-values { gap: 28px; }
  .about-x-cap-grid { grid-template-columns: 1fr; }
  .about-x-cap-grid > header { position: relative; top: auto; }
  .about-x-cap-list { margin-top: 50px; }
  .about-x-work-collage { gap: 70px 40px; }
  .about-x-project-wide { grid-template-columns: 1fr; }
  .about-x-project-wide figure { height: 560px; }
  .about-x-person { grid-template-columns: 1fr; }
  .about-x-person-founder { grid-template-columns: 1fr; }
  .about-x-person-alt .about-x-person-media,
  .about-x-person-alt .about-x-person-story { order: initial; }
  .about-x-person-media { position: relative; top: auto; width: min(100%, 680px); height: auto; aspect-ratio: 4 / 5; }
  .about-x-person-story { padding-top: 10px; }
}

@media (max-width: 660px) {
  .about-x-shell, .about-x-hero-copy, .about-x-person { width: calc(100% - 28px); }
  .about-x-label { font-size: 9px; }
  .about-x-hero { min-height: calc(100svh - 58px); }
  .about-x-hero-copy { min-height: calc(100svh - 58px); padding: 25px 0 26px; }
  .about-x-hero-media { inset: 0; clip-path: ellipse(125% 77% at 70% 48%); }
  .about-x-hero-shade { background: linear-gradient(180deg, rgba(244,245,239,.7) 0%, rgba(4,15,10,.05) 34%, rgba(3,15,10,.82) 100%); }
  .about-x-kicker { font-size: 8px; }
  .about-x-kicker span:last-child { text-align: right; }
  .about-x-hero h1 { margin-bottom: 42px; font-size: clamp(54px, 15vw, 72px); line-height: .96; }
  .about-x-hero-bottom { grid-template-columns: 1fr; gap: 22px; }
  .about-x-hero-bottom p { font-size: 14px; line-height: 1.75; }
  .about-x-hero-bottom a { justify-self: start; padding: 11px 16px; font-size: 11px; }
  .about-x-flow-track span { min-height: 72px; padding-right: 32px; padding-left: 24px; }
  .about-x-flow-track strong { font-size: 15px; }
  .about-x-flow-track small { font-size: 7px; }

  .about-x-belief { padding: 86px 0 96px; }
  .about-x-belief-head { gap: 24px; }
  .about-x-belief-head h2 { font-size: 48px; }
  .about-x-belief-head h2 span { white-space: normal; }
  .about-x-belief-head > p:last-child { font-size: 16px; }
  .about-x-belief-stage { min-height: 570px; margin-top: 60px; }
  .about-x-belief-main { width: 88%; height: 470px; border-radius: 48% 48% 22px 22px / 28% 28% 22px 22px; }
  .about-x-belief-orbit { top: 300px; width: 160px; }
  .about-x-belief-pull { right: 0; bottom: 0; font-size: 38px; }
  .about-x-values { grid-template-columns: 1fr; gap: 48px; margin-top: 80px; }
  .about-x-values h3 { margin-top: 34px; font-size: 48px; }

  .about-x-capabilities { padding: 86px 0; border-radius: 38px 38px 0 0; }
  .about-x-cap-grid h2 { font-size: 58px; }
  .about-x-cap-grid header > p:last-child { font-size: 16px; }
  .about-x-cap-list article { grid-template-columns: 30px 1fr; gap: 17px; min-height: 0; padding: 32px 0; }
  .about-x-cap-list article > figure { grid-column: 2; width: 150px; height: 76px; margin-top: 8px; }
  .about-x-cap-list h3 { font-size: 29px; }

  .about-x-process { padding: 88px 0 110px; border-radius: 0 0 54px 54px; }
  .about-x-process-head { display: block; }
  .about-x-process-head h2 { margin-top: 24px; font-size: 52px; }
  .about-x-process-line { margin-top: 64px; }
  .about-x-process-line li, .about-x-process-line li:nth-child(even), .about-x-process-line li.is-active { grid-template-columns: 48px 1fr; width: 100%; margin-left: 0; padding: 23px 26px; transform: none; }
  .about-x-process-line h3 { font-size: 27px; }
  .about-x-process-line p { font-size: 13px; }

  .about-x-work { padding: 92px 0; }
  .about-x-work-head h2 { font-size: 58px; }
  .about-x-work-collage { grid-template-columns: 1fr; gap: 76px; margin-top: 70px; }
  .about-x-project-wide { grid-column: auto; }
  .about-x-project-wide figure, .about-x-project-tall figure { height: 460px; }
  .about-x-project-round { padding-bottom: 0; }
  .about-x-project h3 { font-size: 32px; }

  .about-x-people-flow { padding: 25px 0 20px; }
  .about-x-people-flow span { font-size: 58px; }
  .about-x-people-head { padding-top: 80px; }
  .about-x-people-head h2 { font-size: 50px; }
  .about-x-person { margin-top: 62px; gap: 48px; }
  .about-x-person + .about-x-person { margin-top: 92px; padding-top: 90px; }
  .about-x-person-media { border-radius: 48% 48% 24px 24px / 23% 23% 24px 24px; }
  .about-x-person-media figcaption { right: 18px; bottom: 17px; left: 18px; font-size: 8px; }
  .about-x-person-story h3 { font-size: 67px; }
  .about-x-person-lead { margin-top: 38px; font-size: 18px; }
  .about-x-person-facts { grid-template-columns: 1fr; margin-top: 42px; }
  .about-x-person-facts dd { font-size: 18px; }
  .about-x-founder-proof > div { padding: 22px 10px 24px 0; }
  .about-x-founder-proof > div + div { padding-left: 14px; }
  .about-x-founder-proof strong { font-size: 36px; }
  .about-x-founder-proof span { font-size: 10px; }
  .about-x-person-story blockquote { margin-top: 50px; font-size: 30px; }
  .about-x-person-skills { margin-top: 58px; }
  .about-x-person-skills li { font-size: 12px; }
  .about-x-person-projects { margin-top: 70px; }
  .about-x-person-projects li { grid-template-columns: 1fr; gap: 15px; padding: 28px 0; }
  .about-x-person-projects h5 { font-size: 24px; }

  .about-x-contact { padding: 92px 0; }
  .about-x-contact h2 { font-size: 59px; }
  .about-x-contact .about-x-shell > div { align-items: flex-start; flex-direction: column; margin-top: 50px; }
  .about-x-contact .about-x-shell > div > p { font-size: 16px; }
}

/* The About story keeps a light editorial canvas in either site theme. */
html[data-theme="dark"] body.about-experience-page,
html[data-theme="dark"] .about-x,
html[data-theme="dark"] .about-x-belief,
html[data-theme="dark"] .about-x-work { background-color: var(--ax-paper); color: var(--ax-ink); }
html[data-theme="dark"] .about-x-belief-head > p:last-child,
html[data-theme="dark"] .about-x-values p,
html[data-theme="dark"] .about-x-project p { color: var(--ax-muted); }
html[data-theme="dark"] .about-x-values article { border-color: var(--ax-line); }

/* Headings must remain legible even when users jump quickly between sections. */
.about-x.about-v7-motion h2[data-about-reveal],
.about-x.about-v7-motion h2[data-about-reveal].is-visible { opacity: 1; clip-path: none; filter: none; transform: none; }

@media (max-width: 1180px) {
  .about-x-domain-core { width: min(calc(100% - 48px),1540px); grid-template-columns: 110px minmax(0,1fr); gap: 28px 38px; }
  .about-x-domain-landscape { width: min(calc(100% - 48px),1540px); }
  .about-x-people-accordion { width: min(calc(100% - 48px),1540px); }
  .about-x-people-accordion .about-x-person { flex-basis: 68px; }
  .about-x-people-accordion .about-x-person.is-active { grid-template-columns: minmax(260px,.82fr) minmax(340px,1.18fr); }
  .about-x-people-accordion .about-x-person-story { padding-inline: 30px; }
  .about-x-people-head { grid-template-columns: 110px minmax(0,1fr); }
  .about-x-people-note { grid-column: 2; max-width: none; }
}

@media (max-width: 900px) {
  .about-x-domain-core { grid-template-columns: 1fr; margin: 0 auto; }
  .about-x-domain-core > p:last-child { grid-column: 1; justify-self: start; }
  .about-x-domain-core h2 { font-size: clamp(58px,11vw,92px); }
  .about-x-domain-landscape { grid-template-columns: repeat(2,1fr) !important; min-height: 820px; }
  .about-x-domain-landscape article,
  .about-x-domain-landscape article:nth-child(n) { margin: 0; border-radius: 42px; }
  .about-x-domain-landscape h3 { opacity: 1; transform: none; }
  .about-x-domain-landscape p { max-height: 120px; margin-top: 14px; opacity: 1; }

  .about-x-people-head { grid-template-columns: 1fr; }
  .about-x-people-note { grid-column: 1; }
  .about-x-people-accordion { align-items: stretch; height: 780px; overflow-x: auto; overflow-y: hidden; padding: 12px 4px 20px; scroll-padding-inline: 4px; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .about-x-people-accordion .about-x-person { flex: 0 0 62px; scroll-snap-align: start; }
  .about-x-people-accordion .about-x-person.is-active { flex-basis: min(82vw,680px); grid-template-columns: 1fr; grid-template-rows: 43% 57%; border-radius: 44px; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 43px 43px 0 0; }
  .about-x-people-accordion .about-x-person-story { padding: 34px 32px 62px; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { top: 16px; left: 16px; }
}

@media (max-width: 660px) {
  .about-x-domain-core { width: calc(100% - 28px); gap: 22px; }
  .about-x-domain-core h2 { font-size: 49px; line-height: 1.08; letter-spacing: -.045em; }
  .about-x-domain-core > p:last-child { font-size: 16px; line-height: 1.8; }
  .about-x-domain-landscape { display: flex; width: 100%; min-height: 0; margin-top: 58px; padding: 0 14px 18px; overflow-x: auto; scroll-padding-inline: 14px; scroll-snap-type: x mandatory; }
  .about-x-domain-landscape article,
  .about-x-domain-landscape article:nth-child(n) { flex: 0 0 82vw; height: 560px; scroll-snap-align: center; }

  .about-x-people-head { width: calc(100% - 28px); }
  .about-x-people-head h2 { font-size: 48px; line-height: 1.1; letter-spacing: -.045em; }
  .about-x-people-accordion { width: calc(100% - 20px); height: 720px; gap: 7px; }
  .about-x-people-accordion .about-x-person { flex-basis: 54px; }
  .about-x-people-accordion .about-x-person.is-active { flex-basis: calc(100vw - 64px); grid-template-rows: 36% 64%; border-radius: 34px; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 33px 33px 0 0; }
  .about-x-person-tab { inset: 14px 9px; width: calc(100% - 18px); }
  .about-x-person-tab strong { font-size: 17px; }
  .about-x-people-accordion .about-x-person-story { padding: 28px 22px 52px; }
  .about-x-people-accordion .about-x-person-story h3 { font-size: 50px; }
  .about-x-people-accordion .about-x-person-story header div > span { font-size: 22px; }
  .about-x-people-accordion .about-x-person-lead { margin-top: 28px; font-size: 16px; line-height: 1.82; }
  .about-x-people-accordion .about-x-person-facts { grid-template-columns: 1fr; }
  .about-x-people-accordion .about-x-founder-proof { grid-template-columns: 1fr 1fr 1fr; }
  .about-x-people-accordion .about-x-founder-proof strong { font-size: 32px; }
  .about-x-people-accordion .about-x-person-story blockquote { font-size: 27px; }
  .about-x-people-accordion .about-x-person-projects li { grid-template-columns: 1fr; gap: 12px; }
}

/* Final people layout: a layered research dossier, not six parallel capsules. */
.about-x-people-accordion {
  position: relative;
  display: block;
  height: clamp(710px,78svh,880px);
  overflow: hidden;
  padding: 18px 0 30px;
  perspective: 1800px;
}
.about-x-people-accordion .about-x-person,
.about-x-people-accordion .about-x-person + .about-x-person {
  position: absolute;
  inset: 18px 0 30px;
  display: grid;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(11,33,24,.14);
  border-radius: 52px;
  transform: translate3d(var(--stack-shift,calc(100% - 78px)),var(--stack-y,0),0) rotate(var(--stack-rotate,0deg));
  transform-origin: 50% 100%;
  transition: width .9s var(--ax-ease), transform .9s var(--ax-ease), border-radius .8s var(--ax-ease), box-shadow .55s ease, filter .45s ease;
}
.about-x-people-accordion .about-x-person:not(.is-active) { grid-template-columns: 1fr; box-shadow: -18px 28px 64px rgba(14,57,37,.12); filter: saturate(.82); }
.about-x-people-accordion .about-x-person:not(.is-active):hover { transform: translate3d(var(--stack-shift),var(--stack-y),0) rotate(var(--stack-rotate)); border-color: rgba(8,118,87,.48); box-shadow: -28px 34px 80px rgba(14,57,37,.2); }
.about-x-people-accordion .about-x-person.is-active {
  width: calc(100% - 360px);
  grid-template-columns: minmax(300px,.82fr) minmax(390px,1.18fr);
  transform: translate3d(0,0,45px);
  box-shadow: 0 36px 100px rgba(14,57,37,.17);
}
.about-x-people-accordion .about-x-person-tab { inset: 16px auto 16px 12px; justify-content: flex-start; width: 52px; padding: 28px 0 20px; background: rgba(247,249,243,.74); box-shadow: 0 12px 36px rgba(8,40,25,.08); backdrop-filter: blur(10px); }
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong { font-size: 17px; }
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media { border-radius: 51px; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab { inset: 22px auto auto 22px; width: auto; }
.about-x-people-accordion .about-x-person-story header div > span { max-width: 180px; text-align: right; font-size: clamp(18px,1.45vw,24px); line-height: 1.35; }

@media (max-width: 1180px) {
  .about-x-people-accordion .about-x-person.is-active { width: calc(100% - 326px); grid-template-columns: minmax(250px,.82fr) minmax(330px,1.18fr); }
}

@media (max-width: 900px) {
  .about-x-people-accordion { height: 780px; overflow: hidden; padding-inline: 0; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { inset-block: 12px 24px; }
  .about-x-people-accordion .about-x-person.is-active { width: calc(100% - 230px); grid-template-columns: 1fr; grid-template-rows: 42% 58%; border-radius: 40px; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 39px 39px 0 0; }
}

@media (max-width: 660px) {
  .about-x-people-accordion { width: calc(100% - 20px); height: 730px; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { border-radius: 32px; }
  .about-x-people-accordion .about-x-person.is-active { width: calc(100% - 92px); grid-template-rows: 35% 65%; }
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab { inset-left: 5px; width: 38px; }
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab small { display: none; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 31px 31px 0 0; }
}

.about-x-cap-list article { grid-template-columns: 44px minmax(0,1fr); }
.about-x-cap-list article > figure { display: none; }
@media (max-width: 1180px) { .about-x-cap-list article { grid-template-columns: 36px minmax(0,1fr); } }
@media (max-width: 660px) { .about-x-cap-list article { grid-template-columns: 30px minmax(0,1fr); } }

/* People v12: fixed layered portraits + a stable detail dossier.
   Selection changes depth and content, never the physical position of a person. */
.about-x-people-accordion {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(410px,.88fr);
  gap: clamp(28px,3.2vw,54px);
  width: min(calc(100% - 72px),1540px);
  height: clamp(700px,76svh,830px);
  overflow: visible;
  perspective: none;
}
.about-x-people-accordion .about-x-person,
.about-x-people-accordion .about-x-person + .about-x-person {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(410px,.88fr);
  gap: clamp(28px,3.2vw,54px);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: auto;
  transform: none;
  transition: none;
  pointer-events: none;
}
.about-x-people-accordion .about-x-person:hover:not(.is-active),
.about-x-people-accordion .about-x-person:focus-within:not(.is-active),
.about-x-people-accordion .about-x-person:not(.is-active):hover { transform: none; border: 0; box-shadow: none; }

.about-x-people-accordion .about-x-person-media,
.about-x-people-accordion .about-x-person-founder .about-x-person-media,
.about-x-people-accordion .about-x-person-alt .about-x-person-media,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media,
.about-x-people-accordion .about-x-person.is-active .about-x-person-media {
  position: relative;
  z-index: var(--deck-z,10);
  grid-column: 1;
  grid-row: 1;
  width: calc(100% - 70px);
  height: calc(100% - 32px);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 48px;
  background: #dfe9e2;
  box-shadow: 0 26px 70px rgba(12,54,37,.16);
  opacity: .26;
  filter: saturate(.5) brightness(.82);
  transform: translate3d(var(--deck-x,0),var(--deck-y,0),0) rotate(var(--deck-rotate,0deg));
  transform-origin: 50% 100%;
  transition: opacity .58s ease, filter .58s ease, box-shadow .58s ease, border-color .4s ease;
  pointer-events: none;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-media {
  z-index: 24;
  opacity: 1;
  filter: none;
  border-color: rgba(255,255,255,.92);
  box-shadow: 0 38px 100px rgba(10,55,36,.22);
}
.about-x-people-accordion .about-x-person:has(.about-x-person-tab:hover) .about-x-person-media {
  opacity: .66;
  filter: saturate(.82) brightness(.94);
  border-color: rgba(8,118,87,.44);
}
.about-x-people-accordion .about-x-person-media img,
.about-x-people-accordion .about-x-person.is-active .about-x-person-media img,
.about-x-people-accordion .about-x-person:hover .about-x-person-media img,
.about-x-people-accordion .about-x-person.is-active:hover .about-x-person-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 22%;
  filter: none;
  transform: scale(1.015);
  transition: filter .5s ease, transform .8s var(--ax-ease);
}
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media img { filter: grayscale(.42) contrast(.96); }
.about-x-people-accordion .about-x-person-media::after { opacity: 0; background: radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,35%),rgba(183,243,107,.24),transparent 28%); }
.about-x-people-accordion .about-x-person.is-active .about-x-person-media::after { opacity: 1; }

.about-x-people-accordion .about-x-person-tab,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab {
  position: absolute;
  z-index: 60;
  inset: auto auto 4px var(--tab-left,12px);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-content: start;
  gap: 6px 9px;
  width: 90px;
  height: 68px;
  padding: 10px 12px;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 18px;
  background: rgba(244,248,241,.9);
  color: var(--ax-ink);
  box-shadow: 0 12px 34px rgba(5,40,25,.13);
  backdrop-filter: blur(18px);
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  transform: none;
  transition: color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease;
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person-tab::before,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab::before { display: none; }
.about-x-people-accordion .about-x-person-tab span { grid-row: 1 / span 2; align-self: start; color: var(--ax-green); font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.about-x-people-accordion .about-x-person-tab strong,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { align-self: end; font-size: 14px; font-weight: 790; line-height: 1.1; letter-spacing: -.01em; }
.about-x-people-accordion .about-x-person-tab small,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { display: block; max-width: 62px; overflow: hidden; color: #688074; font-size: 7px; font-weight: 760; line-height: 1.35; letter-spacing: .02em; white-space: nowrap; text-overflow: ellipsis; }
.about-x-people-accordion .about-x-person-tab:hover,
.about-x-people-accordion .about-x-person-tab:focus-visible,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab { border-color: rgba(8,118,87,.6); background: #087657; color: #fff; box-shadow: 0 18px 44px rgba(8,118,87,.26); }
.about-x-people-accordion .about-x-person-tab:hover span,
.about-x-people-accordion .about-x-person-tab:focus-visible span,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab span { color: #c9ff7c; }
.about-x-people-accordion .about-x-person-tab:hover small,
.about-x-people-accordion .about-x-person-tab:focus-visible small,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { color: rgba(255,255,255,.72); }

.about-x-people-accordion .about-x-person-story,
.about-x-people-accordion .about-x-person-founder .about-x-person-story,
.about-x-people-accordion .about-x-person-alt .about-x-person-story {
  position: relative;
  z-index: 30;
  grid-column: 2;
  grid-row: 1;
  display: none;
  width: 100%;
  height: calc(100% - 32px);
  padding: clamp(34px,3.4vw,54px) clamp(28px,3.2vw,48px) 70px;
  overflow: hidden auto;
  border: 1px solid rgba(8,118,87,.14);
  border-radius: 48px;
  background:
    radial-gradient(circle at 92% 8%,rgba(183,243,107,.2),transparent 26%),
    rgba(249,250,246,.95);
  box-shadow: 0 26px 80px rgba(14,57,37,.11);
  color: var(--ax-ink);
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-story { display: block; animation: ax-person-panel-in .62s both var(--ax-ease); }
@keyframes ax-person-panel-in { from { opacity: 0; filter: blur(8px); } to { opacity: 1; filter: none; } }
.about-x-people-accordion .about-x-person-story header div > span { max-width: 180px; text-align: right; font-size: clamp(18px,1.45vw,24px); line-height: 1.35; }

@media (max-width: 1180px) {
  .about-x-people-accordion,
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { grid-template-columns: minmax(0,1fr) minmax(360px,.92fr); }
  .about-x-people-accordion .about-x-person-tab,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { width: 78px; }
}

@media (max-width: 900px) {
  .about-x-people-accordion { height: 1120px; overflow: visible; }
  .about-x-people-accordion,
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { grid-template-columns: 1fr; grid-template-rows: 510px 570px; gap: 40px; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { inset-block: 0; }
  .about-x-people-accordion .about-x-person-media,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { grid-column: 1; grid-row: 1; height: 478px; }
  .about-x-people-accordion .about-x-person-story,
  .about-x-people-accordion .about-x-person-founder .about-x-person-story,
  .about-x-people-accordion .about-x-person-alt .about-x-person-story { grid-column: 1; grid-row: 2; height: 570px; }
}

@media (max-width: 660px) {
  .about-x-people-accordion { width: calc(100% - 28px); height: 1060px; }
  .about-x-people-accordion,
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { grid-template-rows: 402px 620px; gap: 38px; }
  .about-x-people-accordion .about-x-person-media,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { width: calc(100% - 30px); height: 372px; border-radius: 32px; }
  .about-x-people-accordion .about-x-person-story,
  .about-x-people-accordion .about-x-person-founder .about-x-person-story,
  .about-x-people-accordion .about-x-person-alt .about-x-person-story { height: 620px; padding: 30px 22px 56px; border-radius: 32px; }
  .about-x-people-accordion .about-x-person-tab,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { width: 50px; height: 58px; padding: 8px 7px; border-radius: 15px; }
  .about-x-people-accordion .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { display: block; font-size: 11px; }
  .about-x-people-accordion .about-x-person-tab small,
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab small { display: none; }
  .about-x-people-accordion .about-x-person-tab span { font-size: 7px; }
  .about-x-people-accordion .about-x-person-story > header > div { align-items: flex-start; gap: 14px; }
  .about-x-people-accordion .about-x-person-story header div > span { max-width: 120px; font-size: 16px; }
}

/* People v13: fixed-layer book spines. Every member keeps one permanent layer;
   hovering a spine only unfolds that layer toward the left. */
.about-x-people-accordion {
  position: relative;
  display: block;
  width: min(calc(100% - 72px),1540px);
  height: clamp(720px,78svh,860px);
  margin-top: clamp(68px,6vw,96px);
  overflow: visible;
}
.about-x-people-accordion .about-x-person,
.about-x-people-accordion .about-x-person + .about-x-person {
  position: absolute;
  z-index: var(--layer-z,20);
  inset: 0 var(--layer-offset,0) 0 0;
  display: grid;
  grid-template-columns: minmax(300px,.82fr) minmax(380px,1.18fr);
  gap: 0;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(11,33,24,.14);
  border-radius: 54px;
  background: #f8f9f4;
  box-shadow: -18px 26px 70px rgba(14,57,37,.12);
  clip-path: inset(0 0 0 calc(100% - 74px) round 54px);
  isolation: isolate;
  transform: none;
  transition: clip-path .82s var(--ax-ease), box-shadow .55s ease, border-color .4s ease;
  pointer-events: none;
}
.about-x-people-accordion .about-x-person:hover:not(.is-active),
.about-x-people-accordion .about-x-person:focus-within:not(.is-active),
.about-x-people-accordion .about-x-person:not(.is-active):hover { transform: none; }
.about-x-people-accordion .about-x-person.is-active {
  width: auto;
  clip-path: inset(0 0 0 0 round 54px);
  border-color: rgba(8,118,87,.28);
  box-shadow: 0 38px 100px rgba(14,57,37,.2);
}

.about-x-people-accordion .about-x-person-media,
.about-x-people-accordion .about-x-person-founder .about-x-person-media,
.about-x-people-accordion .about-x-person-alt .about-x-person-media,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media,
.about-x-people-accordion .about-x-person.is-active .about-x-person-media {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 53px 0 0 53px;
  background: var(--person-surface,#dfe9e2);
  box-shadow: none;
  opacity: 1;
  filter: none;
  transform: none;
  pointer-events: none;
}
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media { filter: saturate(.55) brightness(.8); }
.about-x-people-accordion .about-x-person-media img,
.about-x-people-accordion .about-x-person.is-active .about-x-person-media img,
.about-x-people-accordion .about-x-person:hover .about-x-person-media img,
.about-x-people-accordion .about-x-person.is-active:hover .about-x-person-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 22%;
  filter: none;
  transform: scale(1.015);
}
.about-x-people-accordion .about-x-person-media::after { opacity: 0; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-media::after { opacity: 1; }

.about-x-people-accordion .about-x-person-story,
.about-x-people-accordion .about-x-person-founder .about-x-person-story,
.about-x-people-accordion .about-x-person-alt .about-x-person-story {
  position: relative;
  z-index: 2;
  grid-column: 2;
  grid-row: 1;
  display: none;
  width: 100%;
  height: 100%;
  padding: clamp(38px,3.4vw,56px) clamp(30px,3.1vw,48px) 70px;
  overflow: hidden auto;
  border: 0;
  border-radius: 0 53px 53px 0;
  background:
    radial-gradient(circle at 92% 8%,rgba(183,243,107,.2),transparent 25%),
    #f8f9f4;
  box-shadow: none;
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-story { display: block; animation: ax-person-panel-in .56s .12s both var(--ax-ease); }

.about-x-people-accordion .about-x-person-tab,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab {
  position: absolute;
  z-index: 8;
  inset: 18px 9px 18px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 17px;
  width: 56px;
  height: calc(100% - 36px);
  padding: 24px 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 999px;
  background: rgba(240,245,238,.86);
  color: var(--ax-ink);
  box-shadow: 0 12px 34px rgba(5,40,25,.12);
  backdrop-filter: blur(14px);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: none;
  transition: color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease;
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person-tab::before,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab::before { display: block; width: 1px; height: 42px; background: rgba(8,118,87,.3); content: ""; }
.about-x-people-accordion .about-x-person-tab span { grid-row: auto; align-self: auto; color: var(--ax-green); font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.about-x-people-accordion .about-x-person-tab strong,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { display: block; align-self: auto; font-size: 17px; font-weight: 790; line-height: 1.1; letter-spacing: .07em; }
.about-x-people-accordion .about-x-person-tab small,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { display: block; max-width: none; overflow: visible; color: #688074; font-size: 8px; font-weight: 760; line-height: 1.35; letter-spacing: .08em; white-space: normal; text-overflow: clip; }
.about-x-people-accordion .about-x-person-tab:hover,
.about-x-people-accordion .about-x-person-tab:focus-visible,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab { border-color: rgba(8,118,87,.7); background: #087657; color: #fff; box-shadow: 0 18px 46px rgba(8,118,87,.3); }
.about-x-people-accordion .about-x-person-tab:hover span,
.about-x-people-accordion .about-x-person-tab:focus-visible span,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab span { color: #c9ff7c; }
.about-x-people-accordion .about-x-person-tab:hover small,
.about-x-people-accordion .about-x-person-tab:focus-visible small,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { color: rgba(255,255,255,.72); }

@media (max-width: 1180px) {
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { grid-template-columns: minmax(250px,.82fr) minmax(330px,1.18fr); }
}

@media (max-width: 900px) {
  .about-x-people-accordion { height: 900px; overflow: visible; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { inset-block: 0; grid-template-columns: 1fr; grid-template-rows: 42% 58%; clip-path: inset(0 0 0 calc(100% - 56px) round 42px); border-radius: 42px; }
  .about-x-people-accordion .about-x-person.is-active { clip-path: inset(0 0 0 0 round 42px); }
  .about-x-people-accordion .about-x-person-media,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { grid-column: 1; grid-row: 1; height: 100%; border-radius: 41px 41px 0 0; }
  .about-x-people-accordion .about-x-person-story,
  .about-x-people-accordion .about-x-person-founder .about-x-person-story,
  .about-x-people-accordion .about-x-person-alt .about-x-person-story { grid-column: 1; grid-row: 2; height: 100%; border-radius: 0 0 41px 41px; }
  .about-x-people-accordion .about-x-person-tab,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { width: 42px; }
  .about-x-people-accordion .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { font-size: 14px; }
  .about-x-people-accordion .about-x-person-tab small,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { display: none; }
}

@media (max-width: 660px) {
  .about-x-people-accordion { width: calc(100% - 28px); height: 920px; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { grid-template-rows: 36% 64%; clip-path: inset(0 0 0 calc(100% - 40px) round 32px); border-radius: 32px; }
  .about-x-people-accordion .about-x-person.is-active { clip-path: inset(0 0 0 0 round 32px); }
  .about-x-people-accordion .about-x-person-media,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 31px 31px 0 0; }
  .about-x-people-accordion .about-x-person-story,
  .about-x-people-accordion .about-x-person-founder .about-x-person-story,
  .about-x-people-accordion .about-x-person-alt .about-x-person-story { padding: 28px 20px 50px; border-radius: 0 0 31px 31px; }
  .about-x-people-accordion .about-x-person-tab,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { inset-block: 11px; right: 4px; width: 32px; height: calc(100% - 22px); padding: 16px 0; gap: 11px; }
  .about-x-people-accordion .about-x-person-tab::before,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab::before { height: 24px; }
  .about-x-people-accordion .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { font-size: 12px; }
}

/* People v14: fixed-order layered accordion. Tracks can open, but nobody swaps layers. */
.about-x-people-accordion {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  height: clamp(720px,78svh,860px);
  overflow: visible;
}
.about-x-people-accordion .about-x-person,
.about-x-people-accordion .about-x-person + .about-x-person {
  position: relative;
  z-index: var(--layer-z,10);
  inset: auto;
  display: grid;
  flex: 0 0 72px;
  grid-template-columns: 1fr;
  width: auto;
  height: 100%;
  min-width: 0;
  margin: 0 0 0 -10px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(11,33,24,.14);
  border-radius: 52px;
  background: var(--person-surface,#edf2eb);
  box-shadow: -18px 28px 66px rgba(14,57,37,.12);
  clip-path: none;
  isolation: isolate;
  transform: none;
  transition: flex-basis .86s var(--ax-ease), border-radius .72s var(--ax-ease), box-shadow .55s ease, border-color .35s ease;
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person:first-child { margin-left: 0; }
.about-x-people-accordion .about-x-person.is-active {
  flex: 1 1 860px;
  grid-template-columns: minmax(280px,.8fr) minmax(350px,1.2fr);
  width: auto;
  clip-path: none;
  border-color: rgba(8,118,87,.3);
  border-radius: 52px;
  box-shadow: 0 38px 100px rgba(14,57,37,.2);
}
.about-x-people-accordion .about-x-person:hover:not(.is-active),
.about-x-people-accordion .about-x-person:focus-within:not(.is-active),
.about-x-people-accordion .about-x-person:not(.is-active):hover { transform: none; border-color: rgba(8,118,87,.4); box-shadow: -20px 30px 72px rgba(14,57,37,.17); }

.about-x-people-accordion .about-x-person-media,
.about-x-people-accordion .about-x-person-founder .about-x-person-media,
.about-x-people-accordion .about-x-person-alt .about-x-person-media,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media,
.about-x-people-accordion .about-x-person.is-active .about-x-person-media {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  opacity: 1;
  filter: none;
  transform: none;
}
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media { filter: saturate(.55) brightness(.74); }
.about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 51px 0 0 51px; }

.about-x-people-accordion .about-x-person-story,
.about-x-people-accordion .about-x-person-founder .about-x-person-story,
.about-x-people-accordion .about-x-person-alt .about-x-person-story {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 0 51px 51px 0;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-story { display: block; }

.about-x-people-accordion .about-x-person-tab,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab {
  position: absolute;
  z-index: 8;
  inset: 18px 8px 18px auto;
  display: flex;
  width: 56px;
  height: calc(100% - 36px);
  pointer-events: auto;
}

@media (max-width: 1180px) {
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { flex-basis: 60px; margin-left: -8px; }
  .about-x-people-accordion .about-x-person.is-active { grid-template-columns: minmax(240px,.78fr) minmax(310px,1.22fr); }
  .about-x-people-accordion .about-x-person-tab,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { right: 6px; width: 46px; }
  .about-x-people-accordion .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { font-size: 14px; }
  .about-x-people-accordion .about-x-person-tab small,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { display: none; }
}

@media (max-width: 900px) {
  .about-x-people-accordion { display: flex; height: 900px; overflow-x: auto; overflow-y: hidden; padding: 0 20px 18px 0; scroll-snap-type: x proximity; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { position: relative; inset: auto; flex: 0 0 52px; grid-template-columns: 1fr; grid-template-rows: 42% 58%; margin-left: -7px; clip-path: none; scroll-snap-align: center; }
  .about-x-people-accordion .about-x-person.is-active { flex-basis: min(82vw,680px); grid-template-columns: 1fr; grid-template-rows: 42% 58%; }
  .about-x-people-accordion .about-x-person-media,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { grid-column: 1; grid-row: 1; border-radius: 41px 41px 0 0; }
  .about-x-people-accordion .about-x-person-story,
  .about-x-people-accordion .about-x-person-founder .about-x-person-story,
  .about-x-people-accordion .about-x-person-alt .about-x-person-story { grid-column: 1; grid-row: 2; border-radius: 0 0 41px 41px; }
  .about-x-people-accordion .about-x-person-tab,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { inset: 14px 5px 14px auto; width: 40px; height: calc(100% - 28px); }
}

@media (max-width: 660px) {
  .about-x-people-accordion { width: calc(100% - 28px); height: 920px; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { flex-basis: 39px; margin-left: -5px; grid-template-rows: 36% 64%; border-radius: 32px; }
  .about-x-people-accordion .about-x-person.is-active { flex-basis: calc(100vw - 58px); grid-template-rows: 36% 64%; border-radius: 32px; }
  .about-x-people-accordion .about-x-person-tab,
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { inset: 10px 3px 10px auto; width: 31px; height: calc(100% - 20px); }
}

/* People v15: restore the original horizontal capsule accordion.
   Interaction was upgraded, but the first visual system and fixed DOM order are preserved. */
@media (max-width: -1px) {
.about-x-people-accordion {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: min(calc(100% - 72px),1540px);
  height: clamp(700px,76svh,860px);
  margin: clamp(68px,6vw,96px) auto 0;
  overflow: visible;
  perspective: 1600px;
}
.about-x-people-accordion .about-x-person,
.about-x-people-accordion .about-x-person + .about-x-person {
  --person-surface: #dce9df;
  position: relative;
  z-index: auto;
  inset: auto;
  display: grid;
  flex: 0 0 76px;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: stretch;
  width: auto;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(11,33,24,.12);
  border-radius: 999px;
  background: var(--person-surface);
  box-shadow: 0 18px 54px rgba(14,57,37,.05);
  clip-path: none;
  isolation: isolate;
  transform: none;
  transition: flex-basis .85s var(--ax-ease), border-radius .85s var(--ax-ease), transform .65s var(--ax-ease), box-shadow .65s ease, border-color .35s ease;
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person:nth-child(2) { --person-surface: #e4e8d6; }
.about-x-people-accordion .about-x-person:nth-child(3) { --person-surface: #d8e4e7; }
.about-x-people-accordion .about-x-person:nth-child(4) { --person-surface: #e9e3d5; }
.about-x-people-accordion .about-x-person:nth-child(5) { --person-surface: #dce8d4; }
.about-x-people-accordion .about-x-person:nth-child(6) { --person-surface: #e7dddd; }
.about-x-people-accordion .about-x-person:hover:not(.is-active),
.about-x-people-accordion .about-x-person:focus-within:not(.is-active),
.about-x-people-accordion .about-x-person:not(.is-active):hover { transform: translateY(-12px); border-color: rgba(8,118,87,.42); box-shadow: 0 28px 70px rgba(14,57,37,.13); }
.about-x-people-accordion .about-x-person.is-active {
  flex: 1 1 920px;
  grid-template-columns: minmax(300px,.78fr) minmax(390px,1.22fr);
  width: auto;
  border-radius: 54px;
  background: #f8f9f4;
  box-shadow: 0 34px 90px rgba(14,57,37,.15);
  clip-path: none;
}

.about-x-people-accordion .about-x-person-tab,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab {
  position: absolute;
  z-index: 5;
  inset: 18px 13px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  width: calc(100% - 26px);
  height: auto;
  padding: 22px 0;
  overflow: visible;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ax-ink);
  box-shadow: none;
  backdrop-filter: none;
  cursor: pointer;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: none;
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person-tab::before,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab::before { display: block; width: 1px; height: 54px; background: rgba(11,33,24,.24); content: ""; }
.about-x-people-accordion .about-x-person-tab span { grid-row: auto; align-self: auto; color: inherit; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.about-x-people-accordion .about-x-person-tab strong,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { display: block; align-self: auto; font-size: 21px; font-weight: 760; letter-spacing: .08em; }
.about-x-people-accordion .about-x-person-tab small,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { display: block; max-width: none; overflow: visible; color: rgba(11,33,24,.55); font-size: 8px; font-weight: 800; letter-spacing: .16em; white-space: normal; text-overflow: clip; }
.about-x-people-accordion .about-x-person-tab:hover,
.about-x-people-accordion .about-x-person-tab:focus-visible { border-color: transparent; background: transparent; color: var(--ax-ink); box-shadow: none; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab {
  inset: 22px auto auto 22px;
  justify-content: flex-start;
  width: auto;
  height: 45px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.58);
  background: rgba(248,249,244,.84);
  color: var(--ax-ink);
  box-shadow: 0 12px 34px rgba(4,31,20,.16);
  backdrop-filter: blur(14px);
  writing-mode: horizontal-tb;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab::before { width: 28px; height: 1px; background: var(--ax-green); order: 2; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab span { color: var(--ax-ink); }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab strong { font-size: 15px; letter-spacing: .02em; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab small { display: none; }

.about-x-people-accordion .about-x-person-media,
.about-x-people-accordion .about-x-person-founder .about-x-person-media,
.about-x-people-accordion .about-x-person-alt .about-x-person-media,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media,
.about-x-people-accordion .about-x-person.is-active .about-x-person-media {
  position: relative;
  top: auto;
  grid-column: 1;
  grid-row: 1;
  order: initial;
  width: 100%;
  height: 100%;
  margin: 0;
  aspect-ratio: auto;
  border: 0;
  border-radius: inherit;
  background: var(--person-surface);
  box-shadow: none;
  opacity: 1;
  filter: none;
  transform: translateZ(0);
}
.about-x-people-accordion .about-x-person-media img,
.about-x-people-accordion .about-x-person.is-active .about-x-person-media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; filter: saturate(.55) contrast(1.04) brightness(.76); transform: scale(1.08); }
.about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 53px 0 0 53px; }
.about-x-people-accordion .about-x-person.is-active .about-x-person-media img { filter: saturate(.88) contrast(1.03) brightness(.94); transform: scale(1.01); }

.about-x-people-accordion .about-x-person-story,
.about-x-people-accordion .about-x-person-founder .about-x-person-story,
.about-x-people-accordion .about-x-person-alt .about-x-person-story {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  display: none;
  order: initial;
  width: auto;
  min-width: 0;
  height: 100%;
  padding: 44px 40px 70px;
  overflow: hidden auto;
  border: 0;
  border-radius: 0 53px 53px 0;
  background: #f8f9f4;
  color: var(--ax-ink);
  box-shadow: none;
  pointer-events: auto;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-story { display: block; animation: ax-person-story .72s .16s both var(--ax-ease); }

@media (max-width: 1180px) {
  .about-x-people-accordion { width: min(calc(100% - 48px),1540px); }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { flex-basis: 68px; margin: 0; }
  .about-x-people-accordion .about-x-person.is-active { grid-template-columns: minmax(260px,.82fr) minmax(340px,1.18fr); }
  .about-x-people-accordion .about-x-person-story { padding-inline: 30px; }
}

@media (max-width: 900px) {
  .about-x-people-accordion { align-items: stretch; height: 780px; overflow-x: auto; overflow-y: hidden; padding: 12px 4px 20px; scroll-padding-inline: 4px; scroll-snap-type: x proximity; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { flex: 0 0 62px; margin: 0; scroll-snap-align: start; }
  .about-x-people-accordion .about-x-person.is-active { flex-basis: min(82vw,680px); grid-template-columns: 1fr; grid-template-rows: 43% 57%; border-radius: 44px; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { grid-column: 1; grid-row: 1; border-radius: 43px 43px 0 0; }
  .about-x-people-accordion .about-x-person-story,
  .about-x-people-accordion .about-x-person-founder .about-x-person-story,
  .about-x-people-accordion .about-x-person-alt .about-x-person-story { grid-column: 1; grid-row: 2; padding: 34px 32px 62px; border-radius: 0 0 43px 43px; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-tab { top: 16px; left: 16px; }
}

@media (max-width: 660px) {
  .about-x-people-accordion { width: calc(100% - 20px); height: 720px; gap: 7px; }
  .about-x-people-accordion .about-x-person,
  .about-x-people-accordion .about-x-person + .about-x-person { flex-basis: 54px; }
  .about-x-people-accordion .about-x-person.is-active { flex-basis: calc(100vw - 64px); grid-template-rows: 36% 64%; border-radius: 34px; }
  .about-x-people-accordion .about-x-person.is-active .about-x-person-media { border-radius: 33px 33px 0 0; }
  .about-x-people-accordion .about-x-person-tab { inset: 14px 9px; width: calc(100% - 18px); }
  .about-x-people-accordion .about-x-person-tab strong { font-size: 17px; }
  .about-x-people-accordion .about-x-person-story,
  .about-x-people-accordion .about-x-person-founder .about-x-person-story,
  .about-x-people-accordion .about-x-person-alt .about-x-person-story { padding: 28px 22px 52px; border-radius: 0 0 33px 33px; }
}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .about-x-flow-track, .about-x-people-flow > div, .about-x-domain-rail > div { animation: none; }
  .about-x-hero-media video { display: none; }
  .about-x-hero-media { background: url("./visuals/about-agriculture-aerial-v2.jpg") center / cover no-repeat; }
  .about-x.about-v7-motion [data-about-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Selected people polish: keep the penultimate accordion, reveal every portrait,
   and add depth/light without changing order or interaction geometry. */
.about-x-people-accordion .about-x-person {
  border-color: rgba(255,255,255,.64);
  box-shadow: 0 22px 62px rgba(11,48,33,.11);
}
.about-x-people-accordion .about-x-person::after {
  position: absolute;
  z-index: 7;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(112deg,transparent 30%,rgba(202,255,125,.28) 48%,transparent 66%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translateX(-105%);
}
.about-x-people-accordion .about-x-person:hover::after,
.about-x-people-accordion .about-x-person:focus-within::after { animation: ax-spine-light 1.05s both var(--ax-ease); }
@keyframes ax-spine-light {
  0% { opacity: 0; transform: translateX(-105%); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: translateX(105%); }
}

.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media {
  filter: none;
  background: #193c2f;
}
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-media img {
  object-fit: cover;
  object-position: 50% 22%;
  filter: saturate(.72) contrast(1.08) brightness(.76);
  transform: scale(1.08);
  transition: filter .45s ease, transform .75s var(--ax-ease);
}
.about-x-people-accordion .about-x-person:not(.is-active):hover .about-x-person-media img,
.about-x-people-accordion .about-x-person:not(.is-active):focus-within .about-x-person-media img {
  filter: saturate(1) contrast(1.04) brightness(.92);
  transform: scale(1.13);
}
.about-x-people-accordion .about-x-person-founder:not(.is-active) .about-x-person-media img { object-position: 0% 50%; }

.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab {
  inset: 0;
  justify-content: center;
  gap: 13px;
  width: 100%;
  height: 100%;
  padding: 22px 0;
  border: 0;
  background:
    linear-gradient(180deg,rgba(5,24,17,.03) 0%,rgba(5,24,17,.18) 45%,rgba(4,27,19,.86) 100%);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
  backdrop-filter: none;
}
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab::before { height: 38px; background: rgba(203,255,127,.78); }
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab span { color: #caff7d; text-shadow: 0 2px 12px rgba(0,0,0,.46); }
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab strong { padding: 9px 5px; border-radius: 999px; background: rgba(2,27,18,.44); color: #fff; font-size: 18px; text-shadow: 0 3px 18px rgba(0,0,0,.56); backdrop-filter: blur(5px); }
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab small {
  display: block;
  padding: 9px 4px;
  border: 1px solid rgba(202,255,125,.25);
  border-radius: 999px;
  background: rgba(2,27,18,.38);
  color: rgba(255,255,255,.86);
  font-size: 9px;
  font-weight: 720;
  line-height: 1.25;
  letter-spacing: .08em;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
  backdrop-filter: blur(5px);
}
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab:hover,
.about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab:focus-visible {
  background: linear-gradient(180deg,rgba(7,118,87,.04),rgba(7,118,87,.2) 48%,rgba(4,72,52,.88));
  color: #fff;
}

.about-x-people-accordion .about-x-person.is-active {
  border-color: rgba(8,118,87,.32);
  box-shadow: 0 38px 100px rgba(14,57,37,.2),0 0 0 1px rgba(202,255,125,.18);
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-media {
  background:
    radial-gradient(circle at 50% 22%,rgba(202,255,125,.16),transparent 42%),
    #18372c;
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-media img {
  object-fit: cover;
  object-position: 50% 22%;
  filter: saturate(.96) contrast(1.02) brightness(.97);
  transform: scale(1.005);
}
.about-x-people-accordion .about-x-person-founder.is-active .about-x-person-media img { object-position: 0% 50%; }
.about-x-people-accordion .about-x-person.is-active:hover .about-x-person-media img { transform: scale(1.025); }
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab {
  border-color: rgba(255,255,255,.72);
  background: rgba(248,250,244,.9);
  box-shadow: 0 14px 38px rgba(4,31,20,.2),inset 0 0 0 1px rgba(202,255,125,.16);
}
.about-x-people-accordion .about-x-person.is-active .about-x-person-story {
  background:
    radial-gradient(circle at 92% 8%,rgba(183,243,107,.22),transparent 25%),
    linear-gradient(180deg,#fbfcf8,#f5f8f2);
}
.about-x-people-accordion .about-x-person-story::-webkit-scrollbar { width: 6px; }
.about-x-people-accordion .about-x-person-story::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(8,118,87,.42); }

@media (max-width: 1180px) {
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab { padding-block: 22px 26px; }
}

@media (max-width: 660px) {
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab { inset: 0; width: 100%; height: 100%; padding-block: 18px 20px; }
  .about-x-people-accordion .about-x-person:not(.is-active) .about-x-person-tab small { padding: 7px 3px; font-size: 8px; }
}

/* Once a profile is open, its spine is redundant. Keep it only for keyboard focus. */
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab,
.about-x-people-accordion .about-x-person.is-active .about-x-person-tab:focus-visible {
  display: none !important;
}