.page-about{
  color:var(--sk-cool);
  background:
    radial-gradient(circle at 85% 12%, rgba(255,107,53,.08), transparent 26%),
    var(--sk-bg-deep);
  overflow-x:hidden;
}
.page-about .page-about__topbar{
  border-bottom:1px solid var(--sk-line);
  background:var(--sk-bg-panel);
}
.page-about .page-about__topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
}
.page-about .page-about__page-code{
  font-size:12px;
  color:var(--sk-dim);
  white-space:nowrap;
}
.page-about .page-about__hero{
  position:relative;
  padding:clamp(48px,7vw,84px) 0 clamp(56px,8vw,96px);
  background:
    linear-gradient(135deg, transparent 0%, rgba(31,59,110,.28) 100%),
    repeating-linear-gradient(0deg, transparent 0 23px, rgba(31,59,110,.28) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, rgba(31,59,110,.28) 23px 24px);
  border-bottom:1px solid var(--sk-line);
}
.page-about .page-about__hero::before{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  width:128px;
  height:4px;
  background:var(--sk-accent);
  transform:skewX(-45deg);
}
.page-about .page-about__hero::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:70%;
  height:1px;
  background:linear-gradient(90deg, var(--sk-accent), transparent 70%);
}
.page-about .page-about__hero-grid{
  display:grid;
  gap:36px;
}
.page-about .page-about__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 16px;
  color:var(--sk-accent);
  font-size:12px;
  letter-spacing:.14em;
}
.page-about .page-about__kicker::before{
  content:"//";
  color:var(--sk-lime);
}
.page-about .page-about h1{
  margin:0;
  font-size:clamp(28px,4.6vw,44px);
  font-weight:900;
  line-height:1.14;
  letter-spacing:-.02em;
  color:var(--sk-ice);
  max-width:20ch;
}
.page-about .page-about__lead{
  margin:24px 0 0;
  max-width:62ch;
  font-size:16px;
  line-height:1.75;
  color:var(--sk-cool);
}
.page-about .page-about__hero-note{
  margin:16px 0 0;
  max-width:58ch;
  font-size:14px;
  line-height:1.7;
  color:var(--sk-dim);
}
.page-about .page-about__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}
.page-about .page-about__hero-panel{
  position:relative;
  align-self:end;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
  padding:clamp(22px,3vw,32px);
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}
.page-about .page-about__hero-panel-title{
  margin:0 0 20px;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--sk-dim);
}
.page-about .page-about__hero-panel ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
}
.page-about .page-about__hero-panel li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:14px 0;
  border-bottom:1px dashed var(--sk-line);
  font-size:14px;
  color:var(--sk-cool);
}
.page-about .page-about__hero-panel li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-about .page-about__hero-panel li:first-child{
  padding-top:0;
}
.page-about .page-about__hero-value{
  color:var(--sk-lime);
  font-weight:700;
  font-size:14px;
}
@media (min-width:900px){
  .page-about .page-about__hero-grid{
    grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);
    gap:64px;
    align-items:end;
  }
  .page-about .page-about__hero::before{
    right:3%;
  }
}

.page-about .page-about__section-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:0 0 18px;
  border-bottom:1px solid var(--sk-line);
  font-size:clamp(20px,2.4vw,26px);
  font-weight:800;
  line-height:1.4;
  color:var(--sk-ice);
}
.page-about .page-about__section-title::after{
  content:attr(data-index);
  margin-left:auto;
  flex:none;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
  color:var(--sk-accent);
  font-family:var(--sk-font-mono);
  font-size:12px;
  font-weight:400;
  letter-spacing:.08em;
  padding:3px 10px;
  transition:border-color .2s ease, color .2s ease;
}
.page-about .page-about__section-title:hover::after{
  border-color:var(--sk-accent);
  color:var(--sk-lime);
}

.page-about .page-about__profile,
.page-about .page-about__download,
.page-about .page-about__team{
  padding:clamp(56px,8vw,88px) 0;
}
.page-about .page-about__timeline,
.page-about .page-about__cert{
  padding:clamp(56px,8vw,88px) 0;
  background:var(--sk-bg-panel);
  border-top:1px solid var(--sk-line);
  border-bottom:1px solid var(--sk-line);
}

.page-about .page-about__profile-grid{
  display:grid;
  gap:36px;
  margin-top:32px;
}
.page-about .page-about__profile-copy h3,
.page-about .page-about__download-copy h3{
  margin:0 0 14px;
  font-size:clamp(18px,2vw,22px);
  font-weight:800;
  line-height:1.4;
  color:var(--sk-ice);
}
.page-about p{
  line-height:1.75;
  color:var(--sk-cool);
}
.page-about .page-about__profile-copy p{
  margin:0 0 18px;
  font-size:15px;
  max-width:72ch;
}
.page-about .page-about__profile-copy a,
.page-about .page-about__download-copy a{
  color:var(--sk-accent);
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-color:rgba(255,107,53,.4);
  transition:color .2s ease, text-decoration-color .2s ease;
}
.page-about .page-about__profile-copy a:hover,
.page-about .page-about__download-copy a:hover{
  color:var(--sk-lime);
  text-decoration-color:var(--sk-lime);
}
.page-about .page-about__profile-meta{
  position:relative;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
  border-left:3px solid var(--sk-accent);
  padding:22px 24px;
  clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}
.page-about .page-about__profile-meta dl{
  display:grid;
  gap:14px;
  margin:0;
}
.page-about .page-about__profile-meta div{
  display:grid;
  gap:3px;
}
.page-about .page-about__profile-meta dt{
  font-family:var(--sk-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--sk-dim);
}
.page-about .page-about__profile-meta dd{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:var(--sk-ice);
}
@media (min-width:900px){
  .page-about .page-about__profile-grid{
    grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);
    gap:64px;
    align-items:start;
  }
}

.page-about .page-about__timeline-intro,
.page-about .page-about__cert-intro,
.page-about .page-about__team-intro{
  max-width:70ch;
  margin:20px 0 0;
  font-size:15px;
}
.page-about .page-about__timeline-guide{
  margin-top:32px;
  background:var(--sk-bg-deep);
  border:1px solid var(--sk-line);
  padding:12px;
  overflow-x:auto;
}
.page-about .page-about__timeline-svg{
  display:block;
  width:100%;
  min-width:640px;
  height:auto;
}
.page-about .page-about__timeline-line{
  stroke:var(--sk-line);
  stroke-width:2;
}
.page-about .page-about__timeline-node circle{
  fill:var(--sk-bg-deep);
  stroke:var(--sk-accent);
  stroke-width:3;
}
.page-about .page-about__timeline-node--lime circle{
  stroke:var(--sk-lime);
}
.page-about .page-about__timeline-v{
  fill:var(--sk-ice);
  font-family:var(--sk-font-mono);
  font-size:13px;
  font-weight:700;
}
.page-about .page-about__timeline-t{
  fill:var(--sk-cool);
  font-size:12px;
}
.page-about .page-about__timeline-wrap{
  margin-top:28px;
}
.page-about .page-about__timeline-list{
  position:relative;
  list-style:none;
  margin:0;
  padding:0 0 0 28px;
  display:grid;
  gap:28px;
}
.page-about .page-about__timeline-list::before{
  content:"";
  position:absolute;
  left:7px;
  top:4px;
  bottom:4px;
  width:2px;
  background:var(--sk-line);
}
.page-about .page-about__tl-item{
  position:relative;
}
.page-about .page-about__tl-node{
  position:absolute;
  top:2px;
  left:0;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--sk-accent);
  border:3px solid var(--sk-bg-deep);
  box-shadow:0 0 0 2px var(--sk-line);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.page-about .page-about__tl-item:hover .page-about__tl-node{
  transform:translateY(-2px);
  box-shadow:0 0 0 2px var(--sk-accent);
}
.page-about .page-about__tl-node--lime{
  background:var(--sk-lime);
}
.page-about .page-about__tl-item:hover .page-about__tl-node--lime{
  box-shadow:0 0 0 2px var(--sk-lime);
}
.page-about .page-about__tl-content{
  padding-left:14px;
}
.page-about .page-about__tl-version{
  margin:0 0 6px;
  font-size:14px;
  font-weight:700;
  color:var(--sk-accent);
}
.page-about .page-about__tl-item:nth-child(even) .page-about__tl-version{
  color:var(--sk-lime);
}
.page-about .page-about__tl-content h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:800;
  line-height:1.4;
  color:var(--sk-ice);
}
.page-about .page-about__tl-content p{
  margin:0;
  font-size:14px;
  line-height:1.68;
  color:var(--sk-cool);
}
@media (min-width:900px){
  .page-about .page-about__timeline-list{
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
    padding:0;
  }
  .page-about .page-about__timeline-list::before{
    left:0;
    right:0;
    top:7px;
    bottom:auto;
    height:2px;
  }
  .page-about .page-about__tl-item{
    padding-top:28px;
  }
  .page-about .page-about__tl-node{
    top:0;
    left:0;
  }
  .page-about .page-about__tl-content{
    padding-left:0;
  }
}
.page-about .page-about__timeline-figure{
  margin:40px 0 0;
}
.page-about figure{
  margin:0;
}
.page-about .page-about__timeline-figure img,
.page-about .page-about__download-figure img,
.page-about .page-about__team-figure img{
  display:block;
  max-width:100%;
  height:auto;
}
.page-about .page-about__timeline-figure img{
  aspect-ratio:2 / 1;
  object-fit:cover;
  background:var(--sk-bg-deep);
  border:1px solid var(--sk-line);
}
.page-about figcaption{
  margin-top:10px;
  font-family:var(--sk-font-mono);
  font-size:13px;
  color:var(--sk-dim);
}

.page-about .page-about__download-grid{
  display:grid;
  gap:36px;
  margin-top:32px;
}
.page-about .page-about__download-table-wrap{
  margin-top:24px;
  overflow-x:auto;
}
.page-about .page-about__download-table{
  width:100%;
  min-width:420px;
  border-collapse:collapse;
}
.page-about .page-about__download-table caption{
  caption-side:top;
  text-align:left;
  font-size:12px;
  color:var(--sk-dim);
  letter-spacing:.08em;
  padding-bottom:8px;
}
.page-about .page-about__download-table th,
.page-about .page-about__download-table td{
  text-align:left;
  border-bottom:1px solid var(--sk-line);
  padding:13px 14px;
  font-size:14px;
  line-height:1.6;
  vertical-align:top;
}
.page-about .page-about__download-table thead th{
  background:var(--sk-bg-panel);
  color:var(--sk-ice);
  font-family:var(--sk-font-mono);
  font-weight:700;
  white-space:nowrap;
}
.page-about .page-about__download-table tbody th{
  color:var(--sk-accent);
  font-family:var(--sk-font-mono);
  font-weight:600;
  white-space:nowrap;
}
.page-about .page-about__download-table td{
  color:var(--sk-cool);
}
.page-about .page-about__download-figure img{
  aspect-ratio:8 / 5;
  object-fit:cover;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
}
@media (min-width:900px){
  .page-about .page-about__download-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    gap:64px;
    align-items:start;
  }
}
.page-about .page-about__steps{
  list-style:none;
  margin:44px 0 0;
  padding:0;
  display:grid;
  gap:16px;
  counter-reset:aboutStep;
}
.page-about .page-about__steps li{
  position:relative;
  counter-increment:aboutStep;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
  padding:22px 22px 22px 64px;
  min-height:128px;
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  transition:border-color .2s ease, background .2s ease;
}
.page-about .page-about__steps li:hover{
  border-color:var(--sk-accent);
  background:rgba(255,107,53,.05);
}
.page-about .page-about__steps li::before{
  content:counter(aboutStep, decimal-leading-zero);
  position:absolute;
  left:18px;
  top:20px;
  font-family:var(--sk-font-mono);
  font-size:14px;
  font-weight:700;
  color:var(--sk-accent);
}
.page-about .page-about__steps h3{
  margin:0 0 6px;
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  color:var(--sk-ice);
}
.page-about .page-about__steps p{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:var(--sk-cool);
}
@media (min-width:900px){
  .page-about .page-about__steps{
    grid-template-columns:repeat(4, 1fr);
  }
}

.page-about .page-about__cert-list{
  list-style:none;
  margin:36px 0 0;
  padding:0;
  display:grid;
  gap:18px;
}
.page-about .page-about__cert-item{
  --cert-color:var(--sk-accent);
  position:relative;
  background:var(--sk-bg-deep);
  border:1px solid var(--sk-line);
  padding:24px 26px 24px 30px;
  clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.page-about .page-about__cert-item:hover,
.page-about .page-about__cert-item:focus-within{
  border-color:var(--cert-color);
  background:rgba(255,107,53,.05);
  transform:translateY(-2px);
}
.page-about .page-about__cert-item--software,
.page-about .page-about__cert-item--security{
  --cert-color:var(--sk-lime);
}
.page-about .page-about__cert-item--archive{
  --cert-color:var(--sk-cool);
}
.page-about .page-about__cert-num{
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cert-color);
}
.page-about .page-about__cert-item h3{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:10px 0 10px;
  font-size:18px;
  font-weight:800;
  line-height:1.4;
  color:var(--sk-ice);
}
.page-about .page-about__cert-code{
  display:inline-block;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
  color:var(--cert-color);
  font-size:13px;
  font-weight:400;
  padding:2px 8px;
}
.page-about .page-about__cert-item p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--sk-cool);
}
@media (min-width:800px){
  .page-about .page-about__cert-list{
    grid-template-columns:repeat(2, 1fr);
  }
}

.page-about .page-about__team-grid{
  display:grid;
  gap:36px;
  margin-top:32px;
}
.page-about .page-about__team-copy h3{
  margin:24px 0 8px;
  font-size:18px;
  font-weight:800;
  line-height:1.4;
  color:var(--sk-ice);
}
.page-about .page-about__team-copy h3:first-child{
  margin-top:0;
}
.page-about .page-about__team-copy p{
  margin:0 0 18px;
  font-size:14px;
  line-height:1.72;
  color:var(--sk-cool);
  max-width:72ch;
}
.page-about .page-about__team-chart{
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
  padding:26px 26px 30px;
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}
.page-about .page-about__team-chart-title{
  margin:0 0 18px;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--sk-dim);
}
.page-about .page-about__team-ornament{
  margin-bottom:24px;
  border-bottom:1px dashed var(--sk-line);
  padding-bottom:20px;
}
.page-about .page-about__team-svg{
  display:block;
  width:100%;
  max-width:320px;
  height:auto;
}
.page-about .page-about__team-svg text{
  fill:var(--sk-cool);
  font-family:var(--sk-font-mono);
  font-size:11px;
}
.page-about .page-about__team-bars{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:18px;
}
.page-about .page-about__team-bars li{
  display:grid;
  grid-template-columns:88px minmax(0, 1fr) 44px;
  align-items:center;
  gap:12px;
}
.page-about .page-about__team-bar-name{
  font-size:13px;
  color:var(--sk-cool);
}
.page-about .page-about__team-bar-track{
  display:block;
  height:10px;
  background:var(--sk-bg-deep);
  border:1px solid var(--sk-line);
  overflow:hidden;
}
.page-about .page-about__team-bar-fill{
  display:block;
  height:100%;
  width:0;
  background:var(--sk-accent);
  transition:width .25s ease;
}
.page-about .page-about__team-bar-fill--content{
  width:30%;
}
.page-about .page-about__team-bar-fill--tech{
  width:15%;
  background:var(--sk-lime);
}
.page-about .page-about__team-bar-fill--volunteer{
  width:100%;
  background:linear-gradient(90deg, var(--sk-accent), var(--sk-lime));
}
.page-about .page-about__team-bar-fill--content:hover{
  width:30%;
  background:var(--sk-accent);
}
.page-about .page-about__team-bars li:hover .page-about__team-bar-track{
  border-color:var(--sk-cool);
}
.page-about .page-about__team-bar-num{
  font-size:14px;
  text-align:right;
  color:var(--sk-ice);
  font-weight:700;
}
@media (min-width:900px){
  .page-about .page-about__team-grid{
    grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);
    gap:64px;
    align-items:start;
  }
}
.page-about .page-about__team-figure{
  margin-top:40px;
}
.page-about .page-about__team-figure img{
  aspect-ratio:5 / 3;
  object-fit:cover;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
}

.page-about .page-about__cta{
  padding:48px 0 80px;
}
.page-about .page-about__cta-grid{
  display:flex;
  flex-direction:column;
  gap:28px;
  background:var(--sk-bg-panel);
  border:1px solid var(--sk-line);
  padding:clamp(24px,4vw,40px);
  clip-path:polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}
.page-about .page-about__cta-grid p{
  margin:14px 0 0;
  font-size:14px;
  line-height:1.75;
  color:var(--sk-cool);
}
.page-about .page-about__cta-title{
  margin:0;
  font-size:clamp(20px,2.4vw,26px);
  font-weight:800;
  line-height:1.4;
  color:var(--sk-ice);
}
.page-about .page-about__cta-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}
@media (min-width:900px){
  .page-about .page-about__cta-grid{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
  }
  .page-about .page-about__cta-grid > div:first-child{
    max-width:66%;
  }
}
@media (max-width:520px){
  .page-about .page-about__team-bars li{
    grid-template-columns:76px minmax(0, 1fr) 40px;
    gap:8px;
  }
  .page-about .page-about__steps li{
    padding-left:56px;
  }
  .page-about .page-about__hero-panel{
    clip-path:none;
  }
  .page-about .page-about__cta-links .sk-btn{
    width:100%;
    justify-content:center;
  }
}