/* An exhibition label in the room; a collection programme only when requested. */
.gallery-label{position:fixed;right:24px;bottom:24px;z-index:12;width:334px;padding:23px 24px 13px;background:#fff5df;color:#2b392c;border:1px solid #c7b88f;border-radius:3px;box-shadow:0 10px 40px #21170d38,3px 3px 0 #b49760}
.gallery-wing{font-size:10px;line-height:1.4;font-weight:700;letter-spacing:1.6px;margin:0 0 8px;color:#73664c}.gallery-label h1{font:25px/1.16 var(--display);letter-spacing:-.5px;margin:0 0 18px}
.gallery-label-actions{display:grid;grid-template-columns:1.22fr 1fr;gap:8px}.gallery-label-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:9px 10px;font-size:12px;line-height:1.3;font-weight:700;border:1px solid #d4c6a7;border-radius:3px;background:#f2e7ce;white-space:nowrap}#gal-chip{background:#2c4338;color:#fff5df;border-color:#2c4338}.gallery-label-actions button:hover{background:#e6d8b7}#gal-chip:hover{background:#405e4c}.gallery-label-actions button span{font-size:17px;line-height:1}
.gallery-wall-nav{display:flex;justify-content:space-between;gap:12px;margin-top:9px;padding-top:4px;border-top:1px solid #ded2b6}.gallery-wall-nav button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 0;font-size:12px;line-height:1.3;text-align:left}.gallery-wall-nav button:hover span{text-decoration:underline;text-underline-offset:4px}.gallery-wall-nav button b{font-size:18px;font-weight:400}.gallery-wall-nav #gal-next{margin-left:auto;text-align:right}
.gal-desk:not([open]){display:none!important}.gal-desk[open]{display:block;position:fixed;inset:0;width:min(500px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:28px 30px 26px;overflow:auto;overscroll-behavior:contain;background:#fff5df;color:#2b392c;border:1px solid #c6b58e;border-radius:5px;box-shadow:0 24px 90px #07171370,4px 4px 0 #bfa97d}.gal-desk::backdrop{background:#10261d91;backdrop-filter:blur(5px)}
.gal-desk .desk-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}.gal-desk .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.8px;font-weight:700;margin:0;color:#71644d}#desk-close{display:grid;place-items:center;width:44px;height:44px;margin:-10px -12px -6px 0;padding:0;flex-shrink:0;font-size:28px;border-radius:50%;color:#344536;background:#ece2cb}.gal-desk h2{font:29px/1.12 var(--display);letter-spacing:-.5px;margin:0 0 24px}.gal-wings{display:flex;gap:6px;padding:4px;background:#eae0c9;border-radius:5px;margin-bottom:22px}.gal-wings button{width:50%;min-height:44px;border-radius:3px;font-size:14px;font-weight:700}.gal-wings button[aria-pressed=true]{background:#2c4338;color:#fff5df;box-shadow:none}.gal-desk #gal-find-label{display:block;font-size:13px;font-weight:700;margin:0 0 9px}#gal-find{display:flex;gap:0;margin:0;border:1px solid #bbad8e;border-radius:4px;overflow:hidden;background:#fffaf0}#gal-n{min-width:0;width:100%;height:50px;padding:12px 14px;border:0;border-radius:0;background:transparent;font-size:16px;color:#2b392c}#gal-find button{width:52px;flex-shrink:0;min-height:50px;padding:0;background:#e3d5b5;border-radius:0;font-size:22px;color:#2b392c}#gal-find:focus-within{outline:3px solid #62b6df;outline-offset:3px}#gal-n:focus-visible{outline:0}#gal-error{font-size:13px;line-height:1.5;margin:9px 0;color:#943e30}.gal-jump{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.gal-jump button{min-height:44px;padding:10px 13px;background:#ece2cb;border:1px solid #d9ccaf;border-radius:3px;font-size:12px;font-weight:700}.gal-jump button:hover{background:#dfd1ae}.desk-wall{border-top:1px solid #d6c8aa;padding-top:20px}#gal-sub{font-size:13px;line-height:1.5;color:#6b6958;margin:7px 0 14px}
#wall-rail{position:static;inset:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:100%;max-width:none;padding:0;margin:0;transform:none;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}#wall-rail button{display:block;width:100%;min-width:0;padding:0 0 7px;min-height:44px;border:1px solid #d4c5a4;border-radius:3px;overflow:hidden;background:#f7ecd3;box-shadow:none;transform:none}#wall-rail canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}#wall-rail button span{display:block;font-size:10px;font-weight:700;line-height:1.4;margin:7px 0 0;color:#514e3a}#wall-rail button:hover{transform:translateY(-2px);border-color:#47735c}
.pan-hint{left:24px;bottom:27px;transform:none;font-size:12px;max-width:220px;line-height:1.5;color:#fff5df;text-shadow:0 1px 6px #1c170c;background:#2a251756;border:1px solid #fff5df30;border-radius:3px;padding:10px 13px;margin:0;pointer-events:none}#museum-status{z-index:25}body:not([data-museum="ready"]) .gallery-label{visibility:hidden}
@media(max-width:760px){.gallery-label{inset:auto 12px max(12px,env(safe-area-inset-bottom));width:auto;padding:17px 18px 7px;max-width:420px;margin:0 auto}.gallery-wing{font-size:9px;margin-bottom:5px}.gallery-label h1{font-size:23px;margin-bottom:13px}.gallery-label-actions{grid-template-columns:1.2fr 1fr}.gallery-label-actions button{min-height:44px;font-size:12px}.gallery-wall-nav{margin-top:7px;padding-top:1px}.gallery-wall-nav button{min-height:44px}.gal-desk[open]{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:23px 22px 22px}.gal-desk h2{font-size:26px;margin-bottom:20px}.gal-desk .gal-wings{margin-bottom:18px}.gal-desk #desk-close{display:grid}.desk-open .gallery-label{visibility:hidden}.pan-hint{display:none}.gal-desk #wall-rail{max-width:none;gap:7px}#art-dialog .trait-link{min-height:44px}}
@media(max-height:500px) and (min-aspect-ratio:1/1){.gallery-label{left:auto;right:14px;bottom:14px;width:302px;padding:15px 18px 5px}.gallery-label h1{font-size:21px;margin-bottom:12px}.gallery-wing{font-size:8px}.gallery-label-actions button{font-size:11px}.gal-desk[open]{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 20px);padding:21px 25px}.pan-hint{display:none}}
@media(prefers-reduced-motion:reduce){#wall-rail button:hover{transform:none}}
/* Keep the exit in reach when the programme scrolls on a short phone. */
.gal-desk .desk-head{position:sticky;top:-28px;z-index:2;background:#fff5df;padding-top:8px;padding-bottom:8px;margin-top:-8px}
@media(max-width:760px){.gal-desk .desk-head{top:-23px}}
@media(max-height:500px) and (min-aspect-ratio:1/1){.gal-desk .desk-head{top:-21px}}
