.about-page { max-width:1120px; padding:72px 32px 0; }
.about-intro { max-width:960px; margin:0 auto 64px; text-align:center; }
.about-intro .page-kicker { margin-bottom:20px; }
.about-intro h1 { margin:0; font-size:clamp(40px,5.4vw,64px); line-height:1.08; letter-spacing:-.045em; }
.about-page em { font-family:"DM Serif Display",Georgia,serif; font-weight:400; font-style:italic; font-synthesis:none; color:#0a66c2; letter-spacing:-.025em; }
.about-intro p { max-width:none; margin:24px 0 0; font-size:19px; }
.about-founders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; max-width:928px; margin:auto; }
.founder-card { display:flex; flex-direction:column; min-width:0; }
.founder-photo { overflow:hidden; aspect-ratio:1; border-radius:20px; background:#e9e8e5; }
.founder-portrait { display:block; width:100%; height:100%; object-fit:cover; }
.founder-photo--axel .founder-portrait { transform:scale(1.65); transform-origin:50% 40%; }
.founder-identity { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:24px 0 14px; }
.founder-identity h2 { margin:0; font-size:28px; line-height:1.2; letter-spacing:-.035em; }
.founder-role { margin:0; color:#666; font-size:13px; line-height:1.5; }
.founder-bio { margin:0; font-size:16px; line-height:1.7; color:#555; }
.founder-details { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:auto; padding-top:20px; font-size:12px; color:#666; }
.founder-link { display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:500; color:#0a66c2; text-decoration:underline; text-underline-offset:4px; text-decoration-color:transparent; }
.founder-link:hover { text-decoration-color:currentColor; }
.about-journey { margin-top:72px; padding-top:72px; border-top:1px solid #e2dfda; }
.about-sf { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; }
.about-sf .page-kicker { margin-bottom:18px; }
.about-sf h2 { margin:0; font-size:clamp(32px,3.7vw,44px); line-height:1.13; letter-spacing:-.04em; }
.about-sf-copy { max-width:420px; margin:24px 0 0; font-size:16px; line-height:1.7; color:#666; }
.about-sf-gallery { margin:0; overflow:hidden; border-radius:16px; }
.about-sf-gallery img { display:block; width:100%; height:auto; }
.about-launch { display:grid; grid-template-columns:100px minmax(0,1fr); gap:32px; margin:64px 0 88px; }
.about-launch-year { margin:0; font-size:32px; font-weight:500; line-height:1.1; letter-spacing:-.04em; color:#8b8780; }
.about-milestones { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; }
.about-milestones li { position:relative; min-width:0; padding:0 24px 0 0; }
.about-milestones li::before { content:""; position:absolute; top:38px; left:0; right:0; height:1px; background:#d6d8dc; }
.about-milestones li:last-child::before { background:linear-gradient(90deg,#0a66c2,rgba(10,102,194,0)); }
.about-milestones li::after { content:""; position:absolute; top:35px; left:0; width:7px; height:7px; border-radius:50%; background:#8a929c; box-shadow:0 0 0 5px #fcfbf8; }
.about-milestones li:last-child::after { background:#0a66c2; box-shadow:0 0 0 5px #e5edf5; }
.about-milestones time { font-size:13px; font-weight:500; color:#666; }
.milestone-copy { padding-top:36px; }
.about-milestones h3 { margin:0; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-.025em; }
.about-milestones p { margin:8px 0 0; font-size:13px; line-height:1.6; color:#666; }
.about-meet { display:flex; justify-content:center; margin:40px auto 0; }
.about-meet .page-button { min-height:48px; padding:12px 24px; border:1px solid #d5d3ce; border-radius:8px; background:rgba(255,255,255,.65); color:#1a1a1a; font-size:14px; font-weight:500; white-space:nowrap; transition:background .15s,border-color .15s; }
.about-meet .page-button:hover { background:#fff; border-color:#999; }
.about-page a:focus-visible { outline:3px solid #0a66c2; outline-offset:5px; }
@media(max-width:1000px) {
 .about-founders,.about-sf { gap:40px; }
 .founder-identity { flex-direction:column; gap:6px; }
}
@media(max-width:700px) {
 .about-page { padding:48px 22px 0; }
 .about-intro { margin-bottom:40px; }
 .about-intro .page-kicker { margin-bottom:16px; }
 .about-intro h1 { font-size:clamp(34px,6.4vw,44px); }
 .about-intro p { margin-top:20px; font-size:16px; }
 .about-founders { grid-template-columns:1fr; gap:44px; max-width:440px; }
 .founder-photo { aspect-ratio:1; border-radius:16px; }
 .founder-identity { flex-direction:row; margin-top:20px; }
 .founder-identity h2 { font-size:26px; }
 .founder-role { font-size:12px; }
 .founder-bio { font-size:15px; }
 .founder-details { padding-top:12px; }
 .about-journey { margin-top:64px; padding-top:48px; }
 .about-sf { grid-template-columns:1fr; gap:28px; }
 .about-sf h2 { font-size:34px; }
 .about-sf-copy { margin-top:18px; font-size:15px; }
 .about-launch { grid-template-columns:1fr; gap:28px; margin:36px 0 56px; }
 .about-launch-year { font-size:28px; }
 .about-milestones { grid-template-columns:1fr; }
 .about-milestones li { display:grid; grid-template-columns:84px minmax(0,1fr); gap:28px; padding:0 0 32px; }
 .about-milestones li::before { top:8px; bottom:-8px; left:96px; width:1px; height:auto; }
 .about-milestones li:last-child { padding-bottom:0; }
 .about-milestones li:last-child::before { display:none; }
 .about-milestones li::after { top:7px; left:93px; }
 .about-milestones time { padding-top:2px; font-size:12px; }
 .milestone-copy { padding-top:0; }
 .about-milestones h3 { font-size:18px; }
 .about-milestones p { margin-top:5px; font-size:12px; }
 .about-meet { margin-top:28px; }
}