.about-page {
  overflow-x:hidden;
  color:#17233e;
}

.about-page main {
  background:#fff;
}

.about-eyebrow {
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:0 0 1rem;
  color:#0b68e8;
  font-size:clamp(.88rem,1vw,1rem);
  line-height:1.4;
  font-weight:700;
  letter-spacing:.14em;
}

.about-eyebrow::before {
  width:2rem;
  height:2px;
  content:"";
  background:currentColor;
}

.about-eyebrow--light {
  color:#66c7ff;
}

.about-section {
  padding:clamp(5.5rem,8vw,8.75rem) 0;
  scroll-margin-top:138px;
}

.about-section-heading {
  max-width:48rem;
  margin-bottom:3.75rem;
}

.about-section-heading h2 {
  margin:0;
  color:#16213c;
  font-size:clamp(2rem,3.1vw,3.25rem);
  line-height:1.28;
  font-weight:700;
  letter-spacing:-.018em;
}

.about-section-heading>p:last-child {
  margin:1.15rem 0 0;
  color:#64708b;
  font-size:1.05rem;
  line-height:1.9;
}

.about-section-heading--center {
  max-width:58rem;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

.about-section-heading--center .about-eyebrow {
  justify-content:center;
}

/* 首屏 */
.about-hero {
  position:relative;
  isolation:isolate;
  min-height:clamp(39rem,63vw,47rem);
  overflow:hidden;
  color:#fff;
  background:#07162f;
}

.about-hero::before {
  position:absolute;
  inset:0;
  z-index:0;
  content:"";
  background:
    linear-gradient(90deg,rgba(3,15,34,.76) 0%,rgba(4,20,45,.6) 42%,rgba(3,18,40,.25) 72%,rgba(3,18,40,.12) 100%),
    linear-gradient(0deg,rgba(4,18,40,.18),rgba(4,18,40,.02));
}

.about-hero::after {
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  left:0;
  height:13rem;
  content:"";
  background:linear-gradient(0deg,rgba(3,17,38,.38),transparent);
  pointer-events:none;
}

.about-hero__background {
  position:absolute;
  z-index:-1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  filter:saturate(.9) contrast(1.02) brightness(1.06);
}

.about-hero__inner {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  min-height:clamp(39rem,63vw,47rem);
}

.about-hero__copy {
  width:min(100%,43rem);
  padding:4rem 0;
  text-shadow:0 2px 20px rgba(0,0,0,.22);
}

.about-hero h1 {
  max-width:36rem;
  min-height:0;
  margin:0 0 1.25rem;
  color:#fff;
  font-family:"Microsoft YaHei",var(--font);
  font-size:clamp(2.75rem,3.5vw,3.75rem);
  line-height:1.08;
  font-weight:400;
  letter-spacing:.08em;
}

.about-hero__slogan {
  margin:0 0 .7rem;
  color:#cfe5ff;
  font-size:clamp(1.15rem,1.45vw,1.5rem);
  line-height:1.5;
  font-weight:400;
}

.about-hero__slogan span {
  display:block;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:1em;
  font-weight:600;
  letter-spacing:.02em;
}

.about-hero__intro {
  max-width:41rem;
  margin:0;
  color:rgba(235,244,255,.84);
  font-size:1rem;
  line-height:1.7;
}

.about-hero__actions {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:2.25rem;
}

.about-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.85rem;
  min-height:3.4rem;
  padding:.8rem 1.7rem;
  border:1px solid transparent;
  border-radius:2.1rem;
  font-size:.94rem;
  font-weight:700;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}

.about-hero__actions .about-button {
  min-width:10rem;
  padding:.8rem 2rem;
}

.about-button:hover {
  transform:translateY(-2px);
}

.about-button--primary {
  color:#fff;
  background:linear-gradient(100deg,#0876f9,#11a6ed);
  box-shadow:0 13px 34px rgba(4,101,233,.35);
}

.about-button--glass {
  border-color:rgba(255,255,255,.28);
  color:#fff;
  background:rgba(5,20,43,.32);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.about-button__arrow {
  width:.82rem;
  height:1.45rem;
  flex:0 0 auto;
  object-fit:contain;
  transform:rotate(90deg);
  transform-origin:center;
  transition:transform 260ms cubic-bezier(.22,1,.36,1);
}

.about-button:hover .about-button__arrow {
  transform:translateX(.32rem) rotate(90deg);
}

/* 公司介绍 */
.about-company__grid {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(27rem,1.08fr);
  align-items:center;
  gap:clamp(3rem,7vw,8rem);
}

.about-company h2 {
  margin:0;
  color:#16213c;
  font-size:clamp(2.3rem,3.6vw,3.65rem);
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.02em;
}

.about-copy {
  max-width:43rem;
  margin-top:2rem;
  color:#5f6c86;
  font-size:1.02rem;
  line-height:1.95;
}

.about-copy p {
  margin:0 0 1rem;
}

.about-facts {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 2.25rem;
  margin:2.4rem 0 0;
}

.about-facts>div {
  display:grid;
  grid-template-columns:5.3rem minmax(0,1fr);
  gap:.75rem;
  padding:.95rem 0;
  border-bottom:1px solid #e6ebf2;
}

.about-facts>div:nth-child(3),
.about-facts>div:nth-child(4),
.about-facts>div:nth-child(5) {
  grid-column:1/-1;
}

.about-facts dt {
  color:#8a94a9;
  font-size:.85rem;
}

.about-facts dd {
  margin:0;
  color:#25324e;
  font-size:.91rem;
  line-height:1.65;
  font-weight:600;
}

.about-company__media {
  position:relative;
  min-height:38rem;
  margin:0;
  overflow:hidden;
  border-radius:1.5rem;
  background:#dce6f0;
  box-shadow:0 2rem 5.5rem rgba(22,50,89,.14);
}

.about-company__media::before {
  position:absolute;
  z-index:1;
  inset:0;
  content:"";
  background:linear-gradient(180deg,transparent 55%,rgba(5,22,49,.78));
}

.about-company__media>img {
  width:100%;
  height:100%;
  min-height:38rem;
  object-fit:cover;
  object-position:center;
}

.about-company__media figcaption {
  position:absolute;
  z-index:2;
  right:2.25rem;
  bottom:2.25rem;
  left:2.25rem;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  color:#fff;
}

.about-company__media figcaption span {
  font-family:Arial,sans-serif;
  font-size:2.3rem;
  font-weight:700;
  letter-spacing:.08em;
  opacity:.7;
}

.about-company__media figcaption strong {
  max-width:16rem;
  font-size:1rem;
  line-height:1.65;
  text-align:right;
}

/* 技术主张 */
/* 发展历程 */
.about-history {
  overflow:hidden;
}

.about-timeline {
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  margin:0;
  padding:0;
  list-style:none;
}

.about-timeline::before {
  position:absolute;
  top:4.82rem;
  right:8%;
  left:8%;
  height:1px;
  content:"";
  background:linear-gradient(90deg,#a7c9f5,#1178ee,#a7c9f5);
}

.about-timeline li {
  position:relative;
  min-width:0;
  padding:0 1.25rem;
  text-align:center;
}

.about-timeline li::before {
  position:absolute;
  z-index:1;
  top:4.48rem;
  left:50%;
  width:.75rem;
  height:.75rem;
  border:3px solid #fff;
  border-radius:50%;
  content:"";
  background:#197aee;
  box-shadow:0 0 0 1px #5ca0ef;
  transform:translateX(-50%);
}

.about-timeline time {
  display:block;
  min-height:7.3rem;
  color:#0c69da;
  font-family:Arial,sans-serif;
  font-size:2.15rem;
  line-height:1;
  font-weight:700;
}

.about-timeline time span {
  display:block;
  margin-top:.45rem;
  color:#94a0b2;
  font-family:var(--font);
  font-size:.74rem;
  font-weight:600;
}

.about-timeline li>div {
  padding-top:1rem;
}

.about-timeline p {
  min-height:0;
  margin:0;
  color:#26334f;
  font-size:1rem;
  line-height:1.65;
  font-weight:700;
}

.about-timeline li:last-child p {
  font-size:.94rem;
  letter-spacing:-.02em;
  white-space:nowrap;
}

.about-timeline li>div>span {
  display:block;
  margin-top:.55rem;
  color:#758097;
  font-size:.84rem;
  line-height:1.75;
}

/* 资质与研发 */
.about-research {
  color:#fff;
  background:
    radial-gradient(circle at 78% 15%,rgba(32,117,245,.18),transparent 25%),
    linear-gradient(135deg,#071426,#0b1d3b);
}

.about-section-heading--research {
  display:block;
  max-width:58rem;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

.about-section-heading--research .about-eyebrow {
  justify-content:center;
}

.about-section-heading--research h2 {
  color:#fff;
}

.about-section-heading--research>p:last-child {
  max-width:48rem;
  margin:1.15rem auto 0;
  color:#a8b6cc;
}

.about-cert-stage {
  position:relative;
  min-height:36rem;
  margin-top:1rem;
}

.about-cert-grid {
  position:relative;
  height:29.5rem;
  overflow:hidden;
  perspective:100rem;
}

.about-cert {
  --cert-x:0rem;
  --cert-scale:.45;
  position:absolute;
  z-index:0;
  top:48%;
  left:50%;
  width:clamp(13rem,18vw,18.5rem);
  aspect-ratio:.707;
  overflow:hidden;
  border:1px solid rgba(200,221,249,.36);
  border-radius:.25rem;
  opacity:0;
  background:#fff;
  box-shadow:0 1.5rem 4rem rgba(0,0,0,.28);
  pointer-events:none;
  transform:translate(calc(-50% + var(--cert-x)),-50%) scale(var(--cert-scale));
  transform-origin:center;
  transition:transform .55s cubic-bezier(.22,.75,.18,1),opacity .42s ease,filter .42s ease;
  will-change:transform;
}

.about-cert[data-offset="-4"] { --cert-x:-32rem; --cert-scale:.58; z-index:1; opacity:.58; }
.about-cert[data-offset="-3"] { --cert-x:-25rem; --cert-scale:.68; z-index:2; opacity:.7; }
.about-cert[data-offset="-2"] { --cert-x:-18rem; --cert-scale:.78; z-index:3; opacity:.82; }
.about-cert[data-offset="-1"] { --cert-x:-9.5rem; --cert-scale:.9; z-index:4; opacity:.94; }
.about-cert[data-offset="0"]  { --cert-x:0rem; --cert-scale:1.08; z-index:6; opacity:1; pointer-events:auto; }
.about-cert[data-offset="1"]  { --cert-x:9.5rem; --cert-scale:.9; z-index:4; opacity:.94; }
.about-cert[data-offset="2"]  { --cert-x:18rem; --cert-scale:.78; z-index:3; opacity:.82; }
.about-cert[data-offset="3"]  { --cert-x:25rem; --cert-scale:.68; z-index:2; opacity:.7; }
.about-cert[data-offset="4"]  { --cert-x:32rem; --cert-scale:.58; z-index:1; opacity:.58; }

.about-cert>img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
}

.about-cert>span {
  display:none;
}

.about-cert-control {
  position:absolute;
  z-index:9;
  top:42%;
  display:grid;
  width:3.2rem;
  height:3.2rem;
  padding:0;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  color:#fff;
  background:rgba(5,18,47,.35);
  place-items:center;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}

.about-cert-control:hover {
  border-color:#fff;
  background:rgba(22,112,239,.7);
  transform:scale(1.06);
}

.about-cert-control span {
  margin-top:-.15rem;
  font-family:Arial,sans-serif;
  font-size:2.1rem;
  font-weight:300;
  line-height:1;
}

.about-cert-control--prev { left:0; }
.about-cert-control--next { right:0; }

.about-cert-caption {
  display:grid;
  grid-template-columns:1fr auto;
  justify-content:center;
  width:min(100%,34rem);
  margin:1.2rem auto 0;
  text-align:center;
}

.about-cert-caption small,
.about-cert-caption strong {
  grid-column:1 / -1;
  display:block;
}

.about-cert-caption small {
  margin-bottom:.45rem;
  color:#66c7ff;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
}

.about-cert-caption strong {
  color:#fff;
  font-size:1.05rem;
}

.about-cert-caption span {
  grid-column:2;
  margin-top:.55rem;
  color:#8096b6;
  font-family:Arial,sans-serif;
  font-size:.75rem;
}

.about-cert-caption b {
  color:#fff;
  font-size:.95rem;
}

.about-research__disclaimer {
  margin:1.5rem 0 0;
  color:#7f91aa;
  font-size:.76rem;
  text-align:right;
}

.about-cert-lightbox {
  width:min(92vw,56rem);
  max-width:none;
  max-height:94vh;
  padding:0;
  border:0;
  overflow:visible;
  background:transparent;
}

.about-cert-lightbox::backdrop {
  background:rgba(3,12,30,.84);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.about-cert-lightbox__panel {
  position:relative;
  display:grid;
  max-height:94vh;
  padding:1.25rem;
  border:1px solid rgba(255,255,255,.24);
  border-radius:1rem;
  background:#fff;
  box-shadow:0 2rem 6rem rgba(0,0,0,.42);
  place-items:center;
}

.about-cert-lightbox img {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:calc(94vh - 6rem);
  object-fit:contain;
}

.about-cert-lightbox p {
  margin:.85rem 2.5rem 0;
  color:#263653;
  font-size:.95rem;
  line-height:1.5;
  text-align:center;
}

.about-cert-lightbox__close {
  position:absolute;
  z-index:2;
  top:.75rem;
  right:.75rem;
  display:grid;
  width:2.5rem;
  height:2.5rem;
  padding:0 0 .15rem;
  border:0;
  border-radius:50%;
  color:#fff;
  background:rgba(12,28,58,.86);
  font-family:Arial,sans-serif;
  font-size:1.75rem;
  line-height:1;
  place-items:center;
}

.about-cert-lightbox__close:hover,
.about-cert-lightbox__close:focus-visible {
  background:#1670ef;
  outline:3px solid rgba(22,112,239,.28);
}

/* 页面分流 */
.about-explore {
  background:#fff;
}

.about-explore__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
}

.about-explore__grid>a {
  position:relative;
  display:grid;
  grid-template-columns:4rem minmax(0,1fr) auto;
  align-items:center;
  gap:1.5rem;
  min-width:0;
  min-height:10.75rem;
  overflow:hidden;
  padding:2rem;
  border:1px solid #dfe8f3;
  border-radius:1.25rem;
  background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 .75rem 2.25rem rgba(30,67,115,.055);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease;
}

.about-explore__grid>a::before {
  position:absolute;
  top:1.5rem;
  bottom:1.5rem;
  left:0;
  width:4px;
  border-radius:0 999px 999px 0;
  content:"";
  background:linear-gradient(180deg,#0b6fe7,#2da7f2);
}

.about-explore__grid>a::after {
  position:absolute;
  top:-5.5rem;
  right:-5.5rem;
  width:11rem;
  height:11rem;
  border:1px solid rgba(18,116,229,.08);
  border-radius:50%;
  content:"";
}

.about-explore__grid>a:hover {
  border-color:#83b8f2;
  background:#f8fbff;
  box-shadow:0 1.25rem 3rem rgba(20,83,164,.12);
  transform:translateY(-4px);
}

.about-explore__grid>a>span {
  position:relative;
  z-index:1;
  display:grid;
  width:4rem;
  height:4rem;
  border:1px solid #d7e7f9;
  border-radius:50%;
  color:#0d6fe5;
  font-family:Arial,sans-serif;
  font-size:1rem;
  font-weight:700;
  background:#f2f7fd;
  place-items:center;
}

.about-explore__grid>a>div {
  position:relative;
  z-index:1;
  margin:0;
}

.about-explore h3 {
  margin:0 0:.55rem;
  color:#1c2945;
  font-size:1.35rem;
  line-height:1.35;
}

.about-explore p {
  margin:0;
  color:#7b8599;
  font-size:.86rem;
  line-height:1.65;
}

.about-explore em {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:.85rem;
  width:auto;
  margin:0;
  padding:0;
  border:0;
  color:#0d6fe5;
  font-size:.84rem;
  font-style:normal;
  font-weight:700;
  white-space:nowrap;
}

.about-explore em::after {
  display:grid;
  width:2rem;
  height:2rem;
  border-radius:50%;
  color:#fff;
  content:"→";
  font-size:.9rem;
  background:#0d6fe5;
  place-items:center;
  transition:transform .25s ease;
}

.about-explore__grid>a:hover em::after {
  transform:translateX(3px);
}

/* 结尾 CTA */
.about-cta {
  position:relative;
  overflow:hidden;
  padding:clamp(4rem,6vw,6rem) 0;
  color:#fff;
  background:linear-gradient(110deg,#0966dc,#0f8ee9 66%,#13a1e7);
}

.about-cta::before,
.about-cta::after {
  position:absolute;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  content:"";
}

.about-cta::before {
  top:-16rem;
  right:7%;
  width:32rem;
  height:32rem;
}

.about-cta::after {
  right:19%;
  bottom:-21rem;
  width:31rem;
  height:31rem;
}

.about-cta__inner {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:3rem;
}

.about-cta h2 {
  margin:0;
  color:#fff;
  font-size:clamp(2rem,3.1vw,3.15rem);
  line-height:1.3;
  letter-spacing:-.035em;
}

.about-cta__inner>div>p:last-child {
  margin:1rem 0 0;
  color:#d9ecff;
  font-size:1rem;
}

.about-button--white {
  flex:0 0 auto;
  min-width:10rem;
  color:#0b69da;
  background:#fff;
  box-shadow:0 1rem 2.5rem rgba(0,57,145,.22);
}

@media(max-width:1180px) {
  .about-hero__copy {
    width:min(100%,39rem);
  }

  .about-company__grid {
    grid-template-columns:1fr 1fr;
    gap:3rem;
  }

  .about-explore__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .about-cert[data-offset="-4"] { --cert-x:-28rem; }
  .about-cert[data-offset="-3"] { --cert-x:-22rem; }
  .about-cert[data-offset="-2"] { --cert-x:-16rem; }
  .about-cert[data-offset="-1"] { --cert-x:-8.5rem; }
  .about-cert[data-offset="1"]  { --cert-x:8.5rem; }
  .about-cert[data-offset="2"]  { --cert-x:16rem; }
  .about-cert[data-offset="3"]  { --cert-x:22rem; }
  .about-cert[data-offset="4"]  { --cert-x:28rem; }
}

@media(max-width:900px) {
  .about-hero::before {
    background:linear-gradient(90deg,rgba(3,15,34,.78),rgba(4,20,45,.48));
  }

  .about-hero__background {
    object-position:62% center;
  }

  .about-hero__inner {
    min-height:40rem;
  }

  .about-hero__copy {
    width:min(100%,36rem);
    padding:4.5rem 0;
  }

  .about-company__grid {
    grid-template-columns:1fr;
  }

  .about-company__media {
    min-height:30rem;
  }

  .about-company__media>img {
    min-height:30rem;
  }

  .about-timeline {
    grid-template-columns:1fr;
    gap:0;
    padding-left:1.25rem;
  }

  .about-timeline::before {
    top:1rem;
    bottom:1rem;
    left:1.55rem;
    width:1px;
    height:auto;
  }

  .about-timeline li {
    display:grid;
    grid-template-columns:7rem minmax(0,1fr);
    gap:1.25rem;
    padding:0 0 2.25rem 2.4rem;
    text-align:left;
  }

  .about-timeline li::before {
    top:.3rem;
    left:.31rem;
  }

  .about-timeline time {
    min-height:0;
    font-size:1.8rem;
  }

  .about-timeline time span {
    display:inline;
    margin-left:.35rem;
  }

  .about-timeline li>div {
    padding:0;
  }

  .about-timeline p {
    min-height:0;
  }

  .about-section-heading--research {
    grid-template-columns:1fr;
    gap:1.25rem;
  }

}

@media(max-width:760px) {
  .about-section {
    padding:4.5rem 0;
    scroll-margin-top:130px;
  }

  .about-hero {
    min-height:38rem;
  }

  .about-hero__inner {
    min-height:38rem;
  }

  .about-hero__background {
    object-position:66% center;
  }

  .about-hero__brandmark {
    width:7.5rem;
    height:6.9rem;
    margin-bottom:1.45rem;
  }

  .about-hero h1 {
    min-height:0;
    margin-bottom:1.1rem;
    font-size:clamp(2.2rem,9vw,2.75rem);
    line-height:1.08;
    letter-spacing:.04em;
  }

  .about-hero__slogan {
    margin-bottom:1.15rem;
    font-size:1.05rem;
    line-height:1.5;
  }

  .about-hero__intro {
    font-size:.9rem;
    line-height:1.75;
  }

  .about-company h2 br {
    display:none;
  }

  .about-facts {
    grid-template-columns:1fr;
  }

  .about-facts>div:nth-child(n) {
    grid-column:auto;
  }

  .about-company__media,
  .about-company__media>img {
    min-height:23rem;
  }

  .about-company__media figcaption {
    right:1.25rem;
    bottom:1.25rem;
    left:1.25rem;
  }

  .about-company__media figcaption span {
    font-size:1.65rem;
  }

  .about-timeline li {
    grid-template-columns:1fr;
    gap:.65rem;
  }

  .about-cert-stage {
    min-height:29.5rem;
  }

  .about-cert-grid {
    height:23rem;
  }

  .about-cert {
    width:13rem;
  }

  .about-cert[data-offset="-4"],
  .about-cert[data-offset="-3"],
  .about-cert[data-offset="-2"],
  .about-cert[data-offset="2"],
  .about-cert[data-offset="3"],
  .about-cert[data-offset="4"] {
    opacity:0;
  }

  .about-cert[data-offset="-1"] { --cert-x:-5.7rem; --cert-scale:.82; opacity:.68; }
  .about-cert[data-offset="0"]  { --cert-scale:1.04; }
  .about-cert[data-offset="1"]  { --cert-x:5.7rem; --cert-scale:.82; opacity:.68; }

  .about-cert-control {
    top:38%;
    width:2.8rem;
    height:2.8rem;
  }

  .about-research__disclaimer {
    line-height:1.7;
    text-align:left;
  }

  .about-explore__grid {
    grid-template-columns:1fr;
  }

  .about-explore__grid>a {
    grid-template-columns:3.25rem minmax(0,1fr) auto;
    gap:1rem;
    min-height:9rem;
    padding:1.35rem;
  }

  .about-explore__grid>a>span {
    width:3.25rem;
    height:3.25rem;
  }

  .about-explore em {
    font-size:0;
  }

  .about-cta__inner {
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:420px) {
  .about-hero__actions {
    align-items:stretch;
    flex-direction:column;
  }

  .about-button {
    width:100%;
  }

  .about-facts>div {
    grid-template-columns:1fr;
    gap:.25rem;
  }

  .about-company__media figcaption {
    align-items:flex-start;
    flex-direction:column;
  }

  .about-company__media figcaption strong {
    text-align:left;
  }

  .about-cert-stage {
    min-height:28rem;
  }

  .about-cert-grid {
    height:22rem;
  }

  .about-cert {
    width:12rem;
  }

  .about-cert[data-offset="-1"] { --cert-x:-5rem; }
  .about-cert[data-offset="1"]  { --cert-x:5rem; }

  .about-cert-control {
    width:2.5rem;
    height:2.5rem;
  }

  .about-cert-control span {
    font-size:1.75rem;
  }
}

@media(prefers-reduced-motion:reduce) {
  .about-button,
  .about-button__arrow,
  .about-cert,
  .about-explore__grid>a {
    transition:none;
  }
}