.page-about{margin:0;background:#fff;color:#20202a}
.about-page,.about-page *{box-sizing:border-box}
.about-page{max-width:1080px;padding:2rem 1.5rem 3rem}
.about-skip{position:absolute;left:1rem;top:-6rem;z-index:10000;padding:1rem;background:#fff;color:#6042e7;border:2px solid currentColor;border-radius:12px}
.about-skip:focus{top:1rem}
.about-breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;color:#737080;font-size:.85rem}
.about-breadcrumb a{text-decoration:none}
.about-hero{padding:3.5rem 0 3rem;max-width:850px}
.about-page .eyebrow{margin:0 0 1rem;font-size:.75rem;line-height:1.6}
.about-page h1{max-width:850px;font-size:clamp(2.4rem,5.5vw,4.5rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 1.5rem}
.about-page h1 span{color:#6941ff}
.about-page .about-lead{max-width:700px;font-size:1.15rem;line-height:1.7;margin:0 0 1.75rem}
.about-page .about-button{display:inline-flex;align-items:center;gap:2rem;min-height:48px;background:#6941ff;color:#fff;padding:.85rem 1.2rem;border-radius:13px;text-decoration:none;font-weight:750}
.about-button:hover{background:#5730e8}
.about-page h2{font-size:clamp(1.6rem,3vw,2rem);line-height:1.22;letter-spacing:-.025em;margin:0 0 1rem}
.about-story{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;border-top:1px solid #eae5f5;padding:2.5rem 0}
.about-story p:first-child{margin-top:0}.about-story p:last-child{margin-bottom:0}
.about-projects{padding:2rem;border:1px solid #e7e0ff;background:linear-gradient(125deg,#faf8ff,#f4f0ff);border-radius:24px}
.about-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.about-page .about-project-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e5dff5;border-radius:18px;padding:1.5rem;text-decoration:none;color:#20202a;transition:border-color .15s}
.about-project-card:hover{border-color:#6941ff}
.about-project-name{font-weight:900;font-size:1.35rem;letter-spacing:-.04em;margin-bottom:1.4rem}
.about-project-name span{color:#6941ff}.about-project-card h3{font-size:1.3rem;margin:0}
.about-project-card p{margin:.75rem 0 1.5rem;font-size:.98rem;line-height:1.6}
.about-project-link{margin-top:auto;font-size:.9rem;font-weight:750;color:#6042e7}.about-project-link span{padding-left:.4rem}
.about-page .about-project-together{background:#14121d;color:#fff;border-color:#14121d}
.about-page .about-project-together p{color:#d4cfdf}
.about-project-together .about-project-name,.about-project-together .about-project-link{color:#dbff00}.about-project-together:hover{border-color:#9772ff}
.about-hub-link{font-size:.9rem;font-weight:700;text-underline-offset:4px;line-height:1.6}
.about-transparency{padding:3rem 0 0;max-width:800px}
.about-resource-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem}.about-resource-links a{font-weight:700;line-height:1.6;text-underline-offset:4px}
.about-page a:focus-visible{outline:3px solid #845bff;outline-offset:5px}
@media(max-width:640px){.about-page{padding:1.5rem 1.1rem 2rem}.about-hero{padding:2.5rem 0}.about-page h1{font-size:2.55rem}.about-page .about-lead{font-size:1.05rem}.about-story{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.about-projects{padding:1.25rem;border-radius:20px}.about-project-grid{grid-template-columns:1fr}.about-project-card{padding:1.25rem}.about-transparency{padding-top:2.5rem}}