.about-page__intro{padding:clamp(128px, 18vh, 200px) var(--gutter) 0}.about-page__eyebrow{color:var(--muted);justify-content:space-between;gap:24px;margin-bottom:32px;display:flex}.about-page__eyebrow span:last-child{color:var(--accent)}.about-page__portrait-layout{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(32px,8vw,120px);margin-top:clamp(40px,7vw,100px);display:grid}.about-page__welcome h2,.about-page__section h2{font:500 clamp(30px, 3.6vw, 58px)/1.12 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.035em;text-wrap:balance}.about-page__welcome>p:not(.label),.about-page__section p{color:var(--muted);max-width:60ch;line-height:1.75}.about-page__welcome>p{margin-top:28px}.about-page__welcome .about-page__location{margin-top:44px;line-height:1.7}.about-page__link{border-bottom:1px solid var(--hairline);font:12px var(--font-mono), monospace;margin-top:28px;padding-block:8px;transition:color .25s,border-color .25s;display:inline-block}.about-page__link:hover,.about-page__link:focus-visible{color:var(--accent);border-color:var(--accent)}.about-page__portrait{min-width:0}.about-page__portrait img{aspect-ratio:4/5;object-fit:cover;object-position:50% 24%;background:#111010;width:100%;height:auto}.about-page__portrait figcaption{color:var(--muted);margin-top:16px;font-size:9px;line-height:1.6}.about-page__section{margin:clamp(72px, 10vw, 150px) var(--gutter) 0;border-top:1px solid var(--hairline);padding-top:36px}.about-page__section>.label,.about-page__section-head>.label{color:var(--accent)}.about-page__approach{grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:32px;display:grid}.about-page__approach-heading>.label{color:var(--accent);margin-bottom:24px;display:block}.about-page__principles article{border-bottom:1px solid var(--hairline);grid-template-columns:3ch minmax(0,1fr);gap:24px;padding-block:28px;display:grid}.about-page__principles article:first-child{padding-top:0}.about-page__principles article>.label{color:var(--accent);padding-top:6px}.about-page__principles h3{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(24px,2.5vw,36px);font-weight:500;line-height:1.2}.about-page__principles p{max-width:42ch}.about-page__section-head{gap:20px;margin-bottom:40px;display:grid}.about-page__section-head>.label{margin-bottom:0}.about-page__section-head h2{max-width:24ch}.about-page__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.about-page__steps li{isolation:isolate;background:var(--surface);border-top:1px solid var(--accent);padding:28px 24px 32px;transition:color .25s;position:relative;overflow:hidden}.about-page__steps li:before{content:"";z-index:-1;background:var(--accent);transition:transform .55s var(--ease-out);pointer-events:none;position:absolute;inset:0;transform:translateY(101%)}.about-page__steps li>.label,.about-page__steps li p{transition:color .25s}.about-page__steps li>.label{color:var(--accent)}.about-page__steps h3{letter-spacing:-.03em;margin:24px 0 12px;font-size:clamp(22px,2.1vw,32px);font-weight:500}.about-page__steps p{max-width:26ch;font-size:14px}@media (hover:hover) and (pointer:fine){.about-page__steps li:hover:before{transform:translateY(0)}.about-page__steps li:hover,.about-page__steps li:hover>.label,.about-page__steps li:hover p{color:var(--bg)}}html[data-motion=off] .about-page__steps li:before{transition:none}.about-page__projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;display:grid}.about-page__project{min-width:0;display:block}.about-page__project-image{aspect-ratio:4/3;background:var(--surface);overflow:hidden}.about-page__project-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.about-page__project:hover img{transform:scale(1.025)}.about-page__project-copy{padding-top:24px}.about-page__project-copy>.label{color:var(--muted)}.about-page__project h3{font:600 clamp(28px, 3vw, 44px)/1.15 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.035em;margin:16px 0 12px;transition:color .25s}.about-page__project .about-page__link{margin-top:16px}.about-page__project:hover h3,.about-page__project:focus-visible h3{color:var(--accent)}.about-page .cta{margin-top:clamp(64px,8vw,120px)}@media (min-width:761px) and (max-width:1100px){.about-page__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.about-page__intro{padding-top:120px}.about-page__eyebrow{gap:12px;font-size:9px}.about-page__portrait-layout,.about-page__approach,.about-page__section-head,.about-page__steps,.about-page__projects{grid-template-columns:minmax(0,1fr)}.about-page__portrait-layout{gap:40px}.about-page__section-head{gap:20px;margin-bottom:36px}.about-page__steps{gap:16px}.about-page__welcome .about-page__location{margin-top:28px}}@media (prefers-reduced-motion:reduce){.about-page__project-image img{transition:none}}