/* A personal introduction using the same restrained type and grid as the portfolio. */
.about-intro .eyebrow,.about-story .eyebrow{font-size:.875rem;color:var(--muted);margin-bottom:16px}
.about-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,88px);padding-block:80px}
.about-intro h1{font-size:clamp(2.75rem,4.6vw,4rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.about-intro-copy>p:not(.eyebrow){color:var(--muted);max-width:49ch;margin-top:18px}
.about-intro-copy>.about-lead{font-size:1.375rem;line-height:1.45;color:var(--ink)!important;letter-spacing:-.02em}
.about-intro .button{margin-top:28px}
.about-portrait img{aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.about-portrait figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:.8125rem;color:var(--muted)}
.about-portrait figcaption>span:first-child{color:var(--ink);font-weight:550}.about-role{display:block;color:var(--muted);font-weight:400;margin-top:2px}
.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px;border-top:1px solid var(--line);padding-block:64px}
.about-story h2{font-size:clamp(1.75rem,3vw,2.375rem);line-height:1.2;letter-spacing:-.035em}
.about-prose{max-width:62ch;color:var(--muted)}.about-prose p+p{margin-top:20px}
.about-approach,.about-work{border-top:1px solid var(--line);padding-block:48px 64px}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px}
.about-principles h3{font-size:1.125rem;letter-spacing:-.025em;margin-bottom:12px}.about-principles p{color:var(--muted)}
.about-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.about-example{text-decoration:none;min-width:0}.about-example img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.about-example h3{font-size:1rem;letter-spacing:-.02em}.about-example h3 span{float:right}.about-example p{font-size:.875rem;color:var(--muted);margin-top:8px}.about-example:hover h3{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.about-intro{gap:32px;padding-block:56px}.about-intro h1{font-size:2.75rem}.about-story{gap:32px}.about-principles{gap:24px}.about-portrait figcaption{flex-direction:column;gap:8px}.about-examples{gap:20px}}
@media(max-width:640px){.about-intro,.about-story{grid-template-columns:1fr}.about-intro{padding-block:48px;gap:36px}.about-portrait{max-width:440px}.about-portrait figcaption{flex-direction:row}.about-intro-copy>.about-lead{font-size:1.25rem}.about-story{padding-block:40px;gap:24px}.about-principles,.about-examples{grid-template-columns:1fr;gap:32px}.about-approach,.about-work{padding-block:40px}.about-principles .step-no{margin-bottom:12px}.about-principles article+article{border-top:1px solid var(--line);padding-top:28px}}