.about{max-width:1080px;margin-inline:auto;container:about/inline-size}.about__head{max-width:64ch}.about__lead{margin-bottom:12px}.about__lead:last-child{margin-bottom:0}.about__layout{margin-top:32px}.about__timeline{background:var(--app-about-soft);border-radius:18px;padding:18px 20px}.about__timeline-title{color:var(--app-about-ink);font-family:var(--type-body);font-size:var(--text-sm);font-weight:var(--weight-strong);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px}.about__timeline ol{margin:0;padding:0;list-style:none}.about__timeline li{padding-left:20px;position:relative}.about__timeline li:before{background:var(--app-about);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:3px}.about__timeline li:not(:last-child):after{background:color-mix(in srgb, var(--app-about) 45%, transparent);content:"";width:1px;position:absolute;top:21px;bottom:-9px;left:7px}.about__timeline li.is-nested{margin-left:16px}.about__timeline li.is-nested:before{background:var(--surface);box-shadow:inset 0 0 0 2px var(--app-about)}.about__timeline a{border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-md);flex-direction:column;padding:6px 8px;line-height:1.35;text-decoration:none;display:flex}.about__timeline a:hover{background:color-mix(in srgb, var(--surface) 70%, transparent)}.about__timeline a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.about__timeline-years{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.about__timeline-place{font-weight:var(--weight-strong)}.about__timeline-piece{color:var(--ink-2)}.about__story{overflow-wrap:break-word;max-width:64ch}.chapter{scroll-margin-top:calc(var(--titlebar-h,44px) + 16px);margin-top:48px}.chapter p{color:var(--ink-2);font-size:var(--text-base);margin:0 0 1em;line-height:1.65}.chapter a{color:var(--app-about-ink);font-weight:var(--weight-strong);text-underline-offset:3px;text-decoration-thickness:1px}.chapter__head{margin-bottom:16px}.chapter .chapter__meta{color:var(--ink-3);font-size:var(--text-md);font-weight:var(--weight-strong);margin:0 0 4px}.chapter__title{font-family:var(--type-display);font-size:var(--text-2xl);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);margin:0;line-height:1.15}.chapter .chapter__piece{border-radius:var(--radius-full);background:var(--app-about-soft);color:var(--app-about-ink);font-size:var(--text-sm);margin:10px 0 0;padding:3px 10px;line-height:1.5;display:inline-block}.chapter__piece strong{font-weight:var(--weight-strong)}.chapter .chapter__case{font-size:var(--text-md);margin-top:4px}.chapter__case a{text-decoration:none}.chapter__case a:hover{text-decoration:underline}.chapter--aside{border:1px dashed color-mix(in srgb, var(--app-about) 55%, var(--line-strong));background:var(--surface-muted);border-radius:18px;margin:28px 0;padding:20px 22px 6px}.chapter--aside .chapter__title{font-size:var(--text-xl)}.about__education{border-top:1px solid var(--line);color:var(--ink-2);font-size:var(--text-md);margin-top:48px;padding-top:24px}.about__education h2{font-family:var(--type-body);font-size:var(--text-sm);font-weight:var(--weight-strong);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px}.about__education ul{margin:0 0 10px;padding:0;list-style:none}.about__education li{color:var(--ink);padding:2px 0}.about__education li span{color:var(--ink-3)}.about__education p{color:var(--ink-3);margin:0}@container about (min-width:820px){.about__layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;column-gap:56px;display:grid}.about__story{grid-area:1/1}.about__timeline{grid-area:1/2;position:sticky;top:24px}.about__story>.chapter:first-child{margin-top:0}}