.about-page {
  background:#fff;
  color:#313541;
  overflow:hidden
}
.about-container {
  margin:0 auto;
  width:min(1200px,calc(100% - 40px))
}
.about-section-title {
  color:#333846;
  font-size:40px;
  font-weight:600;
  line-height:1;
  margin:0;
  text-align:center
}
.about-section-subtitle {
  color:#7d8088;
  font-size:18px;
  line-height:1;
  margin:23px 0 0;
  text-align:center
}
.about-hero {
  background-position:50%;
  background-size:cover;
  color:#fff;
  display:grid;
  height:520px;
  min-height:520px;
  place-items:center;
  position:relative
}
.about-hero:before {
  background:#1548773d;
  content:"";
  inset:0;
  position:absolute
}
.about-hero__content {
  margin-top:-4px;
  position:relative;
  text-align:center;
  width:min(900px,calc(100% - 40px));
  z-index:1
}
.about-hero h1 {
  color:#fff;
  font-size:50px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.18;
  margin:0
}
.about-hero p {
  color:#ffffffeb;
  font-size:20px;
  font-weight:400;
  line-height:1.4;
  margin:30px 0 0
}
.about-intro {
  background:#f9fafb;
  padding:92px 0 100px
}
.about-intro__copy {
  margin:48px auto 0;
  width:min(1200px,100%)
}
.about-intro__copy p {
  color:#313541;
  font-size:18px;
  line-height:1.72;
  margin:0
}
.about-intro__copy p+p {
  margin-top:24px
}
.about-intro__copy p {
  color:#313541;
  font-size:18px;
  line-height:1.72;
  margin:0
}
.about-intro__copy p+p {
  margin-top:24px
}
.about-intro__copy img {
  height:auto;
  max-width:100%
}
.about-intro__image {
  border-radius:12px;
  display:block;
  height:440px;
  margin:40px auto 0;
  max-width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  width:1200px
}
.founder-section {
  background:#fff;
  padding:133px 0 100px
}
.founder-section__inner {
  align-items:start;
  display:grid;
  gap:70px;
  grid-template-columns:minmax(0,660px) 470px;
  margin:0 auto;
  width:min(1200px,calc(100% - 40px))
}
.founder-section__headline {
  color:#ea5514;
  font-size:34px;
  font-weight:600;
  line-height:1.15;
  margin:0
}
.founder-section__subtitle {
  color:#313541;
  font-size:20px;
  line-height:1.5;
  margin:18px 0 58px
}
.founder-section h2 {
  color:#313541;
  font-size:30px;
  font-weight:600;
  line-height:1.2;
  margin:0 0 24px
}
.founder-section__paragraphs p {
  color:#313541;
  font-size:18px;
  line-height:1.55;
  margin:0
}
.founder-section__paragraphs p+p {
  margin-top:2px
}
.founder-card {
  margin:0;
  min-height:540px;
  position:relative
}
.founder-card img {
  display:block;
  height:540px;
  -o-object-fit:cover;
  object-fit:cover;
  width:471px
}
.timeline-section {
  background-image:url(/assets/about/timeline-bg.jpg);
  background-position:50%;
  background-size:cover;
  color:#fff;
  overflow:hidden
}
.timeline-section,.timeline-track {
  min-height:750px;
  position:relative
}
.timeline-track {
  --timeline-card-width:280px;
  --timeline-count:1;
  --timeline-title-width:160px;
  --timeline-stage-gap:60px;
  --timeline-track-width:min(1200px, calc(100vw - 80px) );
  --timeline-years-width:calc(var(--timeline-count)*var(--timeline-card-width));
  --timeline-rail-width:calc(var(--timeline-track-width) - var(--timeline-title-width) - var(--timeline-stage-gap));
  --timeline-viewport-width:calc((100vw - var(--timeline-track-width))/2 + var(--timeline-rail-width));
  --timeline-previous-node-peek:80px;
  --timeline-max-translate:max(0px,calc(var(--timeline-years-width) - var(--timeline-rail-width)));
  -moz-column-gap:var(--timeline-stage-gap);
  column-gap:var(--timeline-stage-gap);
  display:grid;
  grid-template-columns:var(--timeline-title-width) minmax(0,1fr);
  margin:0 auto;
  width:var(--timeline-track-width);
  z-index:1
}
.timeline-track>h2 {
  align-self:center;
  color:#fff;
  font-size:40px;
  font-weight:600;
  line-height:1;
  margin:0;
  position:relative;
  z-index:2
}
.timeline-years-viewport {
  min-height:750px;
  overflow:hidden;
  width:var(--timeline-viewport-width)
}
.timeline-years {
  grid-template-columns:repeat(var(--timeline-count),var(--timeline-card-width));
  transform:translate(max(calc(var(--active-timeline-index, 0)*var(--timeline-card-width)*-1 + var(--timeline-previous-node-peek)),calc(var(--timeline-max-translate)*-1)));
  transition:transform .72s cubic-bezier(.16,1,.3,1);
  width:var(--timeline-years-width);
  z-index:1
}
.timeline-year,.timeline-years {
  display:grid;
  min-height:750px;
  position:relative;
  will-change:transform
}
.timeline-year {
  align-content:center;
  border-left:1px solid hsla(0,0%,100%,.18);
  cursor:pointer;
  padding:0 42px;
  text-align:center;
  transform:scale(.985);
  transition:background .42s ease,backdrop-filter .42s ease,transform .56s cubic-bezier(.16,1,.3,1)
}
.timeline-year.is-active {
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  background:#ffffff1a;
  transform:scale(1)
}
.timeline-year:focus-visible {
  outline:2px solid hsla(0,0%,100%,.82);
  outline-offset:-6px
}
.timeline-year__summary strong {
  color:#fff;
  display:block;
  font-size:26px;
  font-weight:600;
  line-height:1
}
.timeline-year__summary span {
  background:#fff;
  border-radius:999px;
  display:block;
  height:4px;
  margin:13px auto 22px;
  width:20px
}
.timeline-year__summary h3 {
  color:#fff;
  font-size:22px;
  font-weight:600;
  line-height:1.2;
  margin:0
}
.timeline-events {
  animation:about-timeline-events-in .48s cubic-bezier(.16,1,.3,1) both;
  display:grid;
  gap:20px;
  margin-top:30px
}
.timeline-event b {
  align-items:center;
  background:#fff;
  border-radius:999px;
  color:#ff6000;
  display:inline-flex;
  font-size:16px;
  font-weight:500;
  height:26px;
  justify-content:center;
  line-height:1;
  min-width:58px
}
.timeline-event p {
  color:#fff;
  font-size:16px;
  line-height:1.45;
  margin:12px 0 0
}
.timeline-year__arrow {
  display:block;
  height:40px;
  margin:44px auto 0;
  opacity:.78;
  transition:transform .24s ease,opacity .24s ease;
  width:40px
}
.timeline-year:focus-visible .timeline-year__arrow,.timeline-year:hover .timeline-year__arrow {
  opacity:1;
  transform:translateY(4px)
}
@keyframes about-timeline-events-in {
  0% {
  filter:blur(6px);
  opacity:0;
  transform:translateY(16px)
}
to {
  filter:blur(0);
  opacity:1;
  transform:translateY(0)
}

}
.leaders-section {
  background:#fff;
  padding:100px 0 97px
}
.leaders-grid {
  -moz-column-gap:28px;
  column-gap:28px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  margin-top:73px;
  row-gap:64px
}
.leader-card {
  text-align:center
}
.leader-card img {
  border-radius:50%;
  display:block;
  height:160px;
  margin:0 auto;
  -o-object-fit:cover;
  object-fit:cover;
  width:160px
}
.leader-card h3 {
  color:#313541;
  font-size:20px;
  font-weight:600;
  line-height:1;
  margin:23px 0 0
}
.leader-card p {
  color:#7d8088;
  font-size:16px;
  line-height:1.2;
  margin:12px 0 0
}
.culture-section {
  background:#e8f1fa;
  color:#2f3542;
  padding:100px 0 104px
}
.culture-section h2 {
  color:#2f3542;
  font-size:40px;
  font-weight:600;
  line-height:1;
  margin:0;
  text-align:center
}
.culture-grid {
  display:grid;
  gap:20px;
  grid-template-columns:repeat(3,1fr);
  margin-top:63px
}
.culture-card {
  background:#fff;
  border-radius:12px;
  min-height:256px;
  padding:47px 30px 36px;
  text-align:center
}
.culture-card img {
  display:block;
  height:80px;
  margin:0 auto;
  width:80px
}
.culture-card h3 {
  color:#ff5a00;
  font-size:26px;
  font-weight:600;
  line-height:1;
  margin:32px 0 0
}
.culture-card p {
  color:#313541;
  font-size:18px;
  line-height:1.3;
  margin:18px 0 0
}
.join-section {
  background:#fff;
  padding:clamp(84px,9vw,132px) 0 clamp(86px,8vw,118px)
}
.join-section h2 {
  color:#2f3542;
  font-size:clamp(32px,3vw,44px);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.15;
  margin:0;
  text-align:center;
  text-wrap:balance
}
.activity-collage {
  display:grid;
  gap:16px;
  grid-auto-flow:dense;
  grid-auto-rows:88px;
  grid-template-columns:repeat(12,minmax(0,1fr));
  margin:clamp(56px,5.8vw,74px) auto 0;
  width:min(1200px,100%)
}
.activity-collage img {
  border-radius:12px;
  display:block;
  height:100%;
  min-height:0;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
}
.activity-collage .is-hero {
  grid-column:1/span 8;
  grid-row:1/span 3
}
.activity-collage .is-side {
  grid-column:9/span 4;
  grid-row:1/span 3
}
.activity-collage .is-left {
  grid-column:1/span 4;
  grid-row:4/span 4
}
.activity-collage .is-middle {
  grid-column:5/span 4;
  grid-row:4/span 2
}
.activity-collage .is-bottom {
  grid-column:5/span 4;
  grid-row:6/span 2
}
.activity-collage .is-right {
  grid-column:9/span 4;
  grid-row:4/span 4
}
.charity-section {
  background:#f4f6fc;
  overflow:hidden;
  padding:91px 0 105px
}
.charity-heading h2 {
  color:#333846;
  font-size:40px;
  font-weight:600;
  line-height:1;
  margin:0;
  text-align:center
}
.charity-heading p {
  color:#7d8088;
  font-size:18px;
  line-height:1;
  margin:23px 0 0;
  text-align:center
}
.charity-carousel {
  --charity-card-width:clamp(320px,21.7vw,416px);
  --charity-card-gap:20px;
  margin:58px 0 0 50%;
  overflow:hidden;
  transform:translate(-50%);
  width:100vw
}
.charity-rail {
  animation:about-charity-scroll 36s linear infinite;
  display:flex;
  gap:var(--charity-card-gap);
  padding:0 var(--charity-card-gap);
  width:-moz-max-content;
  width:max-content;
  will-change:transform
}
.charity-carousel:hover .charity-rail {
  animation-play-state:paused
}
.charity-card {
  background:#fff;
  border-radius:12px;
  box-shadow:0 18px 46px #3135410d;
  flex:0 0 var(--charity-card-width);
  overflow:hidden
}
.charity-card img {
  display:block;
  height:clamp(174px,10.4vw,200px);
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
}
.charity-card__body {
  min-height:220px;
  padding:27px 20px 28px
}
.charity-card h3 {
  color:#313541;
  font-size:22px;
  font-weight:600;
  line-height:1.2;
  margin:0
}
.charity-card p {
  color:#7d8088;
  font-size:17px;
  line-height:1.55;
  margin:20px 0 0
}
@keyframes about-charity-scroll {
  0% {
  transform:translate(0)
}
to {
  transform:translate(calc((var(--charity-card-width) + var(--charity-card-gap))*-5))
}

}
@media(max-width:1280px) {
  .founder-section__inner {
  gap:48px;
  grid-template-columns:minmax(0,1fr) 390px
}
.founder-card img {
  height:447px;
  width:390px
}
.leaders-grid {
  -moz-column-gap:24px;
  column-gap:24px
}
.leader-card img {
  height:150px;
  width:150px
}

}
@media(max-width:980px) {
  .about-hero {
  height:520px;
  min-height:520px
}
.about-hero h1 {
  font-size:40px
}
.about-hero p {
  font-size:18px
}
.about-section-title,.charity-heading h2,.culture-section h2,.join-section h2 {
  font-size:32px
}
.founder-section__inner {
  grid-template-columns:1fr
}
.founder-card {
  justify-self:center
}
.timeline-section {
  min-height:auto
}
.timeline-track {
  display:flex;
  min-height:auto;
  overflow-x:auto;
  width:100%
}
.timeline-track>h2 {
  align-self:stretch;
  margin:0;
  min-width:220px;
  padding:48px 32px
}
.timeline-years-viewport {
  overflow:visible
}
.timeline-years,.timeline-years-viewport {
  min-height:auto;
  width:-moz-max-content;
  width:max-content
}
.timeline-years {
  display:flex;
  transform:none;
  transition:none
}
.timeline-year {
  min-height:500px;
  min-width:260px;
  transform:none
}
.leaders-grid {
  grid-template-columns:repeat(3,1fr)
}
.culture-grid {
  grid-template-columns:1fr
}
.activity-collage {
  grid-auto-rows:74px;
  grid-template-columns:repeat(6,minmax(0,1fr))
}
.activity-collage .is-bottom,.activity-collage .is-hero,.activity-collage .is-left,.activity-collage .is-middle,.activity-collage .is-right,.activity-collage .is-side {
  grid-column:span 3;
  grid-row:span 3
}
.activity-collage .is-hero {
  grid-column:1/-1
}
.charity-carousel {
  --charity-card-width:clamp(292px,42vw,360px);
  margin-top:46px
}

}
@media(max-width:640px) {
  .about-container,.founder-section__inner {
  width:min(100% - 28px,1200px)
}
.about-hero {
  height:500px;
  min-height:500px
}
.about-hero h1 {
  font-size:34px;
  text-wrap:balance
}
.about-hero p {
  font-size:16px;
  margin-top:18px;
  text-wrap:pretty
}
.about-intro,.charity-section,.culture-section,.founder-section,.join-section,.leaders-section {
  padding:60px 0
}
.about-intro__copy p,.charity-card p,.culture-card p,.founder-section__paragraphs p {
  font-size:15px
}
.charity-carousel {
  --charity-card-width:min(82vw,336px);
  --charity-card-gap:14px;
  margin-top:36px
}
.charity-rail {
  animation-duration:30s
}
.charity-card__body {
  min-height:204px;
  padding:22px 18px 24px
}
.charity-card h3 {
  font-size:20px
}
.about-intro__image {
  height:auto
}
.founder-section__headline {
  font-size:28px
}
.founder-section__subtitle {
  font-size:17px;
  margin-bottom:34px
}
.founder-card img {
  height:344px;
  width:300px
}
.leaders-grid {
  gap:34px 16px;
  grid-template-columns:repeat(2,1fr)
}
.leader-card img {
  height:136px;
  width:136px
}
.leader-card h3 {
  font-size:18px
}
.leader-card p {
  font-size:14px
}
.activity-collage {
  grid-auto-rows:auto;
  grid-template-columns:1fr
}
.activity-collage .is-bottom,.activity-collage .is-hero,.activity-collage .is-left,.activity-collage .is-middle,.activity-collage .is-right,.activity-collage .is-side,.activity-collage img {
  grid-column:auto;
  grid-row:auto;
  height:auto
}

}
@media(prefers-reduced-motion:reduce) {
  .charity-carousel {
  overflow-x:auto
}
.charity-rail {
  animation:none;
  padding-bottom:8px
}
.timeline-years {
  transition:none
}
.timeline-events,.timeline-year {
  animation:none;
  transition:none
}

}

.about-page {
  font-size: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.5;
}
.about-page, .about-page * { box-sizing: border-box; }
.about-page a { text-decoration: none; }
.about-page section[id] { scroll-margin-top: 100px; }
.charity-pause {
  display: block;
  margin: 18px auto -32px;
  padding: 5px 12px;
  background: transparent;
  border: 1px solid #c9ced8;
  border-radius: 4px;
  color: #596170;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.charity-pause:focus-visible, .charity-carousel:focus-visible {
  outline: 2px solid #ea5514;
  outline-offset: 4px;
}
.charity-carousel.is-manual { overflow-x: auto; }
.charity-carousel.is-manual .charity-rail { animation: none; }
.charity-carousel.is-manual .charity-card[aria-hidden="true"] { display: none; }
@media (max-width: 640px) {
  .about-section-subtitle, .charity-heading p { line-height: 1.6; padding-inline: 14px; }
  .timeline-track { flex-direction: column; }
  .timeline-track > h2 { min-width: 0; padding: 36px 24px 20px; font-size: 30px; }
  .timeline-years-viewport { overflow-x: auto; width: 100%; }
  .timeline-year { min-width: min(280px, 80vw); padding-inline: 28px; }
  .founder-card { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .charity-card[aria-hidden="true"] { display: none; }
}