*,*::before,*::after{box-sizing:border-box}
:root{--bg:#fff;--ink:#111110;--grey:#8e8e89;--line:#ececea;--type:"Courier Prime","Courier New",Courier,ui-monospace,monospace;--size:.9375rem;color-scheme:light}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--type);font-size:var(--size);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,dl,dd,dt,figure{margin:0;padding:0;font-size:inherit;font-weight:400}
ul{list-style:none}
a{color:var(--ink);text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible,button:focus-visible,img:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
em{font-style:italic}
img{display:block;width:100%;height:auto;background:#f2f2f0}
.grey,.g{color:var(--grey)}
.bg{padding-inline:20px}
.wrap{max-width:26rem;margin:0 auto;min-height:100vh;min-height:100svh;padding-block:4.5rem 3rem;display:flex;flex-direction:column;gap:4rem}
.lc{text-transform:lowercase}
.me{display:flex;flex-direction:column;gap:.25rem}
.me .nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1.25rem;text-transform:lowercase}
.me .nav a{color:var(--grey)}
.me .nav a[aria-current],.me .nav a:hover{color:var(--ink)}
.statement{max-width:34ch}
.index{display:flex;flex-direction:column;gap:1.5rem}
.links{display:flex;flex-direction:column;gap:1.5rem}
.row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:0 .75rem;align-items:baseline;text-transform:lowercase}
.row .no{color:var(--grey);font-variant-numeric:tabular-nums}
.row .sub{display:block;color:var(--grey)}
.row .go{color:var(--grey);transition:transform .2s ease,color .2s ease}
a.row:hover{text-decoration:none}
a.row:hover .name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a.row:hover .go{color:var(--ink);transform:translateX(3px)}
.project{display:flex;flex-direction:column;gap:1.5rem}
.project-head{display:flex;flex-direction:column;gap:1rem}
.title{display:flex;gap:.75rem;align-items:baseline;text-transform:lowercase}
.title .no{color:var(--grey)}
.facts{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.1rem .75rem;text-transform:lowercase}
.facts dt{color:var(--grey)}
.about{max-width:46ch;display:flex;flex-direction:column;gap:1em}
.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .75rem}
.details img{aspect-ratio:1;object-fit:cover}
figure{display:flex;flex-direction:column;gap:.4rem}
figcaption{color:var(--grey);text-transform:lowercase}
.pn{display:flex;justify-content:space-between;gap:1rem;text-transform:lowercase}
.pn a{color:var(--grey)}.pn a:hover{color:var(--ink)}
.prose{max-width:46ch;display:flex;flex-direction:column;gap:1em}
.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--grey)}
.block{display:flex;flex-direction:column;gap:1.5rem}
.label{color:var(--grey);text-transform:lowercase}
.cv{display:flex;flex-direction:column;gap:2.5rem}
.cv section{display:flex;flex-direction:column;gap:.5rem}
.cv li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding:.1rem 0}
.btn{text-transform:lowercase;color:var(--ink)}
.foot{display:flex;flex-direction:column;gap:1.5rem;margin-top:auto;text-transform:lowercase}
.colophon{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.socials{display:flex;flex-direction:column}
.lead img,.details img{cursor:zoom-in}
.printhead{display:none}
.lb{position:fixed;inset:0;z-index:100;background:#fff;display:none;flex-direction:column;text-transform:lowercase}
.lb.open{display:flex}
.lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px;cursor:zoom-out}
.lb-stage img{width:100%;height:100%;object-fit:contain;background:none;cursor:zoom-out}
.lb-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:0 20px 16px;color:var(--grey)}
.lb-bar button{all:unset;cursor:pointer;color:var(--grey);font:inherit}
.lb-bar button:hover{color:var(--ink)}
.lb-cap{order:-1;flex-basis:100%;text-align:center}
body.lock{overflow:hidden}
@media (min-width:860px){
:root{--size:1rem}
.bg{padding-inline:3rem}
.wrap{max-width:72rem;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr auto;column-gap:6rem;row-gap:0}
.me{grid-column:1;grid-row:1/3;align-self:start;position:sticky;top:4.5rem}
.main{grid-column:2;grid-row:1/3}
.foot{grid-column:1/-1;grid-row:3;margin-top:6rem;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:6rem}
.foot h2{grid-column:1}.foot .socials{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:.25rem 2rem}.foot .colophon{grid-column:2}
.links{gap:1.75rem}
.row{grid-template-columns:3rem minmax(0,1fr) auto;gap:0 1.5rem}
.details{grid-template-columns:repeat(3,minmax(0,1fr))}
.lb-stage{padding:28px 48px 12px}.lb-bar{padding:0 48px 20px}.lb-cap{order:0;flex-basis:auto;flex:1}
}
@media (min-width:1180px){.row{grid-template-columns:3rem minmax(0,13rem) minmax(0,1fr) auto}.row .main2{display:contents}.row .sub{display:inline}}
@media print{.me,.foot,.noprint{display:none!important}.wrap{display:block;padding:0;min-height:0}.bg{padding:0}body{font-size:10px}.printhead{display:block;margin-bottom:20px}.cv{gap:14px}.cv li{grid-template-columns:5rem 1fr;padding:0}}