/* Über-uns page */
.about-page main{padding-top:calc(var(--nav-offset) + 88px);position:relative;z-index:2}

.about-hero{padding-block:clamp(40px,6vw,72px) clamp(32px,5vw,56px)}
.about-hero__inner{max-width:var(--max-w-wide)}
.about-hero__eyebrow{
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--accent-b);
  margin:0 0 12px;
}
.about-hero h1{
  font-size:clamp(1.85rem,4.2vw,2.65rem);
  font-weight:900;
  line-height:1.12;
  margin:0 0 18px;
  max-width:22ch;
}
.about-hero__lead{
  color:var(--muted);
  font-size:clamp(1rem,2vw,1.12rem);
  line-height:1.55;
  max-width:58ch;
  margin:0 0 20px;
}
.about-badges{display:flex;flex-wrap:wrap;gap:8px}
.about-badge{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid var(--glass-border);
  background:rgba(255,255,255,0.04);
}

.about-section{padding-block:clamp(48px,7vw,80px)}
.about-section--alt{
  border-block:1px solid rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.02);
}
.about-section__inner{max-width:720px}
.about-label{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--accent-b);
  margin:0 0 10px;
}
.about-section h2{
  font-size:clamp(1.35rem,3vw,1.85rem);
  font-weight:900;
  margin:0 0 20px;
  line-height:1.2;
}
.about-prose{display:flex;flex-direction:column;gap:14px}
.about-prose p{margin:0;color:var(--muted);line-height:1.6;font-size:1rem}

.about-pillars{
  display:grid;
  gap:16px;
  margin-top:8px;
}
@media (min-width:768px){
  .about-pillars{grid-template-columns:repeat(3,1fr);gap:20px}
}
.about-pillar{
  padding:clamp(18px,3vw,24px);
  border-radius:16px;
  border:1px solid var(--glass-border);
  background:var(--glass-bg);
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);
}
.about-pillar__index{
  display:block;
  font-size:.75rem;
  font-weight:800;
  color:var(--accent-a);
  margin-bottom:10px;
}
.about-pillar h3{font-size:1rem;font-weight:800;margin:0 0 10px}
.about-pillar p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.55}

.about-diff-lead{color:var(--muted);line-height:1.55;margin:0 0 14px}
.about-list{
  margin:0;
  padding-left:1.2rem;
  color:var(--muted);
  line-height:1.6;
  display:flex;
  flex-direction:column;
  gap:10px;
  list-style:disc;
}
.about-list--compact{
  gap:8px;
  font-size:.88rem;
  line-height:1.55;
}
.about-pillar .about-list--compact{font-size:.85rem}
.about-founders{
  display:grid;
  gap:20px;
  margin-bottom:24px;
}
@media (min-width:900px){
  .about-founders{grid-template-columns:repeat(3,1fr)}
}
.about-founder-card{
  --founder-visual-size:clamp(72px,18vw,92px);
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:20px;
  border-radius:16px;
  border:1px solid var(--glass-border);
  background:rgba(8,20,36,0.55);
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
}
.about-founder-card__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.about-founder-card__award{
  width:var(--founder-visual-size);
  height:var(--founder-visual-size);
  flex-shrink:0;
  object-fit:contain;
  object-position:top center;
  display:block;
  margin-top:-2px;
  filter:drop-shadow(0 3px 12px rgba(0,0,0,0.45));
}
.about-founder-card__photo{
  width:var(--founder-visual-size);
  height:var(--founder-visual-size);
  min-width:var(--founder-visual-size);
  min-height:var(--founder-visual-size);
  max-width:var(--founder-visual-size);
  max-height:var(--founder-visual-size);
  flex-shrink:0;
  display:block;
  border-radius:50%;
  object-fit:cover;
  object-position:center 22%;
  aspect-ratio:1;
  overflow:hidden;
  clip-path:circle(50% at 50% 50%);
  border:2px solid rgba(255,255,255,0.14);
  box-shadow:0 0 0 1px rgba(0,0,0,0.28);
  background:linear-gradient(135deg,var(--accent-a),var(--accent-b));
}
.about-founder-card h3{margin:0;font-size:1.1rem;font-weight:800}
.about-founder-card__role{margin:4px 0 0;font-size:.8rem;font-weight:700;color:var(--text)}
.about-founder-card__loc{margin:0;font-size:.72rem;color:var(--muted)}
.about-founder-card__body{flex:1;display:flex;flex-direction:column}
.about-founder-card__bio{margin:12px 0 0;font-size:.85rem;flex:1}
.about-founder-card__link{
  display:inline-block;
  margin-top:12px;
  font-size:.8rem;
  font-weight:700;
  color:var(--accent-b);
  text-decoration:none;
}
.about-founder-card__link:hover{text-decoration:underline}

.about-collab{
  padding:clamp(20px,3vw,28px);
  border-radius:16px;
  max-width:720px;
  border:1px solid var(--glass-border);
  background:var(--glass-bg);
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);
}
.about-collab h3{margin:0 0 10px;font-size:1rem;font-weight:800}
.about-collab p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}

.about-tech-list{
  margin:0;
  padding-left:1.2rem;
  color:var(--muted);
  line-height:1.65;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.about-milestones{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.about-milestones li{
  display:grid;
  gap:6px 16px;
  padding:16px 18px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);
}
@media (min-width:600px){
  .about-milestones li{grid-template-columns:120px 1fr;align-items:start}
}
.about-milestones__when{
  font-size:.75rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--accent-b);
}
.about-milestones__what{font-size:.9rem;color:var(--muted);line-height:1.55}

.about-cta{
  text-align:center;
  padding:clamp(48px,8vw,80px) 16px;
}
.about-cta__inner{max-width:520px;margin:0 auto}
.about-cta h2{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:900;margin:0 0 12px}
.about-cta p{color:var(--muted);margin:0 0 20px;line-height:1.55}
.about-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

@supports not (backdrop-filter:blur(1px)){
  .about-pillar,.about-founder-card{background:rgba(8,20,36,0.92)}
}