.archive{position:fixed;inset:0;z-index:var(--z-content);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);padding:var(--top-band) var(--edge) calc(var(--edge) * 2.4);align-content:start;--top-band: calc(var(--edge) * 4);--foot-band: 130px;--caption-band: 46px;--side: calc(var(--edge) + clamp(84px, 7vw, 112px) + var(--gutter))}.stage{grid-column:3 / 11;position:relative;justify-self:center;align-self:center;width:100%;margin:0;--box-h: min(calc(100vh - var(--top-band) - var(--foot-band) - var(--caption-band)), 780px);--box-w: min(1280px, calc(100vw - (var(--side) + 26px) * 2))}.stage__frame{position:relative;height:min(var(--box-h),calc(var(--box-w) / var(--ratio, 1.3333)));width:min(var(--box-w),calc(var(--box-h) * var(--ratio, 1.3333)));margin:0 auto;background:var(--bg-sunk);overflow:hidden;transition:width var(--d-mid) var(--e-soft),height var(--d-mid) var(--e-soft)}.stage__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}.stage__caption{display:flex;gap:calc(var(--base) * 1.5);align-items:baseline;width:min(var(--box-w),calc(var(--box-h) * var(--ratio, 1.3333)));margin:calc(var(--base) * 1.5) auto 0;transition:width var(--d-mid) var(--e-soft)}.stage__code{font-family:var(--mono);font-size:var(--t-eyebrow);letter-spacing:.08em;color:var(--ink-dimmer);font-variant-numeric:tabular-nums}.stage__place{font-family:var(--sans);font-size:var(--t-ui);font-weight:500;letter-spacing:var(--ls-ui);text-transform:uppercase;margin-left:auto}.rail{position:fixed;right:var(--edge);top:30vh;bottom:calc(var(--edge) * -6);z-index:4;width:clamp(84px,7vw,112px);overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);touch-action:none;--rail-head: .28}.rail__items{position:absolute;inset:0}.rail__item{position:absolute;top:0;left:0;display:block;width:100%;padding:3px 0;will-change:transform}.rail__item__frame{display:block;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--bg-raise)}.rail__item img{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;opacity:.5}.rail__indicator{position:absolute;left:0;right:0;top:28%;height:33%;border:1px solid var(--ink);pointer-events:none;z-index:2}.rail__indicator:before,.rail__indicator:after{content:"";position:absolute;left:calc(var(--base) * -1.4);width:calc(var(--base) * .8);height:1px;background:var(--ink)}.rail__indicator:before{top:0}.rail__indicator:after{bottom:0}.index{grid-column:1 / 6;align-self:center;display:none;flex-direction:column;gap:calc(var(--base) * 2.5);max-height:78vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-block:calc(var(--base) * 1.5);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}.index::-webkit-scrollbar{display:none}.idx__group{display:block}.idx__head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 calc(var(--base) * .75);padding-bottom:calc(var(--base) * .5);border-bottom:1px solid var(--line);font-family:var(--sans);font-size:var(--t-ui);font-weight:600;letter-spacing:var(--ls-ui);text-transform:uppercase}.idx__count{font-family:var(--mono);font-weight:400;color:var(--ink-dimmer)}.idx__list{list-style:none;margin:0;padding:0}.idx__row{overflow:hidden}.idx__link{display:grid;grid-template-columns:4.4em 1fr;gap:calc(var(--base));align-items:baseline;width:100%;padding:3px 0;color:var(--ink-dim);transition:color var(--d-fast) var(--e-soft)}.idx__link:hover,.idx__link.is-active{color:var(--ink)}.idx__code{font-family:var(--mono);font-size:var(--t-eyebrow);letter-spacing:.05em;color:var(--ink-dimmer);font-variant-numeric:tabular-nums}.idx__place{font-family:var(--sans);font-size:var(--t-ui);font-weight:500;letter-spacing:var(--ls-ui);text-transform:uppercase}body.mode-index .index{display:flex}body.mode-index .rail{display:none}body.mode-index .stage{grid-column:7 / 13;--box-h: min(56vh, 540px);--box-w: min(38vw, 580px)}body.mode-gallery .index{display:none}.viewer{position:fixed;inset:0;z-index:var(--z-viewer);display:grid;place-items:center;padding:calc(var(--edge) * 1.5) var(--edge) calc(var(--edge) * 1.8)}.viewer[hidden]{display:none}.viewer__ground{position:absolute;inset:0;background:var(--bg-sunk);opacity:0}.viewer__figure{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--base) * 1.5);max-width:100%;max-height:100%}.viewer__img{max-width:min(94vw,1800px);max-height:calc(100vh - 132px);width:auto;height:auto;object-fit:contain;transform-origin:top left;will-change:transform}.viewer__caption{display:flex;gap:calc(var(--base) * 1.5);align-items:baseline;width:100%}.viewer__caption .stage__place{margin-left:auto}.viewer__close{position:absolute;top:var(--edge);right:var(--edge);padding:calc(var(--base) * .5) calc(var(--base));color:var(--ink-dim);transition:color var(--d-fast) var(--e-soft)}.viewer__close:hover{color:var(--ink)}.stage__frame{cursor:zoom-in;border:0;padding:0;display:block}.archive__lead{position:fixed;top:var(--edge);right:var(--edge);z-index:var(--z-ui);text-align:left;width:min(23ch,16vw)}.archive__aside{position:fixed;left:var(--edge);bottom:var(--edge);z-index:var(--z-ui);display:flex;flex-direction:column;gap:calc(var(--base) * 1.5);max-width:37ch}.archive__note{margin:0}.archive__holds{text-align:left}body.mode-index .archive__note{opacity:0;pointer-events:none}.holds__list{list-style:none;margin:calc(var(--base) * .5) 0 0;padding:0;display:flex;gap:var(--gutter);align-items:baseline}.holds__list .is-active{color:var(--ink)}.holds__list .is-active:after{transform:scaleX(1);transform-origin:left center}.corner--br{right:calc(var(--edge) + clamp(84px,7vw,112px) + var(--gutter))}.bar{position:fixed;left:50%;bottom:var(--edge);transform:translate(-50%);z-index:var(--z-ui);display:flex;align-items:center;gap:calc(var(--base) * 1.5)}.bar__group{display:flex;border:1px solid var(--line)}.bar__group .pill{border:0}.bar__note{font-family:var(--mono);font-size:var(--t-eyebrow);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-dimmer);white-space:nowrap}@media(max-width:900px){body{overflow:auto}.archive{grid-template-columns:1fr;padding:calc(var(--edge) * 6) var(--edge) calc(var(--edge) * 7);align-content:start;gap:calc(var(--base) * 3)}.stage,body.mode-index .stage{grid-column:1;--box-h: min(58vh, 460px);--box-w: calc(100vw - var(--edge) * 2)}.rail{position:relative;inset:auto;grid-column:1;justify-self:stretch;width:100%;height:clamp(76px,15vh,104px);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.rail__item{top:0;width:auto;height:100%;padding:0 3px}.rail__item__frame{width:auto;height:100%;aspect-ratio:3 / 4}.rail__indicator{left:50%;right:auto;top:0;height:100%;width:25%;transform:translate(-50%)}.rail__indicator:before,.rail__indicator:after{display:none}.index{grid-column:1}.idx__link{grid-template-columns:3.6em 1fr}.archive__aside{position:static;max-width:none;order:-2}.archive__lead{position:static;grid-column:1;order:-3;width:auto;text-align:left;margin-bottom:calc(var(--base) * 1.5)}.archive__note{position:static;grid-column:1;max-width:none;order:-2}.archive__holds{position:static;grid-column:1;text-align:left;order:-1}.holds__list{flex-direction:row;gap:var(--gutter);align-items:baseline}.archive{position:relative;inset:auto;min-height:100vh}.index{max-height:none;overflow:visible;mask-image:none;-webkit-mask-image:none}.corner--br{bottom:calc(var(--edge) + 46px);right:var(--edge)}}