:root{
  --ink:#111;
  --muted:#6b6b6b;
  --rule:#dadada;
  --page:#fff;
  --left:190px;
  --right:260px;
  --gap:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--page)}
body{margin:0;color:var(--ink);background:var(--page);font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.28}
a{color:inherit}
button{font:inherit;color:inherit}
.skip-link{position:fixed;left:8px;top:-50px;z-index:999;background:#fff;border:1px solid #111;padding:6px 8px}
.skip-link:focus{top:8px}

.left-rail,.right-rail{position:fixed;top:0;height:100vh;z-index:10;background:#fff}
.left-rail{left:0;width:var(--left);padding:10px 12px}
.right-rail{right:0;width:var(--right);padding:10px 14px 20px 12px;overflow:auto}
.artist-link,.project-nav a{display:block;text-decoration:none;width:max-content;max-width:100%}
.artist-link{margin-bottom:26px}
.project-nav{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.project-nav a.is-active,.project-nav a:hover,.artist-link:hover{text-decoration:underline;text-underline-offset:2px}

.center-stream{margin-left:var(--left);margin-right:var(--right);min-height:100vh;padding:10px 16px 100px;outline:none}
.stream-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:56px}
.stream-heading h1,.stream-heading p{font:inherit;font-weight:400;margin:0}
.stream-heading p{color:var(--muted)}
.artwork-stream{display:flex;flex-direction:column;align-items:center;gap:12vh}
.work-entry{width:min(100%,860px);margin:0;cursor:pointer}
.work-entry img{display:block;width:100%;height:auto;max-height:84vh;object-fit:contain;object-position:center center;background:#f7f7f7}
.work-entry figcaption{display:grid;grid-template-columns:1.15fr 1.8fr auto;gap:14px;padding-top:4px;font-size:11px}
.work-entry figcaption span:nth-child(2),.work-entry figcaption span:nth-child(3){color:var(--muted)}
.work-entry:nth-child(3n+2){width:min(78%,680px);align-self:flex-start;margin-left:3vw}
.work-entry:nth-child(3n){width:min(72%,620px);align-self:flex-end;margin-right:2vw}
.work-entry:focus-visible{outline:1px solid #111;outline-offset:4px}

.context-panel{max-width:32ch}
.context-panel h2{font:inherit;font-weight:400;margin:0 0 18px}
.context-panel p{margin:0 0 12px}
.context-panel dl{margin:22px 0 0;display:grid;grid-template-columns:70px 1fr;column-gap:8px;row-gap:2px}
.context-panel dt,.context-panel dd{margin:0}.context-panel dt{color:var(--muted)}
.context-panel .small-note{margin-top:28px;color:var(--muted);font-size:11px}
.bio-stream{display:flex;flex-direction:column;gap:14vh;align-items:center}
.bio-stream figure{margin:0;width:min(100%,760px)}
.bio-stream figure:nth-child(2){width:min(75%,560px);align-self:flex-end}
.bio-stream img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain}

.viewer{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#fff;color:#111}
.viewer::backdrop{background:#fff}
.viewer[open]{display:grid;grid-template-columns:52px 1fr 52px;align-items:center}
.viewer-stage{height:100vh;padding:34px 0 12px;display:flex;flex-direction:column;justify-content:center}
.viewer-stage img{width:100%;height:calc(100vh - 80px);object-fit:contain}
.viewer-meta{display:grid;grid-template-columns:1fr 1.5fr auto;gap:14px;padding-top:4px;font-size:11px}
.viewer-meta span:nth-child(2),.viewer-meta span:nth-child(3){color:var(--muted)}
.viewer button{appearance:none;border:0;background:transparent;cursor:pointer;padding:0}
.viewer-close{position:absolute;top:10px;right:12px}
.viewer-prev,.viewer-next{height:100%}

@media(max-width:1000px){
  :root{--left:155px;--right:220px}
  .work-entry:nth-child(n){width:min(100%,760px);align-self:center;margin-left:0;margin-right:0}
}
@media(max-width:760px){
  :root{--left:0px;--right:0px}
  body{font-size:12px}
  .left-rail{position:sticky;top:0;width:100%;height:auto;padding:9px 10px 8px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
  .artist-link{margin:0;white-space:nowrap}
  .project-nav{display:flex;flex-direction:row;gap:10px;overflow-x:auto;white-space:nowrap;padding-bottom:2px;scrollbar-width:none}
  .project-nav::-webkit-scrollbar{display:none}
  .right-rail{position:static;width:auto;height:auto;padding:18px 10px 35px;border-top:1px solid var(--rule)}
  .context-panel{max-width:55ch}
  .center-stream{margin:0;padding:14px 10px 70px}
  .stream-heading{margin-bottom:38px}
  .artwork-stream{gap:64px}
  .work-entry figcaption{grid-template-columns:1fr auto}
  .work-entry figcaption span:nth-child(2){display:none}
  .bio-stream{gap:60px}.bio-stream figure:nth-child(n){width:100%;align-self:auto}
  .viewer[open]{grid-template-columns:30px 1fr 30px}.viewer-meta{grid-template-columns:1fr}.viewer-meta span:nth-child(2){display:none}
}