.about-story{--about-grid-line:var(--art-grid-line)}.about-container{width:var(--content-width);margin-inline:auto}.about-intro{column-gap:var(--space-xl);padding-block:var(--page-intro-top) var(--page-intro-bottom);grid-template-columns:minmax(0,1fr) auto;display:grid}.about-intro h1{font-size:var(--type-page);letter-spacing:var(--tracking-heading);grid-column:1/-1;line-height:1.1}.about-page .about-intro p{max-width:570px;margin-top:var(--space-md);font-size:var(--type-lead);line-height:var(--leading-body);color:var(--color-muted)}.about-intro .about-resume-link{place-self:end}.about-artwork:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--about-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--about-grid-line) 1px, transparent 1px);background-size:var(--art-grid-size) var(--art-grid-size);position:absolute}.about-chapter-grid{align-items:start;column-gap:clamp(48px,8vw,112px);row-gap:var(--space-md);border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading art""prose art";padding-block:62px 72px;display:grid}.about-chapter-heading{grid-area:heading;align-self:end}.about-chapter h2{letter-spacing:-.035em;text-wrap:balance;max-width:390px;scroll-margin-top:84px;font-size:clamp(30px,3.1vw,40px);line-height:1.16}.about-chapter :is(#small-projects,#growing-projects){text-wrap:pretty;max-width:none}.about-prose{max-width:480px;color:var(--color-muted);grid-area:prose;font-size:17px;line-height:1.8}.about-prose p+p{margin-top:18px}.about-prose strong{color:var(--color-text);font-weight:500}.about-artwork{isolation:isolate;grid-area:art;place-self:center;width:100%;min-width:0;max-width:540px;position:relative}.about-artwork:before{z-index:-1;inset:4% 0 0 12%;mask-image:radial-gradient(at 68% 48%,#000 12%,#0000 70%)}.about-artwork img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.about-chapter[aria-labelledby=growing-projects] .about-chapter-grid{grid-template-areas:"art heading""art prose";padding-block:78px 88px}.about-chapter[aria-labelledby=growing-projects] .about-artwork{justify-self:start}.about-chapter[aria-labelledby=growing-projects] .about-artwork:before{inset:0 8% 0 0;mask-image:radial-gradient(at 35% 55%,#000 12%,#0000 72%)}.about-chapter-featured{background:var(--color-surface)}.about-chapter-featured .about-chapter-grid{border:0;grid-template-areas:"heading heading""art art""prose prose";row-gap:32px;padding-block:72px 68px}.about-chapter-featured h2{text-wrap:initial;max-width:800px;font-size:clamp(36px,4.4vw,56px);line-height:1.15}.about-chapter-featured h2 span{color:var(--color-accent)}.about-chapter-featured .about-artwork{max-width:960px;margin-inline:auto}.about-chapter-featured .about-artwork:before{background-size:32px 32px;inset:6% 10% 0 0;mask-image:radial-gradient(at 35% 65%,#000 8%,#0000 68%)}.about-chapter-featured .about-artwork img{aspect-ratio:2;max-height:480px}.about-chapter-featured .about-prose{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,112px);max-width:none;padding-top:28px;display:grid}.about-chapter-featured .about-prose p+p{margin-top:0}.about-chapter:last-child .about-chapter-grid{border:0;padding-block:84px 70px}.about-chapter:last-child .about-artwork{max-width:570px}.about-chapter:last-child .about-artwork:before{inset:0;mask-image:radial-gradient(at 60% 65%,#000 8%,#0000 70%)}.about-page .home-footer{padding-top:24px}@media (width<=760px){.about-intro{grid-template-columns:minmax(0,1fr)}.about-intro .about-resume-link{margin-top:var(--space-md);justify-self:start}.about-intro h1{font-size:var(--type-page)}.about-page .about-intro p{margin-top:22px;font-size:18px}.about-chapter-grid,.about-chapter[aria-labelledby=growing-projects] .about-chapter-grid,.about-chapter-featured .about-chapter-grid,.about-chapter:last-child .about-chapter-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""prose""art";gap:22px;padding-block:40px 36px}.about-chapter h2{max-width:350px;font-size:30px}.about-prose{font-size:16px;line-height:1.75}.about-artwork,.about-chapter[aria-labelledby=growing-projects] .about-artwork,.about-chapter-featured .about-artwork,.about-chapter:last-child .about-artwork{justify-self:center;max-width:520px;margin-inline:auto}.about-chapter-featured h2{max-width:100%;font-size:clamp(32px,8.4vw,40px)}.about-chapter-featured .about-prose{border:0;grid-template-columns:minmax(0,1fr);gap:18px;padding-top:0}}
