:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#1b1b1b;color:#e8e7e3;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:hover,a:hover{color:white}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}header{position:fixed;right:32px;top:28px;text-align:right;z-index:50;pointer-events:none}header a{pointer-events:auto}.brand{font-size:30px;font-weight:700;letter-spacing:-1.1px}header span{display:block;color:#aaa;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}.top-controls{position:fixed;top:32px;left:30px;display:flex;gap:16px;z-index:50}.top-controls button{font-size:14px;padding:7px 12px;border:1px solid #444;border-radius:24px}.top-controls button+button{border-color:transparent;color:#aaa}nav{position:fixed;top:35%;z-index:50;width:190px}nav h2{font:12px monospace;font-weight:400;letter-spacing:.04em;color:#999;margin:0 0 20px}nav a{display:block;color:#aaa;font-size:14px;line-height:1.5;padding:8px 0;transition:color .25s}nav a.active{color:#fff}nav a.active:before{content:'— ';color:#eee}.artists{left:32px;width:160px}.threads{right:30px;width:190px}.threads a{max-width:180px}#field{position:relative;margin:90px 230px 95px 200px;height:calc(100svh - 185px);min-height:480px;isolation:isolate}.work{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate(-50%,-50%);z-index:var(--z);transition:opacity .5s,filter .5s,left .7s,top .7s,transform .5s;outline-offset:8px}.work img{width:100%;height:auto;max-height:39vh;object-fit:contain;display:block;box-shadow:0 8px 28px #0004;border-radius:2px;background:#161616}.work .caption{position:absolute;left:0;bottom:0;transform:translateY(100%);padding:10px 12px;background:#181818f5;min-width:100%;width:max-content;max-width:260px;opacity:0;pointer-events:none;font-size:14px;line-height:1.4}.caption span{display:block;color:#aaa;font-size:12px}.work:hover,.work:focus-visible{z-index:45!important;transform:translate(-50%,-50%) scale(1.1)}.work:hover .caption,.work:focus-visible .caption{opacity:1}.work.dim{opacity:.12;filter:grayscale(.7)}.work.lit{z-index:30;transform:translate(-50%,-50%) scale(1.13)}.work.dim:hover,.work.dim:focus-visible{opacity:1;filter:none}.work.lit:hover{transform:translate(-50%,-50%) scale(1.18)}footer{position:fixed;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:end;gap:20px;z-index:50;font-size:14px}footer>div:last-child{display:flex;gap:22px;align-items:center}footer button{padding:0}.instruction{display:block;font-size:12px;color:#999;margin-top:7px}#count{font-family:monospace;font-size:12px}dialog{border:0;background:#141414;color:#eee}dialog::backdrop{background:#0b0b0bef;backdrop-filter:blur(10px)}#viewer{width:calc(100vw - 36px);height:calc(100svh - 36px);max-width:none;max-height:none;padding:20px 26px;overflow:hidden}#viewer[open]{display:flex;flex-direction:column}.dialog-top,.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-top{min-height:50px}.dialog-top strong{display:block;font-size:17px;font-weight:400}.dialog-top span{display:block;font-size:13px;color:#aaa;margin-top:6px}#close{align-self:flex-start}#stage{flex:1;min-height:0;margin:22px 0;display:flex;justify-content:center;align-items:center;background:#111}#stage img{width:100%;height:100%;object-fit:contain}#stage iframe{border:0;width:100%;height:100%;background:#000}#stage iframe.terrain{max-width:620px}#stage:fullscreen{margin:0;padding:20px}#modes{display:flex;align-items:center;gap:18px;flex-wrap:wrap}#modes button,#modes a{font-size:14px;color:#aaa;padding:5px 0}#modes button[aria-pressed=true]{color:#fff;border-bottom:1px solid #fff}#status{font-size:12px;color:#999;line-height:1.5;margin:12px 0 0}.dialog-bottom>div:last-child{display:flex;gap:20px}#text-dialog{max-width:750px;width:calc(100% - 30px);max-height:85svh;padding:35px;line-height:1.7}#text-close{float:right}#text-content h1{font-size:32px;line-height:1.15;font-weight:400;margin-top:45px}#text-content p{font-size:17px;color:#c5c5c1}#text-content .eyebrow{font:12px monospace;color:#888}#text-content a{text-decoration:underline}body.index-mode{overflow:auto}body.index-mode #field{height:auto;min-height:calc(100svh - 185px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px 24px;padding:25px 0 60px}body.index-mode .work{position:relative;left:auto!important;top:auto!important;width:100%;transform:none!important}body.index-mode .work img{height:220px;object-fit:contain;box-shadow:none}body.index-mode .caption{position:static;transform:none;opacity:1;width:100%;max-width:none;padding:12px 0;background:transparent}body.index-mode footer{background:#1b1b1bf0;padding-top:12px}
@media(min-width:1500px){.work img{max-height:43vh}nav{width:200px}.artists{left:40px}.threads{right:40px}#field{margin-left:240px;margin-right:270px}}
@media(max-width:1000px){.artists{left:20px;width:125px}.threads{right:20px;width:145px}nav a{font-size:13px}#field{margin-left:155px;margin-right:180px}.brand{font-size:25px}.work img{max-height:32vh}body.index-mode #field{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header{position:relative;top:auto;right:auto;text-align:left;padding:22px 18px 18px}.brand{font-size:27px}header span{font-size:11px}.top-controls{position:absolute;right:14px;left:auto;top:24px;gap:0}.top-controls button{font-size:12px;padding:6px 9px}nav{position:relative;top:auto!important;left:auto!important;right:auto!important;width:auto!important;margin:0 18px;display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;align-items:center}nav h2{display:none}nav a{white-space:nowrap;font-size:13px;padding:9px 0}.threads{margin-top:3px}.threads a{max-width:none}#field{margin:30px 25px 35px;height:calc(100svh - 290px);min-height:430px}.work img{max-height:27vh}footer{position:relative;bottom:auto;left:auto;right:auto;margin:18px;align-items:start;font-size:12px;gap:10px}footer>div:last-child{gap:15px}.instruction{max-width:150px;line-height:1.5}body.index-mode #field{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;min-height:0;padding:0}body.index-mode .work img{height:180px}.work .caption{font-size:12px;width:150px;max-width:150px}.caption span{font-size:11px}#viewer{width:100vw;height:100svh;margin:0;padding:18px}#stage{margin:18px 0}.dialog-top strong{font-size:15px}#modes{gap:12px}#modes button,#modes a{font-size:12px}#text-dialog{padding:24px}.dialog-bottom{gap:8px}}

/* The archive now has enough public practices to behave like the reference site's collection rail. */
@media(min-width:701px){.artists{top:120px;bottom:82px;width:168px;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#4b4b4b transparent}.artists h2{position:sticky;top:0;background:#1b1b1bf2;padding-bottom:10px;margin-bottom:10px;z-index:2}}
.work{left:clamp(10%,var(--x),90%)}
.work img{max-height:25vh}.work.lit{z-index:200}.work:hover,.work:focus-visible{z-index:300!important}
.float-layer{animation:float-art var(--duration,18s) ease-in-out var(--delay,0s) infinite alternate;will-change:transform}
@keyframes float-art{from{transform:translate3d(0,-4px,0)}to{transform:translate3d(var(--drift,3px),4px,0)}}
.work:hover .float-layer,.work:focus-visible .float-layer,body.motion-paused .float-layer,body.modal-open .float-layer{animation-play-state:paused}
body.index-mode .float-layer{animation:none;will-change:auto}
body.page-hidden .float-layer{animation-play-state:paused}
.artists{top:24%;max-height:calc(76svh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent;padding-right:6px}.artists h2{position:sticky;top:0;background:#1b1b1b;padding:5px 0;z-index:1;margin-bottom:12px}.artists a{padding:6px 0}
@media(max-width:700px){header{padding-bottom:55px}.top-controls{top:84px;left:10px;right:auto;gap:8px}.artists{max-height:none;overflow-y:hidden;padding:0}.artists a{padding:9px 0}#field{min-height:650px;height:calc(100svh - 300px);margin-left:18px;margin-right:18px}.work{width:calc(var(--w)*1.3)}.work img{max-height:125px}.work.lit{transform:translate(-50%,-50%) scale(1.18)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.float-layer{animation:none!important;will-change:auto}}
.threads a{max-width:190px;padding:8px 0 9px}.threads a strong{display:block;font-size:14px;font-weight:500;color:#bdbdb9}.threads a span{display:block;font:12px/1.35 monospace;color:#777;margin-top:1px}.threads a:hover strong,.threads a.active strong{color:#fff}.threads a:hover span,.threads a.active span{color:#aaa}
.work img{border-radius:7px}
@keyframes float-art{from{transform:translate3d(calc(var(--drift,8px)*-.45),-10px,0) rotate(-.35deg)}to{transform:translate3d(var(--drift,8px),10px,0) rotate(.35deg)}}
.caption .record{font-family:monospace;color:#747474;margin-top:3px}