.about-page{padding-bottom:32px;max-width:1440px;margin:auto}
.about-nav{display:flex;flex-wrap:wrap;gap:6px 22px;padding:18px 0;border-bottom:1px solid var(--line)}
.about-nav a{padding:7px 0;text-decoration:none;color:var(--dim);font-size:.87rem}
.about-nav a[aria-current=page]{color:var(--teal-d);box-shadow:0 2px var(--teal);font-weight:700}
.about-hero{padding:58px 0 46px;max-width:1050px}
.about-hero h1{font-size:clamp(2.5rem,5.2vw,4.6rem);letter-spacing:-.035em;margin:16px 0 24px;line-height:1.06}
.about-hero .lede{font-size:1.17rem;line-height:1.65;max-width:69ch}
.about-hero.compact{padding-bottom:30px}
.about-actions{display:flex;flex-wrap:wrap;gap:12px 26px;margin:24px 0 8px;font-size:.93rem;font-weight:600}
.about-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);padding:38px 0;border-top:1px solid var(--line);align-items:start}
.about-feature h2,.about-section>h2{font-size:clamp(1.65rem,2.6vw,2.3rem);margin:12px 0 20px;max-width:33ch}
.about-feature p{max-width:68ch;line-height:1.7}
.about-callout{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:14px;min-width:0}
.about-callout h3{margin-top:8px;font-size:1.35rem}
.about-callout code{overflow-wrap:anywhere}
.about-number{font:500 3rem var(--serif);color:var(--teal)}
.about-section{padding:32px 0;border-top:1px solid var(--line)}
.about-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.about-cards article{background:var(--paper);padding:26px;border:1px solid var(--line);border-radius:12px;min-width:0}
.about-cards article h2,.about-cards article h3{margin:6px 0 12px;font-size:1.38rem}
.about-cards article p{max-width:62ch;color:var(--dim);margin:10px 0 18px}
.about-step{font:600 .75rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--teal-d)}
.about-prose{max-width:83ch;line-height:1.75;margin:22px 0}
.about-future{background:#eaf0e2;border-radius:14px;padding:32px;border:1px solid #d0ddbc;margin-top:28px;align-items:center}
.about-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.about-docs article{padding:24px 0;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
.about-docs h2,.about-docs h3{font-size:1.2rem;margin:0 0 10px}
.about-docs .about-actions{margin:12px 0 0;font-size:.82rem}
.gen-hero{max-width:none;background:var(--ink);color:var(--paper);padding:46px clamp(24px,4vw,60px);border-radius:18px;margin:28px 0 36px;position:relative;overflow:hidden}
.gen-hero:after{content:"";position:absolute;width:330px;height:330px;right:-80px;top:40px;border:1px solid #526e75;border-radius:50%;box-shadow:0 0 0 28px #ffffff05,0 0 0 58px #ffffff04,0 0 0 96px #ffffff03;pointer-events:none}
.gen-hero>*{position:relative;z-index:1}
.gen-hero .eyebrow{color:var(--lime)}
.gen-hero .lede{color:#d7e2e9;max-width:59ch}
.gen-thesis{color:var(--lime);margin-top:26px;font:600 1.12rem var(--serif)}
.gen-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:26px 0 14px}
.gen-steps button{display:flex;flex-direction:column;text-align:left;gap:5px;min-width:0;padding:18px 12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer;font:inherit}
.gen-steps button span{font:.78rem var(--mono);color:var(--teal-d)}
.gen-steps button small{font-size:.72rem;line-height:1.4;color:var(--dim)}
.gen-steps button[aria-pressed=true]{border-color:var(--teal);background:#e7f2f0;box-shadow:inset 0 -3px var(--teal)}
.gen-detail{padding:26px 30px;background:var(--paper);border:1px solid var(--line);border-radius:12px;min-height:310px}
.gen-detail h3{font-size:1.6rem;margin:8px 0 16px}
.gen-detail p{max-width:85ch}
.about-equation{margin:22px 0;padding:8px 12px;overflow:auto;background:var(--bg);border-radius:8px}
.about-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}
.about-milestones article{display:flex;gap:16px;min-width:0}
.about-milestones article>span{font:500 2.1rem var(--serif);color:var(--teal)}
.about-milestones h3{margin:2px 0 10px;font-size:1.22rem}
.about-team{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,64px);align-items:start}
.about-team figure{margin:0;min-width:0}
.about-team img,.about-team video{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:#14213f}
.about-team-fun{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:flex-end}
.about-team .about-team-fun video{width:min(280px,100%);aspect-ratio:9/16;object-fit:contain}
.about-team-fun figcaption{flex:1 1 180px;margin-top:0}
.about-team figcaption{margin-top:10px;max-width:62ch;line-height:1.55}
.about-team-copy h2{font-size:clamp(1.65rem,2.6vw,2.3rem);margin:12px 0 0}
.about-team-copy .about-prose{margin:16px 0 22px}
@media(max-width:760px){.about-hero{padding:30px 0}.about-hero h1{font-size:clamp(2.3rem,8vw,3.7rem)}.about-feature,.about-cards,.about-docs,.about-milestones,.about-team{grid-template-columns:1fr}.about-feature{gap:22px}.about-cards{gap:12px}.gen-hero{padding:30px 22px}.gen-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.gen-detail{padding:20px;min-height:350px}.about-future{padding:24px}.about-nav{gap:2px 18px}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto}}
/* At-a-glance strip, reading paths, grouped documents and the blog. */
.about-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin:8px 0 6px}
.about-stat{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);min-width:0}
.about-stat b{font:500 2.3rem var(--serif);color:var(--teal-d);line-height:1}.about-stat span{font-size:.86rem;color:var(--dim);line-height:1.4}
.about-stat:hover{border-color:var(--teal)}.about-glance-note{margin:6px 0 28px}
.about-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.about-cards.three article a{display:block;margin-top:6px;font-weight:600;font-size:.92rem}
.about-sub{color:var(--dim);margin:-8px 0 14px;max-width:70ch}
.about-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.about-jump a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:.86rem;text-decoration:none;background:var(--paper)}
.about-jump a:hover{border-color:var(--teal)}
.about-docs article p{margin:6px 0;color:var(--dim);max-width:60ch}.about-docs article .faint code{background:none;padding:0}
.about-posts{display:grid;gap:0;max-width:820px}.about-posts article{padding:28px 0;border-bottom:1px solid var(--line)}
.about-posts h2{font-size:1.65rem;margin:6px 0 10px;line-height:1.2}.about-posts h2 a{text-decoration:none;color:var(--ink)}.about-posts h2 a:hover{color:var(--teal-d)}
.about-posts p{color:var(--dim);line-height:1.65;max-width:62ch}
.about-post{max-width:760px;margin:0 auto;padding:36px 0 24px}.about-post h1{font-size:clamp(2rem,4.2vw,3.1rem);letter-spacing:-.03em;line-height:1.1;margin:10px 0 16px}
.about-post-body{font-size:1.06rem;line-height:1.78;margin:26px 0}.about-post-body h3{font-size:1.5rem;margin:2em 0 .5em}.about-post-body p,.about-post-body li{max-width:none}
.about-post-body li{margin:.35em 0}.about-post-body table{font-size:.9rem}.about-post-body a{color:var(--teal-d)}
.about-postnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.about-postnav a{text-decoration:none;color:var(--ink);font-weight:600}.about-postnav a:last-child{text-align:right}
@media (max-width:860px){.about-cards.three{grid-template-columns:1fr}.about-feature{grid-template-columns:1fr}.about-cards,.about-docs{grid-template-columns:1fr}}
/* Wide screens: use the horizontal space instead of leaving half the page empty. */
@media (min-width:1180px){
  .about-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;max-width:none}
  .about-cards.three{gap:22px}
  .about-section>.about-prose,.about-feature p{max-width:92ch}
  .about-hero .lede{max-width:80ch}
}
@media (min-width:1500px){.about-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.about-future .about-actions{margin-top:0}