:root{--black:#0d0d0d;--white:#fff;--ash:#8c8c8c;--silver:#c7c7c7;--font:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--text-nav:1.3125rem;--text-body:.875rem;--text-fine:.75rem;--gutter:20px;--nav-height:calc(var(--text-nav) + 40px);--aside:max(280px, calc((100vw - 200px) / 3 + 40px))}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--black);font-family:var(--font);font-size:var(--text-body);-webkit-font-smoothing:antialiased;line-height:1.25}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.meta{color:var(--ash)}.title{font-style:italic;font-weight:400;font-size:inherit}.prose{max-width:34em;line-height:1.375}.prose p+p{margin-top:1em}.prose a,.project-info a{text-underline-offset:.15em;text-decoration:underline}.site{flex-direction:column;min-height:100svh;display:flex}.site-main{padding:0 var(--gutter);flex:1}.site-header{z-index:10;grid-template-columns:var(--aside) 1fr;height:var(--nav-height);padding:0 var(--gutter);background:var(--white);font-size:var(--text-nav);letter-spacing:-.015em;align-items:center;line-height:1;display:grid;position:sticky;top:0}.site-nav ul{flex-wrap:wrap;gap:0 1.2em;display:flex}.site-nav a,.mobile-nav a{color:var(--ash);transition:color .15s}.site-nav a:hover,.site-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--black)}.menu-toggle,.mobile-nav{display:none}.site-footer{padding:var(--gutter);font-size:var(--text-fine);color:var(--ash)}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.menu-toggle{font-size:var(--text-body);display:block}.mobile-nav{inset:var(--nav-height) 0 0;padding:var(--gutter);background:var(--white);display:block;position:fixed}.mobile-nav li+li{margin-top:.4em}}.home-image{width:100%;height:calc(100svh - var(--nav-height) - 2 * var(--gutter) - var(--text-fine));object-fit:cover;min-height:300px}.project-grid{gap:48px var(--gutter);padding-top:var(--gutter);grid-template-columns:repeat(3,1fr);align-items:end;display:grid}.project-card{display:block}.project-card-image img{width:100%}.project-card-text{flex-direction:column;gap:4px;margin-top:10px;display:flex}.project-card:hover .title{text-decoration:underline}@media (max-width:1100px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.project-grid{grid-template-columns:1fr}}.project{grid-template-columns:var(--aside) 1fr;align-items:start;display:grid}.project-info{top:var(--nav-height);padding:var(--gutter) var(--gutter) var(--gutter) 0;flex-direction:column;gap:6px;display:flex;position:sticky}.project-info .prose{margin-top:1.5em}.project-images{gap:var(--gutter);padding-top:var(--gutter);flex-direction:column;display:flex}.project-images img{width:auto;max-height:calc(100svh - var(--nav-height) - 2 * var(--gutter))}.project-images figcaption{margin-top:8px}@media (max-width:900px){.project{grid-template-columns:1fr}.project-info{padding-right:0;position:static}}.text-page{padding:var(--gutter) 0;margin-left:var(--aside)}@media (max-width:900px){.text-page{margin-left:0}}