.top-controls{align-items:center;gap:14px}.top-controls>a{font-size:14px;padding:7px 0;color:#aaa}.top-controls>a[aria-current=page]{color:#fff;border-bottom:1px solid #ccc}.top-controls #reset{margin-left:12px}body.reading-mode #motion{display:none}
#reader[hidden],#essay-focus[hidden],#thread-reading[hidden]{display:none!important}
#reader{position:fixed;top:110px;bottom:90px;left:32px;width:385px;overflow-y:auto;padding-right:26px;scrollbar-width:thin;scrollbar-color:#555 transparent;z-index:55}.reader-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#aaa;line-height:1.5}.reader-top a{font-size:14px;color:#ddd}#essay-body .eyebrow{display:none}#essay-body h1{font-size:36px;letter-spacing:-1.2px;font-weight:400;line-height:1.08;margin:30px 0 25px}#essay-body p{font-size:16px;color:#c4c4c1;line-height:1.75;margin:0 0 23px}.text-work{display:inline;padding:0;font:inherit;text-align:left;color:#f1f0eb;text-decoration:underline;text-decoration-color:#777;text-underline-offset:4px}.text-work:hover,.text-work[aria-pressed=true]{text-decoration-color:#fff;color:#fff}.essay-works{border-top:1px solid #414141;padding-top:20px;margin-top:30px}.essay-works h2{font:12px monospace;color:#aaa}.essay-works button{display:block;text-align:left;font-size:14px;padding:10px 0;line-height:1.5}.essay-works button span{display:block;color:#999;font-size:12px}.essay-works button[aria-pressed=true]{text-decoration:underline}#essay-all{border:1px solid #666;border-radius:20px;padding:7px 14px;margin:16px 0 25px}
body.reading-mode .artists,body.reading-mode .threads{display:none}body.reading-mode #field{margin-left:460px;margin-right:50px;height:calc(100svh - 250px);min-height:400px;margin-top:110px}body.reading-mode #shuffle,body.reading-mode #arrange,body.reading-mode #reset{display:none}body.reading-mode .work.dim{opacity:.065}body.reading-mode .essay-work{width:25%;z-index:200}body.reading-mode .essay-work img{max-height:27vh}body.reading-mode .essay-work .caption{opacity:1;font-size:13px;padding:7px 0;background:#1b1b1bd9;max-width:210px;width:100%;white-space:normal}body.reading-mode .essay-work .caption span{font-size:11px}body.reading-mode .essay-muted{opacity:.23}body.reading-mode .work.spotlight{opacity:1;transform:translate(-50%,-50%) scale(1.28);z-index:250}.reading-mode .float-layer{animation-play-state:paused}#essay-focus{position:fixed;left:480px;right:50px;bottom:82px;font-size:14px;z-index:45;padding:14px 0;border-top:1px solid #454545}#essay-focus span{font:12px monospace;color:#999;display:block;margin-bottom:7px}#essay-focus strong{font-size:16px;font-weight:400;margin-right:20px}#essay-focus p{margin:0;color:#bbb}#essay-focus a{display:inline-block;text-decoration:underline;text-underline-offset:4px}.essay-backlink{border-left:1px solid #555;padding-left:15px!important}
#thread-reading{position:fixed;right:30px;bottom:90px;width:190px;z-index:50;background:#1b1b1b;border-top:1px solid #555;padding-top:14px;font-size:14px}#thread-reading span{font:12px monospace;color:#999;display:block;margin-bottom:10px}#thread-reading a{display:block;line-height:1.5}#thread-reading p{font-size:13px;line-height:1.5;color:#aaa}.threads:has(~ #thread-reading:not([hidden])){top:22%}
@media(max-width:1000px){#reader{width:330px;left:22px}body.reading-mode #field{margin-left:385px;margin-right:25px}#essay-focus{left:390px;right:25px}.top-controls{gap:10px}.top-controls button{font-size:12px}#thread-reading{width:145px;right:20px}#thread-reading p{display:none}}
@media(max-width:700px){.top-controls{top:84px;left:18px;right:18px;gap:16px;flex-wrap:wrap}.top-controls #reset{margin-left:0}.top-controls button{padding:4px}.top-controls>a{font-size:14px}header{padding-bottom:100px}#reader{position:relative;top:auto;bottom:auto;left:auto;width:auto;margin:0 22px;padding:0;overflow:visible}#essay-body h1{font-size:34px;margin-top:22px}body.reading-mode #field{position:sticky;top:0;z-index:52;background:#1b1b1bf5;margin:0 0 24px;height:300px;min-height:300px;border-bottom:1px solid #444}body.reading-mode .essay-work{width:19%}body.reading-mode .essay-work img{max-height:90px}body.reading-mode .essay-work .caption{display:none}body.reading-mode #field .work:not(.essay-work){visibility:hidden}#essay-focus{position:relative;left:auto;right:auto;bottom:auto;margin:0 22px 20px}#essay-focus a{margin-top:10px;display:block}#thread-reading{position:relative;right:auto;bottom:auto;width:auto;margin:0 22px 25px}#thread-reading p{display:block}.essay-backlink{border:0;padding-left:0!important}}
#reader{width:410px}body.reading-mode #field{margin-left:485px}#essay-focus{left:505px}
#essay-body h2{font-size:18px;line-height:1.45;font-weight:500;margin:42px 0 18px;color:#ecebe7}#essay-body hr{border:0;border-top:1px solid #444;margin:35px 0}#essay-body a{text-decoration:underline;text-underline-offset:3px}#essay-body figure{margin:30px 0}#essay-body figure img{display:block;width:100%;height:auto;border-radius:7px}#essay-body figcaption{font:12px/1.5 monospace;color:#888;margin-top:8px}#essay-body blockquote{margin:28px 0;padding-left:18px;border-left:1px solid #777}.essay-subtitle{font-size:18px!important;line-height:1.5!important;color:#aaa!important;margin-top:-10px!important}.article-credit{font:12px/1.6 monospace;color:#999;margin:32px 0}.article-companion{border-left:1px solid #777;padding:14px 0 14px 16px;margin:28px 0}.article-companion span{font:12px monospace;color:#999}.article-companion p{font-size:14px!important;margin:8px 0!important}.article-companion a{display:block;font-size:13px;padding:3px 0}
#work-context{position:absolute;left:40px;bottom:78px;width:min(390px,38vw);max-height:38vh;overflow:auto;z-index:4;background:#141414ed;border-left:1px solid #666;padding:15px 18px}.viewer-context-title{font:12px monospace;color:#999}.viewer-lenses{font-size:13px;color:#bbb;margin:7px 0 7px}.viewer-record{font:11px/1.5 monospace;color:#858585;margin:0 0 14px}.viewer-excerpt{font-size:15px;line-height:1.6;color:#ddd;margin:0 0 12px}#work-context a{font-size:13px;text-decoration:underline;text-underline-offset:3px}.viewer-writing-link{display:block;margin:8px 0;line-height:1.4}
.writing-index h1{margin-bottom:12px}.writing-index>p{color:#999!important}.writing-entry{display:block;border-top:1px solid #444;padding:20px 0;margin-top:30px;text-decoration:none!important}.writing-entry span{font:12px monospace;color:#999}.writing-entry strong{display:block;font-size:21px;font-weight:400;margin:9px 0}.writing-entry em{display:block;font-style:normal;color:#aaa;font-size:14px;line-height:1.5}
@media(max-width:1000px){#reader{width:350px}body.reading-mode #field{margin-left:410px}#essay-focus{left:430px}}
@media(max-width:700px){#reader{width:auto}body.reading-mode #field{margin-left:0}#essay-focus{left:auto}#work-context{left:18px;right:18px;bottom:95px;width:auto;max-height:30vh}}
.article-companion a{border-top:1px solid #383838;margin-top:8px;padding-top:9px}.article-companion a b{display:block;font:10px/1.4 monospace;letter-spacing:.04em;text-transform:uppercase;color:#8f8f8c;margin-bottom:3px}.viewer-writing>span{display:block;font:11px/1.4 monospace;color:#999;margin-bottom:10px}.viewer-writing article{border-top:1px solid #3b3b3b;padding:12px 0}.viewer-writing article b{display:block;font:10px/1.4 monospace;text-transform:uppercase;letter-spacing:.05em;color:#9c9c98}.viewer-writing article p{font-size:14px;line-height:1.55;color:#ccc;margin:5px 0 7px}.viewer-writing-link{font-size:13px!important}.writing-group{margin-top:42px}.writing-group>h2{border-bottom:1px solid #555;padding-bottom:10px;margin-bottom:0!important;font:15px/1.4 monospace!important}.writing-group>h2 span{display:block;color:#8d8d89;font-size:11px;margin-top:4px}.writing-group .writing-entry{margin-top:0}.writing-group .writing-entry strong{line-height:1.25}#thread-reading article{border-top:1px solid #3c3c3c;padding:10px 0}#thread-reading article:first-of-type{border-top:0;padding-top:0}#thread-reading article p{margin:5px 0 0}#thread-reading article a{font-size:13px}.threads:has(~ #thread-reading:not([hidden])){top:18%}
@media(max-width:700px){.writing-group{margin-top:32px}#thread-reading article p{display:block}.viewer-writing article p{font-size:13px}}

body.reading-mode .essay-work{width:var(--essay-w,25%)}
@media(max-width:700px){body.reading-mode .essay-work{width:19%}}

/* Keep the lenses and related writing in one responsive rail so they never overlap. */
@media(min-width:701px){
.right-rail{position:fixed;top:108px;right:30px;bottom:76px;width:190px;z-index:50;display:flex;flex-direction:column;gap:22px;min-height:0}
.right-rail .threads{position:relative;top:auto!important;right:auto;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}
.right-rail #thread-reading{position:relative;right:auto;bottom:auto;width:100%;max-height:min(190px,30svh);flex:0 0 auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}
}
@media(max-width:1000px) and (min-width:701px){.right-rail{right:20px;width:145px}}
@media(max-height:720px) and (min-width:701px){
.right-rail{top:96px;bottom:70px;gap:14px}
.right-rail .threads a{padding:5px 0 6px}
.right-rail .threads h2{margin-bottom:9px}
.right-rail #thread-reading{max-height:132px;padding-top:10px}
.right-rail #thread-reading p{display:none}
}
@media(max-width:700px){.right-rail{position:relative;inset:auto;width:auto}.right-rail .threads{position:relative}.right-rail #thread-reading{position:relative}}

/* Editorial frame: one masthead, two balanced rails, artwork at the centre. */
.masthead{position:fixed;inset:0 0 auto 0;height:88px;padding:20px 32px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;border-bottom:1px solid #30302d;background:linear-gradient(180deg,#1b1b1b 70%,#1b1b1be8);text-align:left;z-index:70;pointer-events:auto}
.masthead .brand{justify-self:start;pointer-events:auto;line-height:1}.masthead .brand strong{display:block;font-size:28px;font-weight:700;letter-spacing:-1.1px}.masthead .brand span{display:block;margin-top:7px;color:#8e8e89;font:11px/1.2 monospace;letter-spacing:.08em;text-transform:uppercase}
.masthead .primary-nav{position:static;display:flex;width:auto;gap:24px;align-items:center;justify-self:center;margin-top:4px}.masthead .primary-nav a{display:block;padding:6px 0;color:#8e8e89;font-size:13px;line-height:1.2}.masthead .primary-nav a[aria-current=page]{color:#f0efeb;border-bottom:1px solid #aaa}.masthead .primary-nav a:before{content:none}
.utility-controls{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:17px;white-space:nowrap;margin-top:4px}.utility-controls button,.utility-controls a{display:block;padding:6px 0;color:#92928d;font-size:12px;line-height:1.2}.utility-controls button:hover,.utility-controls a:hover,.utility-controls button[aria-pressed=true]{color:#f0efeb}.utility-controls #reset{border-left:1px solid #444;padding-left:17px}
.rail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #3b3b37;padding:0 0 11px;margin-bottom:7px}.rail-heading h2,.rail-heading>span{margin:0!important;padding:0!important;background:none!important;font:11px/1.2 monospace!important;font-weight:400!important;letter-spacing:.055em;color:#8c8c87!important;text-transform:uppercase}.rail-heading b{font:10px/1 monospace;font-weight:400;color:#74746f}
@media(min-width:701px){
.artists{position:fixed;top:112px;bottom:70px;left:32px;width:205px;max-height:none;overflow:hidden;padding:0;display:flex;flex-direction:column;z-index:50}
.artist-list{min-height:0;overflow-y:auto;padding:4px 12px 22px 0;scrollbar-width:thin;scrollbar-color:#41413e transparent;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 25px),transparent 100%)}
.artists a{position:relative;padding:5px 0 5px 11px;color:#979792;font-size:13px;line-height:1.25;border-left:1px solid transparent}.artists a.active{color:#f2f1ec;border-left-color:#d3d2cd}.artists a.active:before{content:none}.artists a:hover{color:#e7e6e1}
.right-rail{top:112px;right:32px;bottom:70px;width:205px;gap:22px}
.right-rail .threads{flex:1 1 auto;width:100%;padding:0;overflow-y:auto}
.lens-list{padding-top:3px}.threads a{max-width:none;padding:7px 0 8px;border-left:1px solid transparent}.threads a.active{border-left-color:#d3d2cd;padding-left:10px}.threads a.active:before{content:none}.threads a strong{font-size:13px}.threads a span{font-size:11px;line-height:1.4}
.right-rail #thread-reading{width:100%;max-height:min(190px,29svh);padding:0;overflow-y:auto;border-top:0;background:transparent}.right-rail #thread-reading .rail-heading{margin-bottom:0}.right-rail #thread-reading article{padding:9px 0;border-top:1px solid #353532}.right-rail #thread-reading article:first-of-type{border-top:0}.right-rail #thread-reading article a{font-size:12px;line-height:1.4;color:#c8c7c2}.right-rail #thread-reading article a:hover{color:#fff}
#field{margin:98px 262px 72px;height:calc(100svh - 170px);min-height:480px}
footer{left:32px;right:auto;bottom:22px}.instruction{margin-top:5px}
}
@media(min-width:701px) and (max-width:1180px){.masthead{padding-left:22px;padding-right:22px}.masthead .brand strong{font-size:24px}.masthead .primary-nav{gap:16px}.utility-controls{gap:12px}.utility-controls button,.utility-controls a{font-size:11px}.artists{left:22px;width:170px}.right-rail{right:22px;width:170px}#field{margin-left:215px;margin-right:215px}}
@media(max-height:720px) and (min-width:701px){.masthead{height:82px;padding-top:17px}.artists,.right-rail{top:96px;bottom:66px}.artists a{padding-top:4px;padding-bottom:4px}.right-rail{gap:14px}.right-rail #thread-reading{max-height:112px}.threads a{padding-top:5px;padding-bottom:6px}#field{margin-top:88px;height:calc(100svh - 150px)}}
@media(max-width:700px){
.masthead{position:relative;inset:auto;height:auto;display:block;padding:20px 18px 0;border-bottom:1px solid #363633}.masthead .brand strong{font-size:27px}.masthead .primary-nav{display:flex;justify-content:flex-start;margin-top:17px;gap:22px}.utility-controls{margin:11px -18px 0;padding:10px 18px 11px;display:flex;justify-content:flex-start;gap:18px;overflow-x:auto;border-top:1px solid #30302d;scrollbar-width:none}.utility-controls #reset{border:0;padding-left:0}.utility-controls button,.utility-controls a{font-size:12px}
.artists{position:relative!important;inset:auto!important;width:auto!important;max-height:none;margin:17px 18px 0;padding:0;display:block;overflow:hidden}.artists .rail-heading{display:flex}.artist-list{display:flex;gap:18px;overflow-x:auto;padding:3px 0 9px;scrollbar-width:none}.artists a{flex:0 0 auto;white-space:nowrap;padding:7px 0;border:0}.artists a.active{border-bottom:1px solid #ddd}.artists a.active:before{content:none}
.right-rail{position:relative;inset:auto;width:auto;margin:5px 18px 0;display:block}.right-rail .threads{position:relative;width:auto!important;margin:0!important;display:block;overflow:hidden}.right-rail .rail-heading{display:flex}.lens-list{display:flex;gap:20px;overflow-x:auto;padding:3px 0 8px;scrollbar-width:none}.threads a{flex:0 0 auto;white-space:nowrap;max-width:none;padding:7px 0}.threads a span{display:none}.threads a.active{border-bottom:1px solid #ddd}.threads a.active:before{content:none}.right-rail #thread-reading{position:relative;width:auto;margin:12px 0 0;padding:0}.right-rail #thread-reading article a{font-size:13px}
#field{margin:25px 18px 34px;height:calc(100svh - 400px);min-height:560px}.work{width:calc(var(--w)*1.25)}.work img{max-height:125px}footer{position:relative;inset:auto;margin:18px;padding:0 0 4px}.instruction{max-width:none}
}

/* Collection depth: hierarchy, constellation spacing and a warmer archival black. */
:root,body{background:#191816;color:#eeeae2}
.masthead{border-bottom-color:#34312c;background:linear-gradient(180deg,#191816 70%,#191816ed)}
.masthead .brand span,.masthead .primary-nav a,.utility-controls button,.utility-controls a,.rail-heading h2,.rail-heading>span{color:#969188!important}
.masthead .primary-nav a[aria-current=page],.utility-controls button:hover,.utility-controls a:hover,.utility-controls button[aria-pressed=true]{color:#f3eee4!important}
.rail-heading{border-bottom-color:#3d3932}.artists a{color:#9e9990}.artists a:hover{color:#e9e3d8}.artists a.active{color:#f5efe4;border-left-color:#d7cfc1}.threads a.active{border-left-color:#d7cfc1}.threads a strong{color:#c5bfb5}.threads a span{color:#7f7a72}.right-rail #thread-reading article{border-top-color:#39352f}.right-rail #thread-reading article a{color:#cec7bc}
#field{isolation:isolate}.work{left:clamp(5.5%,var(--x),94.5%);top:clamp(5.5%,var(--y),94.5%);transition:opacity .52s ease,filter .52s ease,left .68s cubic-bezier(.22,.74,.24,1),top .68s cubic-bezier(.22,.74,.24,1),transform .52s cubic-bezier(.22,.74,.24,1)}
.work img{background:#141311;box-shadow:0 10px 34px #06050478,0 1px 0 #ffffff0b;border-radius:7px}
.float-layer{animation-name:float-art-depth;animation-timing-function:ease-in-out;animation-direction:alternate;filter:brightness(var(--depth-brightness,1));transform-origin:50% 52%}
.priority-tier-1{--depth-brightness:1.035}.priority-tier-2{--depth-brightness:1}.priority-tier-3{--depth-brightness:.965}
@keyframes float-art-depth{from{transform:translate3d(var(--float-from-x,0),var(--float-from-y,-4px),0) rotate(var(--tilt-from,-.1deg))}to{transform:translate3d(var(--float-to-x,5px),var(--float-to-y,4px),0) rotate(var(--tilt-to,.1deg))}}
.work.lit{left:var(--focus-x,var(--x));top:var(--focus-y,var(--y));z-index:700!important;transform:translate(-50%,-50%) scale(1.22);filter:none;opacity:1}
.work.lit:hover,.work.lit:focus-visible{transform:translate(-50%,-50%) scale(1.29)}
.work.dim{opacity:.085;filter:grayscale(.72) brightness(.62)}
.work.dim:hover,.work.dim:focus-visible{opacity:.94;filter:none}
body.reading-mode .work.lit{left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
body.index-mode .work{left:auto;top:auto}.caption,.right-rail #thread-reading{background:#191816f2}
dialog{background:#12110f;color:#f0ebe2}#stage{background:#0f0e0c}#work-context{background:#12110fee}
@media(max-width:700px){.work.lit{transform:translate(-50%,-50%) scale(1.2)}.work.lit:hover,.work.lit:focus-visible{transform:translate(-50%,-50%) scale(1.24)}}