.page-about{
  --about-blue-deep:#15436F;
  --about-blue-soft:#EAF1F7;
  --about-gold-soft:#F6E7C8;
  --about-ink-soft:#3A4653;
  background:var(--color-snow);
  color:var(--color-night);
  overflow-x:hidden;
}
.page-about a{
  color:inherit;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.page-about .container{
  width:min(var(--max-width),100% - 2.5rem);
  margin-inline:auto;
}
.page-about .about-hero{
  position:relative;
  padding:2.25rem 0 3.5rem;
  background:
    linear-gradient(160deg,#EFF4FA 0%,#FFFFFF 55%,rgba(27,94,158,.08) 100%);
}
.page-about .about-hero__stripes{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:6px;
  display:flex;
  z-index:2;
}
.page-about .about-hero__stripe{
  flex:1 1 0;
  height:100%;
}
.page-about .about-hero__stripe--blue{background:var(--color-blue);}
.page-about .about-hero__stripe--gold{background:var(--color-gold);}
.page-about .about-hero__stripe--red{background:var(--color-red);}
.page-about .about-hero__stripe--slate{background:var(--color-slate);}
.page-about .about-hero .breadcrumbs{
  margin:1.5rem 0 2.25rem;
  font-size:.8rem;
  color:var(--color-ash);
}
.page-about .about-hero .breadcrumbs a{
  color:var(--color-blue);
  text-decoration:none;
}
.page-about .about-hero .breadcrumbs a:hover{
  text-decoration:underline;
}
.page-about .about-hero .breadcrumbs [aria-current="page"]{
  color:var(--color-night);
  font-weight:600;
}
.page-about .about-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.25rem;
  align-items:center;
}
.page-about .about-hero__copy{
  max-width:39rem;
}
.page-about .index-label{
  margin:0 0 .75rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-blue);
}
.page-about .display-title{
  margin:0 0 1.1rem;
  font-family:var(--font-head);
  font-size:clamp(2.6rem,7vw,4.75rem);
  font-weight:700;
  line-height:1.06;
  color:var(--color-night);
  letter-spacing:.01em;
}
.page-about .lede{
  margin:0 0 1.25rem;
  font-size:1.1rem;
  font-weight:500;
  color:var(--color-blue);
}
.page-about .about-hero__desc{
  max-width:34rem;
  font-size:.95rem;
  line-height:1.85;
  color:var(--about-ink-soft);
}
.page-about .about-hero__tags{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.page-about .tag{
  display:inline-block;
  font-size:.78rem;
  padding:.35rem .75rem;
  border:1px solid var(--color-mist);
  background:rgba(255,255,255,.72);
  border-radius:2px;
  color:var(--color-slate);
}
.page-about .about-hero__figure{
  position:relative;
  margin:0;
  max-width:340px;
  width:100%;
}
.page-about .about-hero__img{
  display:block;
  width:100%;
  height:auto;
  max-height:540px;
  object-fit:cover;
  border-radius:3px;
  box-shadow:0 14px 34px rgba(31,41,55,.14);
}
.page-about .about-story{
  padding:4rem 0 3.25rem;
}
.page-about .about-story__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:1.75rem 3rem;
}
.page-about .about-story__aside-note{
  margin-top:.85rem;
  font-size:.9rem;
  color:var(--color-ash);
  line-height:1.7;
}
.page-about .section-title{
  font-family:var(--font-head);
  font-size:clamp(1.8rem,3vw,2.7rem);
  font-weight:700;
  line-height:1.2;
  margin:0 0 .6rem;
  color:var(--color-night);
}
.page-about .about-story__content{
  font-size:.95rem;
  line-height:1.95;
  color:var(--about-ink-soft);
}
.page-about .about-story__content p{
  margin-bottom:1.25rem;
}
.page-about .about-story__content strong{
  color:var(--color-night);
}
.page-about .about-timeline{
  position:relative;
  padding:4.5rem 0;
  background:
    linear-gradient(170deg,rgba(27,94,158,.06) 0%,rgba(224,184,108,.14) 100%);
  overflow:hidden;
}
.page-about .about-timeline__texture{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
  opacity:.09;
  pointer-events:none;
}
.page-about .about-timeline__texture img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-about .about-timeline .container{
  position:relative;
  z-index:1;
}
.page-about .about-timeline__heading{
  margin-bottom:3rem;
}
.page-about .about-timeline__sub{
  color:var(--color-slate);
  font-size:.95rem;
  line-height:1.75;
  margin:.5rem 0 0;
}
.page-about .about-timeline__track{
  position:relative;
  display:grid;
  gap:2.25rem;
}
.page-about .about-timeline__item{
  display:grid;
  grid-template-columns:1fr;
  gap:.8rem;
}
.page-about .about-timeline__marker{
  display:flex;
  align-items:center;
  gap:.65rem;
  cursor:default;
  min-width:0;
}
.page-about .about-timeline__dot{
  flex:none;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--color-gold);
  border:3px solid #fff;
  box-shadow:0 0 0 2px var(--color-gold),0 3px 8px rgba(31,41,55,.18);
  transition:transform .25s ease,box-shadow .25s ease;
}
.page-about .about-timeline__marker:hover .about-timeline__dot,
.page-about .about-timeline__marker:focus-visible .about-timeline__dot{
  transform:scale(1.2);
  box-shadow:0 0 0 3px var(--color-gold),0 5px 12px rgba(31,41,55,.25);
}
.page-about .about-timeline__phase{
  font-size:.84rem;
  font-weight:600;
  color:var(--color-blue);
  letter-spacing:.04em;
}
.page-about .about-timeline__card{
  margin:0;
  border-left:3px solid var(--color-gold);
  background:rgba(255,255,255,.82);
  box-shadow:0 5px 18px rgba(31,41,55,.07);
}
.page-about .about-timeline__card-title{
  font-family:var(--font-head);
  font-size:1.2rem;
  font-weight:700;
  margin:0 0 .65rem;
  color:var(--color-night);
  line-height:1.35;
}
.page-about .about-timeline__card p{
  font-size:.9rem;
  line-height:1.85;
  color:var(--about-ink-soft);
  margin-bottom:.85rem;
}
.page-about .about-timeline__card p a{
  color:var(--color-blue);
  font-weight:600;
  text-decoration:none;
}
.page-about .about-timeline__card p a:hover{
  text-decoration:underline;
}
.page-about .about-stats{
  padding:4.5rem 0;
  background:linear-gradient(145deg,var(--color-blue) 0%,var(--about-blue-deep) 100%);
  color:#fff;
}
.page-about .about-stats .index-label{
  color:#DCE9F5;
  margin-left:.25rem;
}
.page-about .about-stats .section-title{
  color:#fff;
}
.page-about .about-stats__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  margin-top:2.5rem;
}
.page-about .about-stats__item{
  padding:1.5rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:3px;
  transition:background .25s ease,transform .25s ease;
}
.page-about .about-stats__item:hover{
  background:rgba(255,255,255,.13);
  transform:translateY(-2px);
}
.page-about .about-stats__num{
  display:block;
  font-family:var(--font-head);
  font-size:3.2rem;
  font-weight:700;
  line-height:1.05;
  color:var(--color-gold);
}
.page-about .about-stats__label{
  display:inline-block;
  margin-top:.6rem;
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.06em;
  color:rgba(255,255,255,.92);
}
.page-about .about-stats__item p{
  font-size:.85rem;
  line-height:1.75;
  margin:.7rem 0 0;
  color:rgba(255,255,255,.72);
}
.page-about .about-values{
  padding:4.5rem 0 3.5rem;
  position:relative;
}
.page-about .about-values__inner{
  position:relative;
  padding:2.5rem 1.25rem 2.75rem;
  background:var(--color-snow);
  border:1px solid var(--color-mist);
  border-radius:4px;
  clip-path:polygon(1% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);
}
.page-about .about-values__head{
  margin-bottom:2.25rem;
}
.page-about .about-values__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.75rem;
}
.page-about .about-values__item{
  position:relative;
  padding-left:0;
}
.page-about .about-values__number{
  display:inline-block;
  font-family:var(--font-head);
  font-size:1.7rem;
  font-weight:700;
  color:var(--color-gold);
  line-height:1;
  margin-bottom:.4rem;
}
.page-about .about-values__item h3{
  font-size:1.05rem;
  font-weight:600;
  margin:0 0 .45rem;
  color:var(--color-night);
  font-family:var(--font-head);
}
.page-about .about-values__item p{
  font-size:.9rem;
  line-height:1.8;
  color:var(--about-ink-soft);
  margin:0;
}
.page-about .about-honors{
  padding:3.5rem 0 4.5rem;
  background:
    radial-gradient(circle at 82% 18%,rgba(224,184,108,.15) 0,transparent 26%),
    var(--color-snow);
}
.page-about .about-honors__head{
  margin-bottom:2.5rem;
}
.page-about .about-honors__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
  align-items:start;
}
.page-about .about-honors__figure{
  margin:0;
  max-width:360px;
  width:100%;
}
.page-about .about-honors__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:50%;
  background:var(--color-gold-soft);
  padding:8px;
  box-shadow:0 10px 30px rgba(31,41,55,.12);
}
.page-about .about-honors__list{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}
.page-about .about-honors__item{
  margin:0;
  padding:1.5rem;
}
.page-about .about-honors__item p{
  font-size:.9rem;
  line-height:1.85;
  color:var(--about-ink-soft);
  margin:.6rem 0 0;
}
.page-about .about-honors__item h3{
  font-size:1.05rem;
  font-weight:600;
  margin:.65rem 0 0;
  color:var(--color-night);
  font-family:var(--font-head);
}
.page-about .about-honors__item p a{
  color:var(--color-blue);
  font-weight:600;
  text-decoration:none;
}
.page-about .about-honors__item p a:hover{
  text-decoration:underline;
}
.page-about .about-next{
  padding:3.5rem 0 5rem;
}
.page-about .about-next__inner{
  text-align:center;
  padding:2.75rem 1.5rem;
  background:var(--color-snow);
  border-top:3px solid var(--color-gold);
  border-bottom:1px solid var(--color-mist);
}
.page-about .about-next__desc{
  margin:1rem auto 2rem;
  max-width:36rem;
  color:var(--about-ink-soft);
  font-size:.95rem;
  line-height:1.8;
}
.page-about .about-next__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.75rem;
}
.page-about .btn{
  display:inline-block;
  padding:.65rem 1.2rem;
  font-size:.88rem;
  font-weight:600;
  border-radius:2px;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.page-about .btn--outline{
  border:1px solid var(--color-mist);
  color:var(--color-night);
  background:transparent;
}
.page-about .btn--outline:hover{
  border-color:var(--color-blue);
  color:var(--color-blue);
  background:rgba(27,94,158,.04);
}
@media (min-width:760px){
  .page-about .about-hero{
    padding:3rem 0 4.5rem;
  }
  .page-about .about-hero__grid{
    grid-template-columns:1.1fr .9fr;
    gap:2.5rem;
  }
  .page-about .about-hero__figure{
    justify-self:end;
    max-width:400px;
  }
  .page-about .about-hero__img{
    max-height:640px;
  }
  .page-about .about-story{
    padding:5rem 0 4rem;
  }
  .page-about .about-story__layout{
    grid-template-columns:5fr 7fr;
    gap:2.5rem 3.5rem;
  }
  .page-about .about-timeline{
    padding:5.5rem 0;
  }
  .page-about .about-timeline__item{
    grid-template-columns:10.5rem 1fr;
    gap:.75rem 1.75rem;
  }
  .page-about .about-timeline__marker{
    justify-content:flex-start;
  }
  .page-about .about-stats__grid{
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
  }
  .page-about .about-values__inner{
    padding:3.25rem 2.25rem 3.5rem;
  }
  .page-about .about-values__grid{
    grid-template-columns:1fr 1fr;
    gap:2rem 2.5rem;
  }
  .page-about .about-values__item{
    padding-left:0;
  }
  .page-about .about-honors{
    padding:4.5rem 0 5.5rem;
  }
  .page-about .about-honors__layout{
    grid-template-columns:.85fr 1.15fr;
    gap:2.5rem 3rem;
    align-items:center;
  }
  .page-about .about-honors__figure{
    max-width:400px;
  }
  .page-about .about-next__inner{
    padding:3.25rem 2rem;
  }
  .page-about .about-next__links{
    gap:1rem;
  }
  .page-about .btn{
    padding:.7rem 1.35rem;
  }
}
@media (min-width:1060px){
  .page-about .about-hero__grid{
    grid-template-columns:1.25fr .75fr;
  }
  .page-about .about-stats__grid{
    grid-template-columns:repeat(4,1fr);
    gap:1.75rem;
  }
  .page-about .about-values__item{
    padding-left:0;
  }
  .page-about .about-honors__layout{
    grid-template-columns:.8fr 1.2fr;
  }
  .page-about .about-honors__figure{
    max-width:440px;
  }
}

.page-about {
  --color-gold-soft: transparent;
}