.page-about{
  background:var(--c-milk);
  color:var(--c-ink);
  overflow-x:hidden;
}

.page-about__breadcrumb{
  padding-top:var(--sp-4);
}

.page-about__breadcrumb .breadcrumb{
  font-size:var(--fs-12);
  color:var(--c-rock);
}

.page-about__hero{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--sp-5);
  padding-top:var(--sp-5);
  padding-bottom:var(--sp-7);
}

.page-about__hero-copy h1{
  font-family:var(--f-display);
  font-size:var(--fs-36);
  line-height:1.15;
  letter-spacing:-0.5px;
  color:var(--c-deep);
  margin:var(--sp-2) 0 var(--sp-3);
  font-weight:800;
}

.page-about__lead{
  font-size:var(--fs-16);
  line-height:1.8;
  color:var(--c-rock);
  max-width:58ch;
  margin-bottom:var(--sp-5);
}

.page-about__hero-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--sp-4);
  padding-top:var(--sp-4);
  border-top:1px solid var(--c-line);
}

.page-about__stat-num{
  font-family:var(--f-number);
  font-size:var(--fs-28);
  font-weight:700;
  line-height:1;
  color:var(--c-deep);
  display:block;
}

.page-about__stat-label{
  display:block;
  font-size:var(--fs-12);
  color:var(--c-rock);
  margin-top:var(--sp-1);
  line-height:1.4;
}

.page-about__hero-media{
  margin:0;
  overflow:hidden;
  background:var(--c-deep);
  clip-path:polygon(0 0,100% 3%,100% 97%,0 100%);
}

.page-about__hero-media img{
  display:block;
  width:100%;
  height:auto;
}

.page-about__chapter{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--sp-3);
  padding-top:var(--sp-6);
  padding-bottom:var(--sp-6);
}

.page-about__chapter-num{
  font-family:var(--f-number);
  font-size:var(--fs-64);
  font-weight:700;
  line-height:1;
  color:var(--c-orange);
  letter-spacing:-2px;
  user-select:none;
}

.page-about__chapter-body h2{
  font-family:var(--f-display);
  font-size:var(--fs-28);
  line-height:1.25;
  margin:var(--sp-2) 0 var(--sp-3);
  color:var(--c-deep);
  font-weight:800;
}

.page-about__chapter-body > p{
  font-size:var(--fs-14);
  line-height:1.85;
  color:var(--c-rock);
  max-width:65ch;
}

.page-about__chapter-body > p + p{
  margin-top:var(--sp-3);
}

.page-about__why{
  background:var(--c-deep);
}

.page-about__why .page-about__chapter-body h2{
  color:var(--c-milk);
}

.page-about__why .page-about__chapter-body > p{
  color:rgba(244,241,234,0.75);
}

.page-about__why .page-about__chapter-num{
  color:var(--c-orange);
}

.page-about__why-features{
  margin-top:var(--sp-5);
  display:grid;
  gap:var(--sp-4);
  grid-template-columns:1fr;
}

.page-about__feature{
  background:rgba(27,52,94,0.4);
  border-left:3px solid var(--c-orange);
  padding:var(--sp-4);
}

.page-about__feature-label{
  display:block;
  font-size:var(--fs-16);
  font-weight:700;
  color:var(--c-milk);
  margin-bottom:var(--sp-2);
}

.page-about__feature p{
  font-size:var(--fs-14);
  line-height:1.7;
  color:rgba(244,241,234,0.7);
  margin:0;
}

.page-about__origin{
  background:var(--c-milk);
}

.page-about__origin-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--sp-5);
  margin-top:var(--sp-5);
}

.page-about__origin-media{
  margin:0;
  overflow:hidden;
  background:var(--c-deep);
  clip-path:polygon(0 0,100% 4%,100% 96%,4% 100%);
}

.page-about__origin-media img{
  display:block;
  width:100%;
  height:auto;
}

.page-about__origin-list{
  display:grid;
  gap:var(--sp-4);
}

.page-about__origin-item{
  padding:var(--sp-4);
  border:1px solid var(--c-line);
  border-top:3px solid var(--c-data);
  background:var(--c-milk);
}

.page-about__origin-index{
  font-family:var(--f-number);
  font-size:var(--fs-14);
  font-weight:700;
  color:var(--c-orange);
  display:block;
  margin-bottom:var(--sp-1);
}

.page-about__origin-item h3{
  font-size:var(--fs-16);
  color:var(--c-deep);
  margin-bottom:var(--sp-2);
}

.page-about__origin-item p{
  font-size:var(--fs-14);
  line-height:1.7;
  color:var(--c-rock);
  margin:0;
}

.page-about__milestones{
  background:var(--c-deep);
}

.page-about__milestones .page-about__chapter-body h2{
  color:var(--c-milk);
}

.page-about__milestones .page-about__chapter-body > p{
  color:rgba(244,241,234,0.75);
}

.page-about__milestones .page-about__chapter-num{
  color:var(--c-orange);
}

.page-about__timeline{
  margin-top:var(--sp-5);
  display:grid;
  gap:0;
}

.page-about__milestone{
  border-top:1px solid rgba(244,241,234,0.16);
  padding:var(--sp-4) 0;
  position:relative;
}

.page-about__milestone:last-child{
  border-bottom:1px solid rgba(244,241,234,0.16);
}

.page-about__milestone-summary{
  list-style:none;
  display:flex;
  align-items:baseline;
  gap:var(--sp-3);
  cursor:pointer;
  flex-wrap:wrap;
}

.page-about__milestone-summary::-webkit-details-marker{
  display:none;
}

.page-about__milestone-tag{
  font-size:var(--fs-12);
  letter-spacing:0.08em;
  color:var(--c-orange);
  font-weight:700;
}

.page-about__milestone-title{
  font-family:var(--f-display);
  font-size:var(--fs-20);
  font-weight:700;
  color:var(--c-milk);
  margin-right:auto;
}

.page-about__milestone-arrow{
  font-size:var(--fs-20);
  color:var(--c-orange);
  transition:transform 0.2s var(--ease);
}

.page-about__milestone[open] .page-about__milestone-arrow{
  transform:rotate(45deg);
}

.page-about__milestone-detail{
  padding:var(--sp-3) 0 0 var(--sp-3);
}

.page-about__milestone-detail p{
  font-size:var(--fs-14);
  line-height:1.7;
  color:rgba(244,241,234,0.7);
  max-width:58ch;
  margin:0;
}

.page-about__honors{
  background:var(--c-milk);
}

.page-about__honors .page-about__chapter-body > p{
  margin-bottom:var(--sp-5);
}

.page-about__awards{
  display:grid;
  gap:var(--sp-4);
  grid-template-columns:1fr;
  margin-bottom:var(--sp-5);
}

.page-about__award{
  background:var(--c-milk);
  border:1px solid var(--c-line);
  border-bottom:4px solid var(--c-terra);
  padding:var(--sp-4);
}

.page-about__award-year{
  font-family:var(--f-number);
  font-size:var(--fs-36);
  font-weight:700;
  color:var(--c-deep);
  display:block;
  margin-bottom:var(--sp-2);
  line-height:1;
}

.page-about__award h3{
  font-size:var(--fs-16);
  font-weight:700;
  color:var(--c-deep);
  margin-bottom:var(--sp-2);
}

.page-about__award p{
  font-size:var(--fs-14);
  line-height:1.7;
  color:var(--c-rock);
  margin:0;
}

.page-about__award-media{
  margin:0;
  overflow:hidden;
  background:var(--c-deep);
  clip-path:polygon(0 0,100% 4%,100% 96%,0 100%);
}

.page-about__award-media img{
  display:block;
  width:100%;
  height:auto;
}

.page-about__trust{
  margin:var(--sp-5) 0 0;
  padding:var(--sp-4);
  background:rgba(27,52,94,0.06);
  border-left:3px solid var(--c-moss);
}

.page-about__trust p{
  font-size:var(--fs-14);
  line-height:1.8;
  color:var(--c-rock);
  margin:0;
}

.page-about__cta{
  background:var(--c-orange);
}

.page-about__cta-box{
  padding-top:var(--sp-7);
  padding-bottom:var(--sp-7);
  text-align:center;
}

.page-about__cta-label{
  font-size:var(--fs-12);
  font-weight:700;
  letter-spacing:0.08em;
  color:var(--c-deep);
  text-transform:uppercase;
  display:block;
  margin-bottom:var(--sp-2);
}

.page-about__cta-box h2{
  font-family:var(--f-display);
  font-size:var(--fs-28);
  color:var(--c-deep);
  margin:var(--sp-3) 0;
  font-weight:800;
}

.page-about__cta-box p{
  font-size:var(--fs-14);
  color:rgba(10,31,68,0.7);
  margin-bottom:var(--sp-5);
}

.page-about__cta-links{
  display:flex;
  gap:var(--sp-3);
  justify-content:center;
  flex-wrap:wrap;
}

@media (min-width: 900px){
  .page-about__hero{
    grid-template-columns:6fr 6fr;
    gap:var(--sp-7);
    align-items:center;
    padding-top:var(--sp-7);
    padding-bottom:var(--sp-8);
  }

  .page-about__hero-copy h1{
    font-size:var(--fs-48);
  }

  .page-about__hero-stats{
    gap:var(--sp-5);
  }

  .page-about__chapter{
    grid-template-columns:88px 1fr;
    gap:var(--sp-6);
    align-items:start;
    padding-top:var(--sp-8);
    padding-bottom:var(--sp-8);
  }

  .page-about__chapter-num{
    font-size:var(--fs-88);
    position:sticky;
    top:var(--sp-7);
  }

  .page-about__why-features{
    grid-template-columns:repeat(3,1fr);
    gap:var(--sp-5);
  }

  .page-about__origin-grid{
    grid-template-columns:5fr 7fr;
    align-items:start;
  }

  .page-about__origin-list{
    gap:var(--sp-4);
  }

  .page-about__awards{
    grid-template-columns:repeat(3,1fr);
    gap:var(--sp-5);
  }

  .page-about__cta-box h2{
    font-size:var(--fs-36);
  }
}