.about-shell{--about-bg:#080b0b;--about-panel:#101818;--about-text:#eef3ef;--about-muted:#acbab5;--about-accent:#8ed7c7;--about-line:#eef3ef29;--about-pad:clamp(24px,5vw,80px);background:var(--about-bg);color:var(--about-text);padding-top:0;font-family:Inter Tight,Arial,sans-serif}
.about-bound{box-sizing:border-box;width:min(100%,1320px);margin-inline:auto;padding:64px var(--about-pad)}
.about-hero{position:relative;isolation:isolate;background:#080b0b;color:#eef3ef}
.about-hero::before{content:'';position:absolute;z-index:-2;inset:0;background:url('assets/worlds14/spacex-window-earth.webp') center right/cover no-repeat}
.about-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,11,11,.97) 0%,rgba(8,11,11,.88) 34%,rgba(8,11,11,.3) 75%),linear-gradient(0deg,#080b0b 0%,transparent 45%)}
.about-hero-inner{box-sizing:border-box;width:min(100%,1320px);margin-inline:auto;padding:64px var(--about-pad) 40px}
.about-kicker{margin:0 0 18px;color:var(--about-accent);font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.about-hero .about-kicker{color:#8ed7c7}
.about-hero h1{max-width:15ch;margin:0;font-size:clamp(44px,5.6vw,78px);font-weight:300;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.about-hero h1 span{color:#b6dbd0}
.about-lede{max-width:43ch;margin:24px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#d1dcd6}
.about-text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:#eef3ef;font-size:14px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#8ed7c7}
.about-figures{display:flex;flex-wrap:wrap;gap:24px 48px;width:fit-content;max-width:100%;margin:40px 0 0;padding-top:22px;border-top:1px solid #eef3ef40}
.about-figures>div{display:flex;flex-direction:column-reverse;gap:8px}
.about-figures dt{color:#c1cec7;font-size:12px;line-height:1.4}
.about-figures dd{margin:0;font-size:clamp(32px,3.5vw,48px);font-weight:300;letter-spacing:-.04em;line-height:1}
.about-figure-note{margin:16px 0 0;color:#b0bfb7;font-size:11px;line-height:1.5}
.about-section-heading{max-width:680px;margin-bottom:36px}
.about-section-heading h2,.about-closing h2{margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:300;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
.about-section-heading>p:last-child:not(.about-kicker){max-width:46ch;margin:18px 0 0;color:var(--about-muted);font-size:17px;line-height:1.6}
.about-history-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px;align-items:start}
.about-chapters{position:sticky;top:calc(var(--top,72px) + 24px);display:grid;border-top:1px solid var(--about-line)}
.about-chapters a{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;min-height:52px;box-sizing:border-box;padding:10px 12px;border-bottom:1px solid var(--about-line);border-left:2px solid transparent;color:var(--about-muted);text-decoration:none;font-size:14px;line-height:1.4;transition:color .18s,border-color .18s,background .18s}
.about-chapters .about-nav-year{font-size:11px;font-variant-numeric:tabular-nums}
.about-chapters a[aria-current=location]{color:var(--about-text);border-left-color:var(--about-accent);background:var(--about-panel)}
.about-chapters a:hover{color:var(--about-accent)}
.about-milestone{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;margin:0;padding:32px 0 36px;border-top:1px solid var(--about-line);scroll-margin-top:calc(var(--top,72px) + 24px)}
.about-milestone::before{content:'';position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--about-accent);transition:width .2s}
.about-milestone.is-current::before{width:90px}
.about-year{margin:2px 0 0;color:var(--about-accent);font-size:26px;font-weight:300;line-height:1.2;letter-spacing:-.03em}
.about-milestone h3{max-width:23ch;margin:0;font-size:clamp(26px,2.5vw,34px);font-weight:300;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.about-detail{margin:18px 0 0;color:var(--about-accent);font-size:12px;line-height:1.6}
.about-copy{max-width:55ch;margin:14px 0 0;color:var(--about-muted);font-size:16px;line-height:1.7}
.about-milestone:last-child{padding-bottom:0}
.about-background{background:var(--about-panel)}
.about-background-list{border-top:1px solid var(--about-line)}
.about-background-list>section{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:32px;padding:24px 0;border-bottom:1px solid var(--about-line)}
.about-background-list h3{margin:0;font-size:21px;line-height:1.3;font-weight:400}
.about-background-list p{max-width:66ch;margin:0;color:var(--about-muted);font-size:16px;line-height:1.65}
.about-context{max-width:86ch;margin:24px 0 0;color:var(--about-muted);font-size:12px;line-height:1.65}
.about-closing{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-closing>div>p:not(.about-kicker){max-width:44ch;margin:0;color:var(--about-muted);font-size:17px;line-height:1.65}
.about-portfolio-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:24px;padding:0 24px;background:var(--about-accent);color:var(--about-bg);font-size:14px;font-weight:500;text-decoration:none;border:1px solid transparent}
.about-portfolio-link:hover{border-color:var(--about-text)}
.about-hero :focus-visible,.about-history :focus-visible,.about-background :focus-visible,.about-closing :focus-visible{outline:2px solid var(--about-accent);outline-offset:5px}
html[data-theme=light] .about-shell{--about-bg:#f3f5f1;--about-panel:#e7ede7;--about-text:#162622;--about-muted:#485e55;--about-accent:#176c59;--about-line:#173e302b}
html[data-theme=light] .about-hero{background:#14211d}
html[data-theme=light] .about-hero::after{background:linear-gradient(90deg,rgba(14,26,22,.96),rgba(14,26,22,.84) 34%,rgba(14,26,22,.22) 80%),linear-gradient(0deg,rgba(14,26,22,.65),transparent 50%)}
html[data-theme=light] .about-hero :focus-visible{outline-color:#8ed7c7}
@media(max-width:700px){.about-shell{--about-pad:20px}.about-bound{padding-block:40px}.about-hero-inner{padding-block:40px 28px}.about-hero::before{background-position:66% center}.about-hero::after{background:linear-gradient(90deg,rgba(8,11,11,.93),rgba(8,11,11,.65)),linear-gradient(0deg,#080b0b,transparent 70%)}.about-hero h1{font-size:clamp(39px,10.8vw,58px)}.about-lede{font-size:16px;max-width:36ch}.about-figures{gap:24px 32px;margin-top:28px}.about-section-heading{margin-bottom:28px}.about-history-layout{grid-template-columns:1fr;gap:28px}.about-chapters{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.about-chapters a{grid-template-columns:40px minmax(0,1fr);gap:6px;padding-inline:8px;font-size:13px;min-height:52px}.about-chapters a:last-child{grid-column:1/-1}.about-milestone{grid-template-columns:1fr;gap:14px;padding-block:26px 30px}.about-year{font-size:24px}.about-milestone h3{font-size:29px}.about-copy{font-size:16px}.about-background-list>section{grid-template-columns:1fr;gap:12px;padding-block:22px}.about-closing{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){.about-chapters a,.about-milestone::before{transition:none}.about-milestone{scroll-behavior:auto}}
@media(forced-colors:active){.about-hero::before,.about-hero::after{display:none}.about-hero{background:Canvas;color:CanvasText}.about-hero h1 span,.about-hero .about-kicker,.about-lede,.about-figures dt,.about-figure-note{color:CanvasText}.about-text-link{color:LinkText}.about-chapters a[aria-current=location]{border-left-color:Highlight}.about-milestone.is-current{border-top:2px solid Highlight}.about-portfolio-link{border-color:ButtonText}}