/* Klay Exhibitions -- the VISITOR twin of the Klay Curator (../clay/tools/release/curator/app.css):
   same palette, roles and type, no curator controls. Light = the gallery wall; dark = the Klay
   app's chrome with the wall at #181818 (user rule 2026-10-05). The accent is never a solid block:
   a selected / primary control is a wash + a contour (--pri / --pri-line), label in --ink. */
:root{
  --wall:#f6f6f3; --mat:#ebebe7; --mat2:#e4e4df; --paper:#ffffff;
  --ink:#121212; --ink2:#4a4a47; --ink3:#8b8b86;
  --rule:rgba(18,18,18,.10); --hover:rgba(18,18,18,.045); --sel:rgba(18,18,18,.075);
  --live:#2f7d4f; --soon:#a8742a;
  --pri:#121212; --pri-fg:#f6f6f3; --pri-hover:#2a2a2a; --pri-line:#121212;
  --glass:rgba(246,246,243,.92); --shadow:rgba(0,0,0,.13);
  --serif:'Cormorant Garamond',Georgia,serif; --sans:Inter,system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --r:6px; --maxw:1360px; --gut:36px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --wall:#181818; --mat:#202020; --mat2:#1c1c1c; --paper:#222222;
  --ink:#e4e4e7; --ink2:#cccccc; --ink3:#a6a6a6;
  --rule:rgba(255,255,255,.08); --hover:rgba(255,255,255,.045); --sel:rgba(255,255,255,.07);
  --live:#6fbf8b; --soon:#d9b06a;
  --pri:rgba(226,152,133,.20); --pri-fg:#e4e4e7; --pri-hover:rgba(226,152,133,.30); --pri-line:rgba(226,152,133,.45);
  --glass:rgba(24,24,24,.9); --shadow:rgba(0,0,0,.45);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0}
body{background:var(--wall);color:var(--ink);font:13px/1.5 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;
  transition:background-color .25s,color .25s}
main{flex:1;outline:none}
button,input,select{font:inherit;color:inherit}
a{color:inherit}
img{max-width:100%}
.skip{position:absolute;left:-999px;top:8px;z-index:30;background:var(--paper);padding:6px 12px;border:1px solid var(--rule);border-radius:999px}
.skip:focus{left:12px}
:focus-visible{outline:2px solid var(--ink3);outline-offset:2px}

/* ---- top bar ---- */
.top{border-bottom:1px solid var(--rule)}
.topin{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);height:60px;display:flex;align-items:center;gap:14px}
.brand{display:inline-flex;align-items:center;height:30px}
.brand img{width:22px;height:22px;display:block}
.logo-dark{display:none!important}
:root[data-theme="dark"] .logo-light{display:none!important}
:root[data-theme="dark"] .logo-dark{display:block!important}
.brandlbl{font:500 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);text-decoration:none}
.tabs{display:flex;gap:2px;margin-left:auto}
.tabs a{text-decoration:none;color:var(--ink2);padding:6px 12px;border-radius:999px;font-size:12px}
.tabs a:hover{background:var(--hover)}
.tabs a.on{background:var(--sel);color:var(--ink);font-weight:500}
/* Artist sign-in (2026-10-06, user): always visible in the top bar, a contoured pill so it reads as the
   way in for artists, apart from the gallery tabs. */
.artistlink{text-decoration:none;color:var(--ink);font-size:12px;font-weight:500;padding:6px 13px;border-radius:999px;
  border:1px solid var(--rule);white-space:nowrap;transition:background-color .2s,border-color .2s}
.artistlink:hover{background:var(--hover);border-color:var(--ink3)}
@media (max-width:520px){.artistlink{padding:5px 10px;font-size:11.5px}}

/* sun / moon toggle (the curator's): light shows the SUN, dark the MOON */
.themetog{width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--ink3);cursor:pointer;display:grid;place-items:center;transition:background-color .2s,color .2s;flex:none}
.themetog:hover{background:var(--hover);color:var(--ink)}
.themetog svg{width:18px;height:18px;overflow:visible}
.themetog .orb{transition:r .45s cubic-bezier(.2,.8,.2,1)}
.themetog .bite{transition:cx .45s cubic-bezier(.2,.8,.2,1),cy .45s cubic-bezier(.2,.8,.2,1)}
.themetog .rays{transform-origin:12px 12px;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.themetog .spin{transform-origin:12px 12px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.themetog .orb{r:5px} .themetog .bite{cx:30px;cy:-6px} .themetog .spin{transform:rotate(90deg)}
:root[data-theme="dark"] .themetog .orb{r:7.5px}
:root[data-theme="dark"] .themetog .bite{cx:16px;cy:8.5px}
:root[data-theme="dark"] .themetog .rays{transform:scale(.4) rotate(-45deg);opacity:0}
:root[data-theme="dark"] .themetog .spin{transform:rotate(0deg)}

/* ---- page ---- */
.page{max-width:var(--maxw);margin:0 auto;padding:30px var(--gut) 64px}
.eyebrow{font:400 9.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}
h1{font:400 38px/1.1 var(--serif);margin:6px 0 0}
h2.sech{display:flex;align-items:center;gap:10px;margin:34px 0 16px;font:400 9.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}
h2.sech::after{content:'';flex:1;height:1px;background:var(--rule)}
h2.sech .n{color:var(--ink2)}
.head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.head .grow{flex:1;min-width:0}
.loading,.empty{padding:70px 0;text-align:center;color:var(--ink3);font:italic 22px var(--serif)}
.empty .btn{margin-top:18px;font:500 12px var(--sans)}
.empty p{font:13px/1.6 var(--sans);color:var(--ink3);margin:10px 0 0}

/* ---- buttons, chips, segmented ---- */
.btn{border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:0 15px;height:32px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:background-color .15s,border-color .15s}
.btn:hover{background:var(--mat)}
.btn.pri{background:var(--pri);color:var(--pri-fg);border-color:var(--pri-line)} .btn.pri:hover{background:var(--pri-hover)}
.btn.ghost{background:none;border-color:transparent;color:var(--ink2)} .btn.ghost:hover{background:var(--hover);color:var(--ink)}
.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}
.btn .sub{font:400 11px var(--mono);opacity:.7}
.btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--rule);background:none;cursor:pointer;font-size:11.5px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.chip:hover{background:var(--hover)}
.chip.on{background:var(--pri);color:var(--pri-fg);border-color:var(--pri-line)}
.chip .n{font:10px var(--mono);opacity:.6}
/* The lit segment is its OWN pill inside a 2px-padded track (user 2026-10-06): a square segment clipped by
   the track's rounded overflow cut its contour off at the outer corners in dark mode. */
.seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--rule);border-radius:999px;flex:none}
.seg button{border:0;background:none;height:24px;padding:0 10px;border-radius:999px;cursor:pointer;color:var(--ink3);display:grid;place-items:center}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--pri);color:var(--pri-fg);box-shadow:inset 0 0 0 1px var(--pri-line)}
.seg svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6}
.sel{height:28px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);padding:0 10px;font-size:11.5px;color:var(--ink2);cursor:pointer}

/* ---- toolbar (sticky) ---- */
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--wall);z-index:5;transition:background-color .25s}
.search{flex:0 1 260px;min-width:0;height:30px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);padding:0 12px 0 30px;outline:none;font-size:12px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b8b86' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px 50%}
.search:focus{border-color:var(--ink3)}
.search::-webkit-search-cancel-button{cursor:pointer}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.spacer{flex:1}
.vsep{width:1px;height:20px;background:var(--rule);margin:0 2px}
.count{font:10.5px var(--mono);color:var(--ink3)}

/* ---- accession number KL.YYYY.NNN ---- */
.acc{font:500 12px var(--mono);letter-spacing:.06em;color:var(--ink)}
.acc .p{color:var(--ink3)}
.acc.big{font-size:18px;letter-spacing:.04em}
.acc.huge{font-size:30px;letter-spacing:.03em;font-weight:400}

/* ---- pictures: fixed boxes, so nothing shifts while they load ---- */
.art{position:relative;aspect-ratio:4/5;background:var(--mat);overflow:hidden;display:block}
.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.art img.ld{opacity:1}
.art img.err{display:none}
.art.none{background:repeating-linear-gradient(135deg,var(--mat) 0 8px,var(--mat2) 8px 16px)}
.art .tag{position:absolute;top:10px;left:10px;z-index:1;background:var(--glass);color:var(--ink);font:9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:4px 8px}
.disc{border-radius:50%;background:var(--mat);display:inline-grid;place-items:center;overflow:hidden;flex:none;color:var(--ink2);font:500 10px var(--sans);position:relative}
.disc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.disc img.ld{opacity:1}

/* ---- status ---- */
.st{display:inline-flex;align-items:center;gap:6px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.st i{width:7px;height:7px;border-radius:50%;display:block;flex:none}
.st.live i{background:var(--live)} .st.soon i{background:var(--soon)}

/* ---- hero ---- */
.hero{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:44px;align-items:center;padding:6px 0 34px}
.hero .art{box-shadow:0 18px 50px var(--shadow)}
.hero .t{font:italic 400 52px/1.02 var(--serif);margin:10px 0 10px}
.hero .t a{text-decoration:none}
.hero .by{color:var(--ink2);font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hero .stmt{color:var(--ink2);max-width:520px;line-height:1.65;font-size:13.5px;margin:16px 0 0}
.hero .btns{margin-top:22px}

/* ---- artist chip (the link to an artist page) ---- */
.achip{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);border:1px solid var(--rule);border-radius:999px;padding:3px 12px 3px 3px;font-size:12.5px;transition:background-color .15s}
.achip:hover{background:var(--hover)}

/* ---- grid ---- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:32px 26px}
.card{display:block;text-decoration:none;color:inherit}
.card .art{transition:box-shadow .2s}
.card:hover .art{box-shadow:0 10px 30px var(--shadow)}
.card .meta{padding-top:12px}
.card .t{font:italic 400 21px/1.15 var(--serif);margin:6px 0 2px}
.card .a{color:var(--ink2);font-size:12px}
.card .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.card .sz{font:10.5px var(--mono);color:var(--ink3);white-space:nowrap}

/* ---- catalogue rows ---- */
.cat{border-top:1px solid var(--rule)}
.catrow{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:26px;padding:22px 0;border-bottom:1px solid var(--rule);align-items:start}
.catrow .art-l{display:block;text-decoration:none}
.catrow .t{font:italic 400 26px/1.1 var(--serif);margin:6px 0 4px}
.catrow .t a{text-decoration:none}
.catrow .t a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.catrow .a{color:var(--ink2);font-size:12.5px}
.catrow .m{font:10.5px var(--mono);color:var(--ink3);margin-top:8px;letter-spacing:.04em}
.catrow .s{color:var(--ink2);font-size:12.5px;margin-top:10px;line-height:1.6;max-width:640px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catrow .cside{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:4px}

/* ---- artists directory ---- */
.adir{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.acard{background:var(--paper);border:1px solid var(--rule);padding:18px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;text-decoration:none;color:inherit;transition:box-shadow .15s,background-color .25s}
.acard:hover{box-shadow:0 8px 24px var(--shadow)}
.acard .n{font:400 22px/1.1 var(--serif)}
.acard .c{color:var(--ink3);font-size:11.5px;margin-top:2px}
.acard .no{font:10px var(--mono);color:var(--ink3);letter-spacing:.1em;margin-top:6px;text-transform:uppercase}
.acard .strip{display:grid;grid-template-columns:repeat(6,minmax(0,34px));gap:4px;margin-top:12px}
.alist{border-top:1px solid var(--rule)}
.arow{display:grid;grid-template-columns:48px minmax(0,1fr) auto 14px;gap:16px;align-items:center;padding:14px 6px;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit;transition:background-color .15s}
.arow:hover{background:var(--hover)}
.arow .n{font:400 23px/1.1 var(--serif)}
.arow .c{color:var(--ink3);font-size:12px;margin-top:2px}
.arow .c i{font-family:var(--serif);font-size:15px;color:var(--ink2)}
.arow .no{font:10px var(--mono);color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.arow .chev{color:var(--ink3);font-size:16px}

/* ---- artist page: banner, the avatar riding its bottom-left edge, name + tagline beside it;
   body = works left, a sticky facts column right (the curator's layout B) ---- */
.back{margin:-6px 0 14px -12px}
.ahead{position:relative;margin:0 0 96px}
.banner{position:relative;aspect-ratio:16/5;background:linear-gradient(120deg,var(--mat),var(--mat2));overflow:hidden;border:1px solid var(--rule)}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.banner img.ld{opacity:1}
.avatar{position:absolute;left:36px;bottom:-62px;width:148px;height:148px;border-radius:50%;border:5px solid var(--wall);background:var(--mat);overflow:hidden;display:grid;place-items:center;font:400 54px var(--serif);color:var(--ink2);box-shadow:0 8px 24px var(--shadow);transition:border-color .25s}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.avatar img.ld{opacity:1}
.aid{position:absolute;left:206px;bottom:-84px;right:0}
.pname{font:400 42px/1.05 var(--serif);margin:0}
.tagline{font:italic 19px var(--serif);color:var(--ink2);margin-top:2px}
.pbody{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.pbody h2.sech:first-child{margin-top:0}
.side{position:sticky;top:20px;display:flex;flex-direction:column;gap:22px;padding-left:32px;border-left:1px solid var(--rule)}
.bio{font:400 19px/1.55 var(--serif);color:var(--ink2);margin:8px 0 0;white-space:pre-wrap}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pstats div{padding:12px 0}
.pstats b{display:block;font:400 26px var(--serif)}
.pstats span{font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.facts{display:flex;flex-direction:column;gap:9px;font-size:12.5px;color:var(--ink2)}
.facts a{color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--rule);word-break:break-all}
.facts a:hover{color:var(--ink);border-color:var(--ink3)}
.facts .k{display:inline-block;min-width:84px;font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}

/* ---- work page: the whole picture on the wall, uncropped, in a FIXED stage (thumb first, the
   full image fades in over it -- no layout jump) ---- */
.work{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:52px;align-items:start}
.stage{position:relative;height:clamp(380px,calc(100vh - 170px),980px);transition:height .35s cubic-bezier(.2,.8,.2,1)}
.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 0;opacity:0;transition:opacity .45s;filter:drop-shadow(0 18px 40px var(--shadow))}
.stage img.ld{opacity:1}
.stage img.full.ld~img.th,.stage img.th.gone{opacity:0}
.stage .full{z-index:1}
.stage.none{background:repeating-linear-gradient(135deg,var(--mat) 0 8px,var(--mat2) 8px 16px)}
.winfo{position:sticky;top:20px}
.winfo .t{font:italic 400 46px/1.04 var(--serif);margin:8px 0 14px}
.winfo .stline{margin:14px 0 0}
.winfo .stmt{font:400 18px/1.6 var(--serif);color:var(--ink2);margin:18px 0 0;white-space:pre-wrap}
.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;font:11.5px var(--mono);color:var(--ink2);margin:22px 0 0;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.kv dt{color:var(--ink3);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding-top:2px}
.kv dd{margin:0}
.winfo .btns{margin-top:22px}
.opening{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 14px;border:1px solid var(--rule);border-radius:999px;font:10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.opening i{width:7px;height:7px;border-radius:50%;background:var(--soon)}
.notice{margin-top:14px;padding:12px 14px;border:1px solid var(--rule);background:var(--paper);border-radius:var(--r);font-size:12px;color:var(--ink2);display:flex;gap:10px;align-items:flex-start}
.notice[hidden]{display:none}
.notice .x{margin-left:auto;border:0;background:none;color:var(--ink3);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}
.notice .x:hover{color:var(--ink)}
.notice a{color:var(--ink);text-underline-offset:3px}
.more{margin-top:20px}

/* ---- footer ---- */
.foot{border-top:1px solid var(--rule)}
.footin{max-width:var(--maxw);margin:0 auto;padding:18px var(--gut);font:10.5px var(--mono);color:var(--ink3);letter-spacing:.04em;display:flex;gap:14px;flex-wrap:wrap}
.footin a{color:var(--ink3)}

/* ---- narrow / phone ---- */
@media (max-width:1000px){
  .work{grid-template-columns:1fr;gap:28px}
  .stage{height:auto;aspect-ratio:4/5;max-height:80vh;width:100%}
  .winfo{position:static}
}
@media (max-width:860px){
  :root{--gut:16px}
  .hero{grid-template-columns:1fr;gap:22px}
  .hero .art{max-width:420px}
  .hero .t{font-size:40px}
  .avatar{left:16px;width:104px;height:104px;bottom:-48px;font-size:40px}
  .aid{left:132px;bottom:-62px}
  .pname{font-size:28px}
  .tagline{font-size:16px}
  .ahead{margin-bottom:84px}
  .pbody{grid-template-columns:1fr;gap:32px}
  .side{position:static;padding-left:0;border-left:0}
  .catrow{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .catrow .cside{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;padding-top:0}
  .catrow .t{font-size:22px}
}
@media (max-width:560px){
  .topin{gap:8px}
  .brandlbl{display:none}
  .tabs a{padding:6px 10px}
  .page{padding-top:20px}
  h1{font-size:32px}
  .toolbar{gap:8px}
  .search{flex:1 1 100%}
  .chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;flex:1 1 100%}
  .chips::-webkit-scrollbar{display:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .card .t{font-size:18px}
  .card .row{flex-wrap:wrap;gap:4px}
  .winfo .t{font-size:36px}
  .acc.huge{font-size:24px}
  .adir{grid-template-columns:1fr}
  .arow{grid-template-columns:44px minmax(0,1fr) 14px}
  .arow .no{grid-column:2;grid-row:2;margin-top:-8px}
  .arow .chev{grid-column:3;grid-row:1/span 2}
  .aid{left:0;right:0;bottom:auto;top:calc(100% + 58px)}
  .ahead{margin-bottom:140px}
  .avatar{bottom:-52px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* Selected artists (user rule 2026-10-06): a quiet tag, wash + contour, never a solid accent. */
.seltag{display:inline-block;vertical-align:2px;margin-left:8px;font:500 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px;background:var(--sel);border:1px solid var(--rule);color:var(--ink2);white-space:nowrap}
:root[data-theme="dark"] .seltag{background:var(--pri);border-color:var(--pri-line);color:var(--pri-fg)}
.tagline .seltag{font-style:normal;vertical-align:3px}
/* The tag rides the tagline's line (user 2026-10-06: an extra line under the name pushed the name up into
   the banner and broke the overlap header). With no tagline it sits alone on that line. */
.tagline .seltag{margin-left:12px}
.tagline .seltag.solo{margin-left:0}
/* three tabs at 390 px: the row scrolls sideways inside the bar, never the page */
.tabs{min-width:0;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.tabs::-webkit-scrollbar{display:none}
.tabs a{white-space:nowrap;flex:none}
@media (max-width:440px){
  .topin{gap:6px;padding:0 16px}
  .tabs a{padding:6px 8px;font-size:11.5px}
}
.artistlink,.themetog,.brand{flex:none}

/* Artists / Featured artists: minimal search + "Show more" (user 2026-10-06) */
.head .asearch{flex:0 1 220px;align-self:flex-end;height:30px;margin-right:4px}
.amore{display:flex;justify-content:center;margin:26px 0 8px}
.amore .n{color:var(--ink3);font:400 10px var(--mono);letter-spacing:.08em;margin-left:8px}
@media (max-width:640px){.head .asearch{flex:1 1 100%;order:3;margin:10px 0 0}}
/* first paint: fade the first view in instead of showing a loading line (user 2026-10-06) */
#main{transition:opacity .22s ease}
#main.boot{opacity:0}
@media (prefers-reduced-motion:reduce){#main{transition:none}}

/* ---- New (2026-10-09): the tabs' counts, the "Artist page" tag ---- */
.tabs a .n{font:10px var(--mono);color:var(--ink3);margin-left:3px}
.tabs a .n:empty{display:none}
.tabs a.on .n{color:var(--ink2)}
.card .when{font:10.5px var(--mono);color:var(--ink3);margin-top:4px}
.uptag{display:inline-block;vertical-align:1px;margin-left:7px;font:500 8.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink3);border:1px solid var(--rule);padding:1px 6px;border-radius:999px;white-space:nowrap}

/* ---- hero "Blur wash" (2026-10-09, user pick from mockup/exhibition_web_hero_backdrop_mockup.html, A):
   the featured thumb blurred 13px, scaled 1.18, under a 61% black veil, full-bleed out of .page; the band is
   dark in BOTH themes, so the placard switches to the light "on picture" inks. ---- */
main{overflow-x:clip}
.hero.washed{position:relative;isolation:isolate;margin-top:-30px;padding:44px 0}
.hero .wash{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;background:#111;pointer-events:none}
.hero .wash img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(13px);transform:scale(1.18)}
.hero .wash::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.61)}
.hero.washed{--ink:#f4f4f0;--ink2:rgba(244,244,240,.82);--ink3:rgba(244,244,240,.6);--rule:rgba(255,255,255,.22);
  --paper:rgba(255,255,255,.08);--mat:rgba(255,255,255,.14);--hover:rgba(255,255,255,.08);
  --pri:#f4f4f0;--pri-fg:#121212;--pri-hover:#ffffff;--pri-line:#f4f4f0;--shadow:rgba(0,0,0,.45);color:var(--ink)}
.hero.washed + .toolbar{margin-top:22px}
@media (max-width:860px){.hero.washed{padding:28px 0}}
@media (max-width:560px){.hero.washed{margin-top:-20px}}   /* .page padding-top 20px there */