.about-hero{background:linear-gradient(135deg,#2d0b3d,#6b1e8e);color:#fff;padding:70px 4vw 90px}
.about-hero>a{font-size:12px;color:#d8cbdc}
.about-hero>p{text-transform:uppercase;letter-spacing:.15em;font-size:11px;margin-top:80px}
.about-hero h1{font:600 clamp(60px,9.5vw,140px)/.88 var(--display);letter-spacing:-.05em;margin:20px 0 30px}
.about-hero h1 em{font-style:normal;color:var(--lime)}
.about-hero>span{font-size:13px;color:#cbbbd0}

.about-jump{position:sticky;top:0;z-index:15;display:flex;gap:28px;padding:18px 4vw;background:var(--cream);border-bottom:1px solid var(--line);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;overflow-x:auto}
.about-jump a{white-space:nowrap;color:var(--muted)}
.about-jump a:hover{color:var(--purple)}

.about-block{padding:110px 4vw}
.about-block.tinted{background:var(--purple-dark);color:#fff}
.about-block-label{display:flex;gap:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.about-block-label span{color:var(--violet)}
.about-block.tinted .about-block-label{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.2)}
.about-block.tinted .about-block-label span{color:var(--lime)}
.about-block-head{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin:55px 0 60px}
.about-block-head h2{font:600 clamp(44px,6vw,86px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.04em;margin:0}
.about-block-head .lead{font-size:19px;line-height:1.6;color:var(--muted);margin:0}
.about-block.tinted .about-block-head .lead{color:rgba(255,255,255,.7)}

.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;font-size:16px;line-height:1.8}
.about-cols p{margin:0 0 20px}

.about-values{list-style:none;padding:0;margin:70px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.about-values li{border-top:1px solid var(--line);padding:26px 0;display:grid;gap:8px}
.about-values b{font:500 24px var(--display);text-transform:uppercase}
.about-values span{color:var(--muted);line-height:1.6}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.team-card{border:1px solid rgba(255,255,255,.2);padding:32px 26px;display:grid;gap:12px}
.team-avatar{width:52px;height:52px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font:700 20px var(--display)}
.team-card h3{font:500 22px var(--display);text-transform:uppercase;margin:6px 0 0}
.team-card p{color:rgba(255,255,255,.65);line-height:1.6;margin:0;font-size:14px}

.founder-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start}
.founder-portrait{aspect-ratio:.82;background:linear-gradient(150deg,var(--purple),var(--purple-dark));display:grid;place-items:center;border-radius:4px}
.founder-portrait span{font:700 90px var(--display);color:rgba(255,255,255,.16);letter-spacing:-.06em}
.founder-copy h2{font:600 clamp(44px,6vw,86px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.04em;margin:0 0 24px}
.founder-name{font-weight:700;font-size:16px;margin:0 0 26px}
.founder-name span{color:var(--muted);font-weight:400}
.founder-copy p{font-size:16px;line-height:1.8;color:var(--ink);max-width:640px}
.founder-copy blockquote{margin:40px 0 0;border-left:3px solid var(--purple);padding-left:24px;font:500 clamp(24px,3vw,34px)/1.3 var(--display);text-transform:uppercase;letter-spacing:-.02em}

.about-cta{background:var(--purple);color:#fff;padding:110px 4vw;display:flex;flex-direction:column;align-items:flex-start;gap:34px}
.about-cta h2{font:600 clamp(44px,7vw,100px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.04em;margin:0}
.about-cta h2 em{font-style:normal;color:var(--lime)}
.about-cta a{border:1px solid rgba(255,255,255,.5);padding:16px 22px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}
.about-cta a:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}

@media(max-width:800px){
  .about-page .site-header{height:auto;flex-wrap:wrap;gap:12px;padding:14px 5vw}
  .about-page .desktop-nav{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;width:100%;order:3}
  .about-page .nav-cta{display:none}
  .about-hero{padding:50px 5vw 65px}
  .about-hero>p{margin-top:55px}
  .about-block{padding:70px 5vw}
  .about-block-head{grid-template-columns:1fr;gap:24px;margin:40px 0}
  .about-cols{grid-template-columns:1fr;gap:0}
  .about-values{grid-template-columns:1fr;margin-top:45px}
  .team-grid{grid-template-columns:1fr}
  .founder-layout{grid-template-columns:1fr;gap:35px}
  .founder-portrait{max-width:320px}
}