.page-about{
  --ab-body:#C3D2CA;
  --ab-hair:rgba(157,181,170,.22);
  --ab-rail:190px;
  --ab-gap:clamp(18px,3.5vw,44px);
  background:var(--ink-900);
  color:var(--paper);
}

.page-about .ab-hero{
  position:relative;
  isolation:isolate;
  padding:clamp(22px,4.5vw,40px) 0 clamp(38px,6vw,76px);
  background:var(--ink-900);
}
.page-about .ab-hero__media{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
}
.page-about .ab-hero__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.32;
}
.page-about .ab-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(14,42,36,.5) 0%,rgba(14,42,36,.9) 62%,var(--ink-900) 100%);
}
.page-about .ab-hero__inner{
  position:relative;
}

.page-about .breadcrumb__link{
  color:var(--mist);
  text-decoration:none;
}
.page-about .breadcrumb__link:hover,
.page-about .breadcrumb__link:focus-visible{
  color:var(--amber-500);
}
.page-about .breadcrumb__item{
  color:var(--mist);
}
.page-about .breadcrumb__item [aria-current="page"]{
  color:var(--paper);
}

.page-about .ab-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:clamp(18px,4vw,32px) 0 0;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.16em;
  color:var(--amber-500);
}
.page-about .ab-hero__tick{
  display:block;
  width:26px;
  height:3px;
  background:var(--red-500);
}

.page-about .ab-hero__title{
  margin:.5em 0 .45em;
  max-width:17em;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.85rem,5.6vw,3.5rem);
  line-height:1.08;
  letter-spacing:-.02em;
  color:var(--paper);
}

.page-about .ab-hero__lede{
  max-width:44em;
  margin:0;
  font-size:clamp(.98rem,2vw,1.1rem);
  line-height:1.85;
  color:var(--ab-body);
}

.page-about .ab-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:clamp(24px,4.5vw,42px) 0 0;
  border:1px solid var(--ab-hair);
  border-radius:var(--radius-sm);
  background:var(--ab-hair);
  overflow:hidden;
}
.page-about .ab-facts__cell{
  padding:16px 16px 18px;
  background:rgba(20,59,50,.78);
}
.page-about .ab-facts__num{
  font-family:var(--font-mono);
  font-size:clamp(1.35rem,4vw,1.75rem);
  line-height:1.1;
  color:var(--amber-500);
  letter-spacing:.01em;
}
.page-about .ab-facts__label{
  margin:8px 0 0;
  font-size:.8rem;
  line-height:1.5;
  color:var(--mist);
}

.page-about .ab-toc{
  background:var(--ink-850);
  border-top:1px solid var(--ab-hair);
  border-bottom:1px solid var(--ab-hair);
}
.page-about .ab-toc__inner{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-top:10px;
  padding-bottom:10px;
  scrollbar-width:none;
}
.page-about .ab-toc__inner::-webkit-scrollbar{
  display:none;
}
.page-about .ab-toc__link{
  flex:0 0 auto;
  padding:7px 13px;
  border:1px solid transparent;
  border-radius:999px;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.07em;
  color:var(--mist);
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-about .ab-toc__link:hover,
.page-about .ab-toc__link:focus-visible{
  color:var(--paper);
  border-color:var(--red-500);
}

.page-about .ab-band{
  position:relative;
  height:5px;
  background:var(--ink-800);
}
.page-about .ab-band::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:28%;
  background:var(--red-500);
}

.page-about .ab-chapter{
  padding:clamp(34px,6vw,76px) 0;
  border-bottom:1px solid var(--ab-hair);
}
.page-about .ab-chapter--paper{
  --ab-body:var(--text-ink);
  --ab-hair:rgba(20,25,22,.16);
  background:var(--paper);
  color:var(--text-ink);
  border-bottom-color:var(--paper-300);
}

.page-about .ab-chapter__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(14px,3vw,28px);
  align-items:start;
}

.page-about .ab-chapter__aside{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding-left:14px;
  border-left:3px solid var(--red-500);
}
.page-about .ab-aside__num{
  font-family:var(--font-mono);
  font-size:.88rem;
  letter-spacing:.1em;
  color:var(--red-500);
}
.page-about .ab-aside__label{
  font-family:var(--font-edit);
  font-size:1rem;
  letter-spacing:.08em;
  color:var(--mist);
}
.page-about .ab-chapter--paper .ab-aside__num{
  color:var(--red-600);
}
.page-about .ab-chapter--paper .ab-aside__label{
  color:var(--ink-700);
}

.page-about .ab-chapter__body{
  min-width:0;
}
.page-about .ab-chapter__body h2{
  margin:0 0 .55em;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.45rem,3.4vw,2.3rem);
  line-height:1.18;
  letter-spacing:-.015em;
  color:var(--paper);
}
.page-about .ab-chapter--paper .ab-chapter__body h2{
  color:var(--text-ink);
}
.page-about .ab-chapter__body p{
  margin:0 0 1em;
  font-size:.97rem;
  line-height:1.8;
  color:var(--ab-body);
}
.page-about .ab-lede{
  font-size:clamp(.98rem,2vw,1.08rem);
  line-height:1.85;
  max-width:44em;
}

.page-about .ab-who{
  list-style:none;
  margin:clamp(20px,4vw,34px) 0 0;
  padding:0;
  display:grid;
  gap:0;
  border-top:1px solid var(--ab-hair);
}
.page-about .ab-who__row{
  display:grid;
  gap:6px;
  padding:18px 0;
  border-bottom:1px solid var(--ab-hair);
}
.page-about .ab-who__tag{
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.14em;
  color:var(--amber-500);
}
.page-about .ab-who__text{
  margin:0 !important;
  max-width:40em;
}

.page-about .ab-figure{
  margin:clamp(20px,4vw,34px) 0 clamp(22px,4vw,36px);
}
.page-about .ab-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  border-radius:var(--radius);
  border:1px solid var(--ab-hair);
}
.page-about .ab-figure__cap{
  margin:10px 0 0;
  font-size:.82rem;
  line-height:1.6;
  color:var(--mist);
}
.page-about .ab-chapter--paper .ab-figure__cap{
  color:var(--ink-600);
}

.page-about .ab-filter{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 clamp(20px,4vw,32px);
}
.page-about .ab-filter .filter-btn{
  padding:9px 16px;
  border:1px solid var(--ab-hair);
  border-radius:999px;
  background:rgba(20,59,50,.7);
  color:var(--ab-body);
  font-family:var(--font-display);
  font-size:.87rem;
  font-weight:600;
  cursor:pointer;
  transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease);
}
.page-about .ab-filter .filter-btn:hover,
.page-about .ab-filter .filter-btn:focus-visible{
  background:var(--ink-700);
  color:var(--paper);
}
.page-about .ab-filter .filter-btn[aria-pressed="true"]{
  background:var(--red-500);
  border-color:var(--red-500);
  color:#FFFFFF;
}

.page-about .ab-stages{
  display:grid;
  gap:0;
}
.page-about .ab-stage{
  position:relative;
  padding:0 0 28px 24px;
}
.page-about .ab-stage::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--red-500);
  box-shadow:0 0 0 4px rgba(226,58,46,.16);
}
.page-about .ab-stage::after{
  content:"";
  position:absolute;
  left:4px;
  top:26px;
  bottom:0;
  width:1px;
  background:var(--ab-hair);
}
.page-about .ab-stage:last-child{
  padding-bottom:0;
}
.page-about .ab-stage:last-child::after{
  display:none;
}
.page-about .ab-stage__num{
  display:block;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--amber-500);
  margin-bottom:6px;
}
.page-about .ab-stage__title{
  margin:0 0 .45em;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.05rem,2.4vw,1.22rem);
  line-height:1.4;
  color:var(--paper);
}
.page-about .ab-stage__text{
  margin:0 0 .7em !important;
  max-width:42em;
}
.page-about .ab-stage__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:7px;
}
.page-about .ab-stage__list li{
  position:relative;
  padding-left:16px;
  font-size:.88rem;
  line-height:1.7;
  color:var(--mist);
}
.page-about .ab-stage__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:7px;
  height:2px;
  background:var(--grass-500);
}

.page-about .ab-flow{
  margin-top:clamp(20px,4vw,32px);
  display:grid;
  gap:clamp(20px,4vw,34px);
  grid-template-columns:minmax(0,1fr);
}
.page-about .ab-flow__figure{
  margin:0;
}
.page-about .ab-flow__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  border-radius:var(--radius);
  border:1px solid var(--paper-300);
}

.page-about .ab-step{
  border-top:1px solid var(--ab-hair);
}
.page-about .ab-step:last-of-type{
  border-bottom:1px solid var(--ab-hair);
}
.page-about .ab-step__head{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 2px;
  cursor:pointer;
  list-style:none;
  font-family:var(--font-display);
  font-weight:700;
  font-size:1rem;
  color:var(--text-ink);
}
.page-about .ab-step__head::-webkit-details-marker{
  display:none;
}
.page-about .ab-step__head::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:1.15rem;
  line-height:1;
  color:var(--red-600);
}
.page-about .ab-step[open] .ab-step__head::after{
  content:"−";
}
.page-about .ab-step__num{
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.14em;
  color:var(--red-600);
}
.page-about .ab-step__body{
  padding:0 0 18px 40px;
}
.page-about .ab-step__body p{
  margin:0 !important;
  max-width:40em;
  font-size:.93rem;
}

.page-about .ab-team{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin-top:clamp(20px,4vw,32px);
}
.page-about .ab-team__card{
  padding:22px 20px;
  border:1px solid var(--ab-hair);
  border-radius:var(--radius);
  background:var(--ink-800);
}
.page-about .ab-team__icon{
  display:block;
  margin-bottom:14px;
  color:var(--amber-500);
}
.page-about .ab-team__role{
  margin:0 !important;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.14em;
  color:var(--mist) !important;
}
.page-about .ab-team__count{
  margin:6px 0 10px !important;
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,4vw,1.85rem);
  line-height:1;
  color:var(--amber-500) !important;
}
.page-about .ab-team__text{
  margin:0 !important;
  font-size:.9rem !important;
  line-height:1.75;
}
.page-about .ab-team__note{
  margin:clamp(18px,3vw,26px) 0 0 !important;
  padding-left:16px;
  border-left:3px solid var(--grass-500);
  font-size:.9rem !important;
  color:var(--mist) !important;
  max-width:44em;
}

.page-about .ab-doors{
  list-style:none;
  margin:clamp(20px,4vw,32px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
}
.page-about .ab-doors__link{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 18px;
  border:1px solid var(--paper-300);
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  text-decoration:none;
  color:var(--text-ink);
  transition:border-color .18s var(--ease),transform .18s var(--ease);
}
.page-about .ab-doors__link:hover,
.page-about .ab-doors__link:focus-visible{
  border-color:var(--red-500);
  transform:translateY(-2px);
}
.page-about .ab-doors__title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1rem;
  letter-spacing:-.01em;
}
.page-about .ab-doors__note{
  font-size:.86rem;
  line-height:1.7;
  color:var(--ink-600);
}

.page-about .ab-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(22px,4vw,34px);
}
.page-about .ab-actions__back{
  margin:16px 0 0 !important;
  font-size:.88rem !important;
  color:var(--ink-700) !important;
}
.page-about .ab-inline-link{
  color:var(--red-600);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-about .ab-inline-link:hover,
.page-about .ab-inline-link:focus-visible{
  color:var(--text-ink);
}

@media (min-width:640px){
  .page-about .ab-facts{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-about .ab-team{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-about .ab-doors{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-about .ab-who__row{
    grid-template-columns:150px minmax(0,1fr);
    gap:18px;
    align-items:start;
  }
}

@media (min-width:900px){
  .page-about .ab-chapter__grid{
    grid-template-columns:var(--ab-rail) minmax(0,1fr);
    gap:var(--ab-gap);
  }
  .page-about .ab-chapter__aside{
    position:sticky;
    top:124px;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding-left:16px;
  }
  .page-about .ab-team{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-about .ab-flow{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    align-items:start;
  }
  .page-about .ab-flow__figure{
    position:sticky;
    top:124px;
  }
  .page-about .ab-stage{
    padding-left:28px;
  }
}

@media (max-width:639px){
  .page-about .ab-step__body{
    padding-left:0;
  }
  .page-about .ab-hero__title{
    letter-spacing:-.012em;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-about .ab-doors__link,
  .page-about .ab-toc__link,
  .page-about .ab-filter .filter-btn{
    transition:none;
  }
  .page-about .ab-doors__link:hover,
  .page-about .ab-doors__link:focus-visible{
    transform:none;
  }
}