.page-about{
  --about-deep:#1a1540;
  --about-gold-line:rgba(212,175,55,.45);
  --about-panel-bg:rgba(255,255,255,.03);
  --about-card-bg:rgba(245,248,252,.03);
  position:relative;
  background:linear-gradient(180deg,var(--about-deep) 0%,var(--c-bg-indigo) 46%,var(--c-bg) 100%);
  overflow-x:hidden
}
.page-about__crumb{
  max-width:var(--container-w);
  margin:0 auto;
  padding:24px var(--gutter) 0
}
.page-about__hero{
  position:relative;
  max-width:var(--container-w);
  margin:0 auto;
  padding:56px var(--gutter) 64px
}
.page-about__hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px);
  background-size:24px 24px;
  pointer-events:none
}
.page-about__hero-inner{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:40px;
  align-items:end
}
.page-about__kicker{
  font-family:var(--font-mono);
  font-size:var(--fs-caption);
  letter-spacing:.14em;
  color:var(--c-gold);
  margin:0 0 16px;
  text-transform:uppercase
}
.page-about__kicker span{
  color:var(--c-muted)
}
.page-about__h1{
  margin:0 0 24px;
  font-size:var(--fs-display);
  line-height:1.2;
  font-weight:900;
  color:var(--c-text);
  display:flex;
  flex-direction:column;
  gap:8px
}
.page-about__h1-main{
  display:block
}
.page-about__h1-sub{
  display:block;
  color:var(--c-gold-light);
  font-size:clamp(18px,2.4vw,24px);
  font-weight:700;
  letter-spacing:.04em
}
.page-about__hero-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin:0;
  padding:0;
  list-style:none
}
.page-about__stat{
  border:1px solid var(--c-grid);
  border-top:2px solid var(--c-gold);
  padding:18px 16px 16px;
  background:var(--about-panel-bg)
}
.page-about__stat dt{
  font-family:var(--font-mono);
  font-size:var(--fs-caption);
  color:var(--c-muted);
  margin-bottom:8px
}
.page-about__stat dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:24px;
  color:var(--c-gold);
  font-weight:700;
  line-height:1.2
}
.page-about__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
  max-width:var(--container-w);
  margin:0 auto;
  padding:0 var(--gutter) 80px
}
.page-about__toc{
  order:-1;
  border:1px solid var(--c-grid);
  border-left:2px solid var(--c-gold);
  background:rgba(11,29,58,.55);
  padding:20px;
  align-self:start
}
.page-about__toc-kicker{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--c-muted);
  margin:0 0 8px
}
.page-about__toc-title{
  font-size:18px;
  font-weight:700;
  color:var(--c-text);
  margin:0 0 16px
}
.page-about__toc-nav{
  display:flex;
  flex-direction:column;
  gap:4px
}
.page-about__toc-nav a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 8px;
  border:1px solid transparent;
  text-decoration:none;
  color:var(--c-text);
  font-size:15px;
  transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)
}
.page-about__toc-nav a:hover,.page-about__toc-nav a[aria-current="true"]{
  border-color:var(--c-gold);
  background:rgba(212,175,55,.08);
  color:var(--c-gold-light)
}
.page-about__toc-no{
  font-family:var(--font-mono);
  color:var(--c-gold);
  font-size:13px;
  min-width:24px
}
.page-about__toc-label{
  line-height:1.4
}
.page-about__toc-note{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--c-grid);
  font-size:13px;
  color:var(--c-muted);
  line-height:1.7
}
.page-about__toc-note p{
  margin:0
}
.page-about__content{
  display:flex;
  flex-direction:column;
  gap:40px;
  min-width:0
}
.page-about__chapter{
  position:relative;
  padding:32px 0 40px;
  border-top:1px solid var(--about-gold-line)
}
.page-about__chapter .chapter-head{
  margin-bottom:16px
}
.page-about__chapter .chapter-no{
  font-size:clamp(48px,7vw,72px);
  line-height:.9;
  color:var(--c-gold);
  opacity:.65
}
.page-about__chapter .chapter-title{
  font-size:var(--fs-h1);
  margin-top:8px
}
.page-about__chapter .chapter-lead{
  color:var(--c-muted);
  font-size:16px;
  max-width:600px;
  margin-bottom:32px
}
.page-about__chapter--step{
  background:linear-gradient(180deg,rgba(11,29,58,.72),rgba(11,29,58,.72));
  padding:32px 20px 40px;
  border-left:1px solid var(--c-grid);
  border-right:1px solid var(--c-grid)
}
.page-about__chapter--update{
  background:linear-gradient(180deg,rgba(15,59,63,.86),rgba(15,59,63,.6));
  padding:32px 20px 40px;
  border-left:1px solid var(--c-grid);
  border-right:1px solid var(--c-grid)
}
.page-about__chapter--compliance{
  background:linear-gradient(180deg,rgba(94,29,44,.88),rgba(94,29,44,.56));
  padding:32px 20px 40px;
  border-left:1px solid var(--c-grid);
  border-right:1px solid var(--c-grid)
}
.page-about__story-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:start
}
.page-about__story-media{
  width:100%;
  margin:0
}
.page-about__story-media img,.page-about__update-img img,.page-about__compliance-media img{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid var(--c-grid)
}
.page-about__story-body{
  color:var(--c-text);
  font-size:var(--fs-body);
  line-height:1.8
}
.page-about__story-body p{
  margin:0 0 16px
}
.page-about__fact-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px
}
.page-about__fact-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--c-text);
  background:var(--about-card-bg);
  border:1px solid var(--c-grid);
  padding:8px 12px
}
.page-about__step-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px
}
.page-about__step-card{
  background:var(--about-card-bg);
  border:1px solid var(--c-grid);
  border-top:2px solid var(--c-gold);
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.page-about__step-card:hover{
  border-color:var(--c-gold);
  box-shadow:0 0 0 1px rgba(212,175,55,.25)
}
.page-about__step-no{
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--c-gold);
  margin:0
}
.page-about__step-title{
  font-size:20px;
  font-weight:700;
  color:var(--c-text);
  margin:0
}
.page-about__step-card .card-text{
  color:var(--c-muted);
  font-size:15px;
  line-height:1.7;
  margin:0;
  flex:1
}
.page-about__step-link{
  align-self:flex-start;
  margin-top:4px
}
.page-about__update-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:start
}
.page-about__update-media{
  margin:0
}
.page-about__update-img{
  width:100%;
  margin:0
}
.page-about__update-body{
  color:var(--c-text);
  font-size:15px;
  line-height:1.8
}
.page-about__update-heading{
  font-size:18px;
  font-weight:700;
  color:var(--c-gold-light);
  margin:24px 0 8px;
  padding-top:16px;
  border-top:1px solid rgba(51,65,85,.7)
}
.page-about__update-heading:first-child{
  margin-top:0;
  padding-top:0;
  border-top:none
}
.page-about__update-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px
}
.page-about__update-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:15px;
  color:var(--c-text);
  line-height:1.6
}
.page-about__update-list .tag{
  flex-shrink:0;
  margin-top:2px
}
.page-about__compliance-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:start
}
.page-about__compliance-body{
  display:flex;
  flex-direction:column;
  gap:0;
  color:var(--c-text)
}
.page-about__compliance-item{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid rgba(245,248,252,.14)
}
.page-about__compliance-label{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--c-gold-light);
  white-space:nowrap
}
.page-about__compliance-value{
  font-size:15px;
  color:var(--c-text);
  text-align:right;
  word-break:break-all
}
.page-about__compliance-note{
  font-size:14px;
  color:rgba(245,248,252,.78);
  line-height:1.7;
  margin:16px 0 0;
  padding-left:12px;
  border-left:2px solid var(--c-gold)
}
.page-about__compliance-cta{
  align-self:flex-start;
  margin-top:24px
}
.page-about__compliance-media{
  width:100%;
  margin:0
}
.page-about__more{
  background:linear-gradient(180deg,rgba(17,13,64,.92),rgba(11,29,58,.96));
  border-top:1px solid var(--about-gold-line)
}
.page-about__more-inner{
  max-width:var(--container-w);
  margin:0 auto;
  padding:64px var(--gutter)
}
.page-about__more-kicker{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--c-gold);
  margin:0 0 12px
}
.page-about__more-title{
  font-size:var(--fs-h2);
  font-weight:700;
  color:var(--c-text);
  margin:0 0 12px
}
.page-about__more-text{
  color:var(--c-muted);
  font-size:15px;
  line-height:1.7;
  max-width:520px;
  margin:0 0 32px
}
.page-about__more-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px
}

@media (min-width:768px){
  .page-about__hero-inner{
    grid-template-columns:7fr 5fr;
    gap:48px
  }
  .page-about__hero-stats{
    grid-template-columns:repeat(2,1fr)
  }
  .page-about__layout{
    grid-template-columns:260px 1fr;
    gap:48px
  }
  .page-about__toc{
    order:0;
    position:sticky;
    top:calc(var(--header-h) + 24px)
  }
  .page-about__story-grid{
    grid-template-columns:5fr 6fr;
    gap:36px
  }
  .page-about__step-grid{
    grid-template-columns:repeat(3,1fr);
    gap:20px
  }
  .page-about__update-grid{
    grid-template-columns:4fr 7fr;
    gap:36px
  }
  .page-about__compliance-grid{
    grid-template-columns:6fr 4fr;
    gap:36px
  }
  .page-about__chapter--step,.page-about__chapter--update,.page-about__chapter--compliance{
    padding:40px 28px 48px
  }
}

@media (min-width:1024px){
  .page-about__hero{
    padding-top:72px;
    padding-bottom:80px
  }
  .page-about__hero-stats{
    grid-template-columns:repeat(2,1fr)
  }
  .page-about__layout{
    grid-template-columns:280px 1fr;
    gap:56px
  }
  .page-about__content{
    gap:56px
  }
  .page-about__chapter{
    padding:40px 0 56px
  }
  .page-about__chapter--step,.page-about__chapter--update,.page-about__chapter--compliance{
    padding:48px 36px 56px
  }
  .page-about__chapter .chapter-no{
    font-size:72px
  }
  .page-about__more-inner{
    padding-top:80px;
    padding-bottom:80px
  }
}