.about-page{--pad:clamp(20px,1.2vw,32px);background:#fff}
.about-page .nav{display:grid;grid-template-columns:max-content 1fr auto;align-items:center;gap:32px;background:#fff;color:#111;mix-blend-mode:normal}
.about-page-label{margin:0;font-size:.875rem;font-weight:300;line-height:1.5;letter-spacing:0}
.about-page #about{padding-top:110px;padding-bottom:64px}
.about-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.about-column{min-width:0}
.about-column h2{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid rgba(20,20,20,.6);font-size:.875rem;font-weight:300;line-height:1.5;letter-spacing:0}
.about-column-copy{font-size:.875rem;font-weight:300;line-height:1.5;overflow-wrap:break-word}
.about-column-copy p{display:inline;margin:0}
.about-column-copy p+p::before{content:" "}
.about-column-copy strong{font-weight:300}
.about-page .office-fact{margin-top:72px}
.about-page .office-fact strong{font-size:inherit;font-weight:inherit;line-height:inherit}
.about-page .team{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-page .team img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.about-page .team-portrait{aspect-ratio:4/5;overflow:hidden}
.about-page .team-portrait img{height:100%;aspect-ratio:auto;object-position:center bottom;transform:scale(1.1);transform-origin:center bottom}
@media(max-width:900px){.about-page .team{grid-template-columns:1fr}}
.about-projects{padding:0 var(--pad) 24px;background:#fff}
.about-project-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.5}
.about-project-location{font-size:.875rem;color:#777;text-align:right}
.about-project-row:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}
.about-project-row:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.about-page .contact,.about-page footer{--pad:clamp(20px,2.5vw,64px)}
@media(max-width:600px){.about-project-row{flex-direction:column;gap:4px;padding:16px 0}.about-project-location{text-align:left}}
@media(max-width:900px){.about-columns{grid-template-columns:1fr;gap:32px}.about-column-copy{font-size:1rem;line-height:1.6}.about-column h2{font-size:1rem}.about-page .office-fact{margin-top:48px}}
@media(max-width:480px){.about-page .nav{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.about-page .nav .brand{white-space:normal;overflow-wrap:anywhere}.about-page-label{grid-column:1;grid-row:2;font-size:.75rem}.about-page .nav .menu-btn{grid-column:2;grid-row:1}.about-page #about{padding-top:116px}}