.about-hero{
  position:relative;
  padding-top:clamp(76px,10vw,132px);
  padding-bottom:clamp(62px,8vw,104px);
  text-align:center;
}
.about-hero::after{
  position:absolute;
  right:var(--gutter);
  bottom:0;
  left:var(--gutter);
  height:1px;
  background:var(--color-border);
  content:"";
}
.about-hero h1{
  max-width:820px;
  margin:22px auto 18px;
}
.about-lead{
  max-width:720px;
  margin-inline:auto;
  color:var(--color-text-muted);
  font-size:18px;
}
.about-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:28px;
}
.about-facts{
  padding-top:42px;
  padding-bottom:42px;
}
.about-fact-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  overflow:hidden;
  border:1px solid var(--color-border);
  border-radius:var(--radius-large);
  background:var(--color-panel);
  box-shadow:var(--shadow-card);
}
.about-fact-row div{
  padding:24px 28px;
  text-align:center;
}
.about-fact-row div+div{
  border-left:1px solid var(--color-border);
}
.about-fact-row dt{
  margin-bottom:7px;
  color:var(--color-text-muted);
  font-size:13px;
  letter-spacing:.06em;
}
.about-fact-row dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:15px;
  font-weight:600;
}
.about-wide-card{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:end;
  gap:clamp(32px,6vw,82px);
  padding:clamp(30px,6vw,66px);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xlarge);
  background:linear-gradient(132deg,var(--color-gradient-blue),var(--color-gradient-lilac) 36%,var(--color-gradient-cream) 70%,var(--color-gradient-blossom));
  box-shadow:var(--shadow-window);
}
.about-wide-card h2{
  margin:14px 0 0;
}
.about-wide-card p{
  margin:0;
  font-size:18px;
}
.about-index{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:3px 11px;
  border-radius:var(--radius-pill);
  background:var(--color-text);
  color:var(--color-panel);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
}
.about-principles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.about-card{
  display:flex;
  min-height:100%;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(24px,3vw,34px);
  border:1px solid var(--color-border);
  border-radius:var(--radius-large);
  background:var(--color-panel);
  box-shadow:var(--shadow-card);
  transition:transform .25s var(--ease-standard);
}
.about-card:hover{
  transform:translateY(-3px);
}
.about-card h3{
  margin:28px 0 12px;
  font-family:var(--font-body);
  font-size:21px;
  font-weight:600;
}
.about-card p{
  margin:0;
  color:var(--color-text-muted);
}
.about-privacy{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  align-items:center;
  gap:clamp(32px,6vw,78px);
  padding:clamp(30px,6vw,62px);
  box-shadow:var(--shadow-card);
}
.about-privacy h2{
  margin:16px 0 0;
}
.about-privacy p{
  margin:0;
  color:var(--color-text-muted);
  font-size:18px;
}
@media(max-width:800px){
  .about-wide-card,
  .about-privacy{
    grid-template-columns:1fr;
    align-items:start;
  }
  .about-principles{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .about-hero{
    padding-top:68px;
    padding-bottom:60px;
  }
  .about-lead,
  .about-wide-card p,
  .about-privacy p{
    font-size:16px;
  }
  .about-fact-row{
    grid-template-columns:1fr;
  }
  .about-fact-row div{
    padding:20px;
  }
  .about-fact-row div+div{
    border-top:1px solid var(--color-border);
    border-left:0;
  }
  .about-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .about-actions .btn{
    width:100%;
  }
}