/* A small, annotated gallery wall within the profile's editorial type system. */
@font-face { font-family:'Glimpse Museum Scribble'; src:url('fonts/sf-scribbled-sans-sc-bold.ttf') format('truetype'); font-style:normal; font-weight:700; font-display:swap; }
.works-museum { --museum-ink:#555b50; --museum-fine:#9a9c90; --museum-sans:'Glimpse Graphik',var(--sans); }
.works-museum .figure-head { margin-bottom:6px; }
.works-museum .figure-head h2 { font:400 24px/1.3 var(--serif); letter-spacing:-.3px; }
.works-museum .work-shelf {
  display:block; position:relative; padding:0; margin:0; gap:0;
  overflow-x:auto; overflow-y:hidden; scrollbar-width:none;
  scroll-snap-type:x proximity; scroll-padding-inline:12px;
  touch-action:pan-x pan-y; cursor:grab; user-select:none;
}
.works-museum .work-shelf::-webkit-scrollbar { display:none; }
.works-museum .work-shelf.museum-dragging { cursor:grabbing; scroll-snap-type:none; }
.museum-row { position:relative; display:flex; width:max-content; min-width:100%; padding:0 12px; }
.museum-row::before,.museum-row::after { content:""; position:absolute; left:0; right:0; pointer-events:none; }
.museum-row::before { top:var(--museum-rail); border-top:1px solid var(--line); }
.museum-row::after { top:var(--museum-floor); border-top:1px solid var(--line); }
.museum-bay { position:relative; z-index:1; flex:none; scroll-snap-align:start; }
.museum-canvas { position:absolute; top:0; left:0; width:340px; transform-origin:top left; }
.museum-canvas > svg,.museum-rig,.museum-rig > svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.museum-canvas svg { pointer-events:none; }
.museum-rig { transform:rotate(var(--museum-tilt,0deg)); transform-origin:var(--museum-pivot,170px 190px); transition:translate 200ms ease, transform 250ms ease; }
.museum-bay:has(.work-item:hover) .museum-rig,.museum-bay:has(.work-item:focus-visible) .museum-rig { translate:0 -2px; }
.museum-bay[data-kind="tag"]:has(.work-item:hover) .museum-rig { transform:rotate(0deg); translate:0; }
.museum-dragging .museum-rig { translate:0!important; }
.museum-bay { --mount:url(#glimpse-work-pencil-sage); --base-paper:url(#glimpse-work-pencil-graphite); --fitting:var(--mount); --card-paper:var(--paper); --tag-paper:#f6f4ec; }
.museum-bay[data-finish="slate"] { --mount:url(#glimpse-work-pencil-slate); }
.museum-bay[data-finish="stone"] { --mount:url(#glimpse-work-pencil-stone); }
.museum-bay .light-fitting { opacity:.65; }
.museum-wall-writing { position:absolute; left:12px; top:0; transform-origin:top left; pointer-events:none; }
.museum-wall-note { position:absolute; width:max-content; margin:0; color:#aaa69f; font:700 22px/1.15 'Glimpse Museum Scribble',cursive; letter-spacing:0; white-space:nowrap; transform:rotate(var(--note-tilt,-3deg)); transform-origin:left center; pointer-events:none; }
.museum-wall-marks { color:#7b786b; opacity:.55; }
.museum-wall-marks .museum-accent-mark { stroke:var(--accent); opacity:.8; }
.works-museum .work-item,.works-museum .work-item.without-image {
  position:absolute; display:block; min-height:0; height:auto; padding:20px 20px 22px;
  border:0; border-radius:0; background:none; box-shadow:none; cursor:pointer;
  color:var(--ink); text-align:left; font:inherit; overflow-wrap:anywhere;
}
.works-museum .work-item.museum-small { padding:18px 15px 20px; }
.works-museum .work-title,.works-museum .work-item.without-image .work-title {
  display:block; margin:0; font:400 22px/1.15 var(--serif); letter-spacing:-.3px;
  color:var(--ink); text-wrap:balance;
}
.works-museum .work-item.museum-small .work-title { font-size:21px; letter-spacing:-.2px; }
.works-museum .museum-role { display:block; margin-top:12px; font:500 13px/1.5 var(--museum-sans); color:#5e6257; }
.works-museum .work-caption,.works-museum .work-item.without-image .work-caption {
  display:block; margin-top:8px; font:400 15px/1.5 var(--museum-sans); color:#5e6257; text-wrap:pretty;
}
.works-museum .museum-small .work-caption { font-size:15px; }
.works-museum .museum-image { display:block; width:100%; height:86px; object-fit:contain; margin:12px 0 0; }
.museum-date { position:absolute; left:30px; width:280px; text-align:center; font:11px/1.5 var(--sans); color:#75816b; overflow-wrap:anywhere; }
.museum-date::before { content:""; display:block; width:1px; height:9px; margin:0 auto 10px; background:#aeb8a3; }
.museum-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:10px; color:var(--muted); font:11px/1.5 var(--museum-sans); }
.museum-progress { display:block; position:relative; width:80px; height:2px; background:var(--line); flex:none; }
.museum-progress i { position:absolute; top:0; left:0; height:100%; width:20%; background:#687561; }
.works-museum .work-item:focus-visible { outline:1.5px solid #798d6b; outline-offset:-8px; }
.works-museum .work-shelf:focus-visible { outline:1.5px solid #798d6b; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .museum-rig { transition:none; } .museum-bay:has(.work-item:hover) .museum-rig,.museum-bay:has(.work-item:focus-visible) .museum-rig { translate:0;transform:rotate(var(--museum-tilt,0deg)); } }
@media print { .works-museum .work-shelf { overflow:visible; } .museum-row { display:block; width:100%; } .museum-row::before,.museum-row::after,.museum-canvas svg,.museum-foot,.museum-date,.museum-wall-writing { display:none; } .museum-bay { display:inline-block; vertical-align:top; width:48%!important; height:auto!important; break-inside:avoid; } .museum-canvas,.museum-rig,.works-museum .work-item { position:static!important; width:auto!important; height:auto!important; transform:none!important; translate:none!important; } }