.page-about{
  --about-grid-line: rgba(141,162,184,.07);
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  background-image:
    linear-gradient(var(--about-grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--about-grid-line) 1px,transparent 1px);
  background-size:36px 36px;
}

.page-about .breadcrumb{
  padding-top:1rem;
  margin-bottom:.5rem;
}

.page-about .breadcrumb-item[aria-current="page"]{
  color:var(--c-accent);
  font-weight:600;
}

.page-about .page-headband{
  position:relative;
  padding:2.25rem 1.25rem;
  margin-bottom:2rem;
  background:
    linear-gradient(135deg,rgba(15,58,75,.9),rgba(10,27,42,.92)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 2px,transparent 2px 10px);
  border-left:4px solid var(--c-accent);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
}

.page-about .headband-meta{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:1.25rem;
}

.page-about .headband-meta .section-eyebrow{
  margin:0;
}

.page-about .page-title{
  font-size:2rem;
  line-height:1.2;
  margin-bottom:1.25rem;
  color:var(--c-text-bright);
}

.page-about .page-title-accent{
  display:block;
  margin-top:.75rem;
  padding-left:.75rem;
  border-left:3px solid var(--c-accent-alt);
  color:var(--c-text-muted);
  font-size:1.05rem;
  font-weight:500;
  line-height:1.45;
}

.page-about .page-intro{
  color:var(--c-text-muted);
  max-width:56em;
  line-height:1.85;
  margin:0;
}

.page-about .story-grid,
.page-about .team-layout{
  display:grid;
  gap:1.75rem;
  align-items:center;
}

.page-about .story-copy p,
.page-about .team-copy p{
  color:var(--c-text);
  line-height:1.85;
  margin-bottom:1rem;
}

.page-about .story-points{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  display:grid;
  gap:.65rem;
}

.page-about .story-points li{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.8rem 1rem;
  background:rgba(15,58,75,.45);
  border-right:3px solid var(--c-accent-alt);
  font-size:.9rem;
}

.page-about .story-media,
.page-about .capability-visual,
.page-about .team-media{
  position:relative;
}

.page-about .story-media img,
.page-about .capability-visual img,
.page-about .team-media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

.page-about .media-note{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:.75rem 0 0;
  color:var(--c-text-muted);
  font-size:.8rem;
  font-family:var(--font-mono);
}

.page-about .timeline-section{
  position:relative;
  background:linear-gradient(180deg,rgba(15,58,75,.72),rgba(10,27,42,.55));
  border-top:1px solid rgba(255,107,44,.28);
  border-bottom:1px solid rgba(0,229,160,.16);
  padding:3rem 0;
}

.page-about .timeline{
  margin-top:2.5rem;
  display:grid;
  gap:1.75rem;
}

.page-about .timeline-item{
  position:relative;
  padding-left:1.25rem;
  border-left:2px solid rgba(141,162,184,.28);
}

.page-about .timeline-item::before{
  content:'';
  position:absolute;
  left:-5px;
  top:6px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--c-accent);
  box-shadow:0 0 0 4px rgba(255,107,44,.16);
}

.page-about .timeline-year{
  font-family:var(--font-mono);
  font-size:1.6rem;
  font-weight:700;
  color:var(--c-accent);
  line-height:1;
  margin-bottom:.6rem;
  letter-spacing:.05em;
}

.page-about .timeline-card{
  padding:1.25rem;
}

.page-about .timeline-card-head{
  margin-bottom:.6rem;
}

.page-about .timeline-card h3{
  font-size:1.2rem;
  margin-bottom:.5rem;
  color:var(--c-text-bright);
}

.page-about .timeline-card p{
  color:var(--c-text);
  font-size:.92rem;
  line-height:1.7;
  margin:0;
}

.page-about .capability-section,
.page-about .team-section,
.page-about .trust-section{
  padding-top:3rem;
  padding-bottom:3rem;
}

.page-about .capability-layout{
  display:grid;
  gap:2rem;
  margin-top:2.5rem;
  align-items:center;
}

.page-about .capability-map{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}

.page-about .capability-card{
  padding:1.25rem;
  position:relative;
  transition:transform var(--transition),box-shadow var(--transition);
}

.page-about .capability-card:hover{
  transform:translateX(.35rem);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}

.page-about .capability-card-head{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-bottom:.85rem;
  font-family:var(--font-mono);
  color:var(--c-text-muted);
  font-size:.85rem;
}

.page-about .capability-name{
  letter-spacing:.08em;
}

.page-about .capability-num{
  font-family:var(--font-mono);
  font-size:1.7rem;
  font-weight:700;
  color:var(--c-text-bright);
  margin-bottom:.5rem;
  line-height:1.25;
}

.page-about .capability-num .data-num{
  font-size:inherit;
}

.page-about .capability-desc{
  color:var(--c-text-muted);
  font-size:.88rem;
  line-height:1.6;
  margin:0;
}

.page-about .capability-note{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:1rem;
  padding:.5rem .8rem;
  background:rgba(0,229,160,.1);
  border:1px solid rgba(0,229,160,.24);
  color:var(--c-accent-alt);
  font-size:.82rem;
  font-family:var(--font-mono);
}

.page-about .map-legend{
  margin-top:1.25rem;
  padding:1rem;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.4rem;
}

.page-about .legend-item{
  font-size:.8rem;
}

.page-about .team-list{
  list-style:none;
  margin:1.5rem 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:.5rem;
}

.page-about .team-list li{
  background:var(--c-bg-secondary);
  padding:.9rem .5rem;
  text-align:center;
  border-bottom:3px solid var(--c-accent);
}

.page-about .team-stat{
  font-family:var(--font-mono);
  font-size:1.3rem;
  font-weight:700;
  color:var(--c-text-bright);
  line-height:1.2;
  margin:0 0 .3rem;
}

.page-about .team-stat-label{
  font-size:.78rem;
  color:var(--c-text-muted);
  margin:0;
}

.page-about .trust-section{
  background:linear-gradient(180deg,transparent,rgba(61,45,94,.35) 60%,rgba(10,27,42,.9));
}

.page-about .trust-grid{
  margin-top:2.5rem;
  gap:1rem;
}

.page-about .trust-item{
  padding:1.5rem 1rem;
  text-align:center;
  border:1px solid rgba(141,162,184,.14);
}

.page-about .trust-num{
  font-family:var(--font-mono);
  font-size:1.5rem;
  font-weight:700;
  color:var(--c-text-bright);
  line-height:1.25;
  margin-bottom:.5rem;
}

.page-about .trust-num .data-num{
  font-size:inherit;
}

.page-about .trust-label{
  color:var(--c-text-muted);
  font-size:.82rem;
  margin:0;
}

.page-about .trust-item--honor{
  background:linear-gradient(160deg,var(--c-bg-indigo),rgba(10,27,42,.96));
}

.page-about .trust-footer{
  display:grid;
  gap:1.25rem;
  margin-top:2.5rem;
  padding:1.5rem;
  background:rgba(15,58,75,.5);
  border-right:4px solid var(--c-accent);
}

.page-about .trust-statement{
  color:var(--c-text);
  font-size:1rem;
  line-height:1.8;
  margin:0;
}

.page-about .trust-links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.75rem;
}

.page-about .trust-links .arrow-link{
  color:var(--c-accent);
  font-weight:600;
  text-decoration:none;
  border-bottom:2px solid transparent;
}

.page-about .trust-links .arrow-link:hover{
  color:var(--c-accent-alt);
  border-bottom-color:var(--c-accent-alt);
}

@media (min-width:768px){
  .page-about .story-grid,
  .page-about .team-layout{
    grid-template-columns:1fr 1fr;
    gap:3rem;
  }

  .page-about .capability-layout{
    grid-template-columns:1.15fr 1fr;
    gap:2.5rem;
  }

  .page-about .capability-map{
    grid-template-columns:1fr 1fr;
  }

  .page-about .timeline-item{
    display:grid;
    grid-template-columns:170px 1fr;
    gap:0 3rem;
    padding-left:0;
    border-left:none;
  }

  .page-about .timeline-item::before{
    display:none;
  }

  .page-about .timeline-year{
    text-align:right;
    margin-bottom:0;
    padding-top:1.25rem;
    position:relative;
  }

  .page-about .timeline-year::after{
    content:'';
    position:absolute;
    right:-1.5rem;
    top:50%;
    width:1rem;
    height:2px;
    background:var(--c-accent);
  }

  .page-about .timeline-item:nth-child(even){
    grid-template-columns:1fr 170px;
  }

  .page-about .timeline-item:nth-child(even) .timeline-year{
    grid-column:2;
    grid-row:1;
    text-align:left;
  }

  .page-about .timeline-item:nth-child(even) .timeline-year::after{
    right:auto;
    left:-1.5rem;
  }

  .page-about .timeline-item:nth-child(even) .timeline-card{
    grid-column:1;
    grid-row:1;
  }

  .page-about .page-title{
    font-size:2.5rem;
  }

  .page-about .page-title-accent{
    font-size:1.2rem;
  }

  .page-about .team-list{
    grid-template-columns:repeat(3,1fr);
    gap:.6rem;
  }

  .page-about .trust-footer{
    grid-template-columns:1.5fr 1fr;
    align-items:center;
  }
}

@media (min-width:1024px){
  .page-about .page-headband{
    padding:3.5rem 2.5rem;
  }
}