body{letter-spacing:0}.brand-logo{display:block;width:190px;flex-shrink:0}.logo-frame{display:block;position:relative;width:100%;aspect-ratio:720 / 220;overflow:hidden}.logo-frame img{width:100%;height:100%;object-fit:contain}.text-link{white-space:normal;display:inline-block}.portfolio-heading{padding:148px 6vw 40px;max-width:1440px;margin:auto}.portfolio-heading>div{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:32px 0}.portfolio-heading h1{font-size:80px;font-weight:500;line-height:1;margin:0}.portfolio-heading>div>p{color:var(--muted);max-width:300px;margin:0}.project-index{display:flex;flex-wrap:wrap;gap:14px 28px;border-top:1px solid var(--line);padding-top:24px;font-family:var(--mono);font-size:11px}.project-index a:hover,a[aria-current=page]{color:var(--lime)!important}.portfolio-list{max-width:1440px;margin:auto;padding:0 6vw}.portfolio-project{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px;padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px;align-items:center}.portfolio-image img{width:100%;height:auto}.portfolio-copy h2{font-size:36px;font-weight:500;line-height:1.15;margin:24px 0 16px;overflow-wrap:anywhere}.portfolio-copy>p:not(.section-label){color:#b7b7b2;font-size:15px;max-width:440px;line-height:1.8}.portfolio-copy>.text-link{margin-top:20px}.alternate-photo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;padding:14px 0;font-size:12px}.alternate-photo summary{cursor:pointer;color:var(--lime)}.alternate-photo img{margin-top:16px}.alternate-photo p{color:var(--muted)}.portrait-project .portfolio-image{max-width:380px;justify-self:center}.portfolio-contact{padding:88px 6vw;text-align:center}.portfolio-contact h2{font-size:48px;font-weight:500;line-height:1.1}.back-top{display:block;font-size:12px;margin-top:48px;color:var(--muted)}@media(max-width:900px){.portfolio-heading{padding-top:116px}.portfolio-project{gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.portfolio-copy h2{font-size:28px}.portfolio-heading h1{font-size:64px}.site-header nav{font-size:32px;letter-spacing:0}}@media(max-width:600px){.brand-logo{width:160px}.portfolio-heading>div{display:block}.portfolio-heading h1{font-size:48px;margin-bottom:24px}.project-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-project{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 0}.portfolio-copy h2{font-size:32px;margin-top:16px}.portrait-project .portfolio-image{max-width:320px}.portfolio-contact h2{font-size:36px}}