.viewer-frame:focus{outline:none}.viewer-frame{--inset: max(1.5rem, env(safe-area-inset-top));--side: calc(var(--control-lg-h) + 2rem);--text-w: 21rem;--vgap: clamp(2.5rem, 4.5vw, 4.5rem);--glass-tint: rgb(0 0 0 / .45);--glass-tint-opaque: rgb(0 0 0 / .72);--mount: #000;--m: .008;--edge: rgb(255 255 255 / .16);position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:var(--ink-1);opacity:0;transition:opacity .22s var(--ease-in-out);outline:none;overscroll-behavior:contain}.viewer-frame::backdrop{background:transparent}.viewer-frame[open]{display:flex}.viewer-frame.is-open{opacity:1}.viewer-frame[data-frame=none]{--m: 0}.viewer-frame .viewer-body{container-type:size;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;padding:var(--inset) var(--side)}.viewer-frame .viewer-stage{container-type:size;position:relative;flex:0 1 auto;width:100%;height:calc(100cqw / var(--ar, 1));min-height:0;touch-action:none}.viewer-frame .viewer-plate{--ph: min( calc(100cqh / (1 + 2 * var(--m))), calc(100cqw / (var(--ar, 1) + 2 * var(--m))) );position:absolute;inset:0;box-sizing:border-box;margin:auto;width:calc(var(--ph) * (var(--ar, 1) + 2 * var(--m)));height:calc(var(--ph) * (1 + 2 * var(--m)));padding:calc(var(--ph) * var(--m));background:var(--mount);border-radius:1px;opacity:0;pointer-events:none}.viewer-frame .viewer-plate.is-leaving{opacity:1}.viewer-frame .viewer-plate.is-front{z-index:1;opacity:1;pointer-events:auto}.viewer-frame .viewer-plate.is-unsized{visibility:hidden}.viewer-frame[data-frame=hairline] .viewer-plate{outline:1px solid var(--edge);outline-offset:-1px}.viewer-frame[data-frame=none] .viewer-plate,.viewer-frame[data-frame=none] .viewer-window{border-radius:8px}.viewer-frame[data-frame=none] .viewer-plate{box-shadow:0 0 80px #ffffff0f}.viewer-frame .viewer-window{width:100%;height:100%;overflow:hidden}.viewer-frame .viewer-window img{display:block;width:100%;height:100%;object-fit:contain;background:#050505;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center}.viewer-frame .viewer-foot{display:contents}.viewer-frame .viewer-text{flex:none}.viewer-frame[data-layout=aside] .viewer-body{flex-direction:row;align-items:stretch;gap:var(--vgap)}.viewer-frame[data-layout=aside] .viewer-stage{width:calc(100cqh * var(--ar, 1));height:100%}.viewer-frame[data-layout=aside] .viewer-text{flex:0 1 var(--text-w);min-width:0;max-width:var(--text-w)}.viewer-frame .viewer-numeral{position:relative;isolation:isolate;height:1.5rem;margin:0 0 1rem;font-family:TrajanPro,serif;font-size:1.05rem;font-weight:300;line-height:1.5rem;letter-spacing:.25em;color:var(--ink-4);user-select:none}.viewer-frame .viewer-numeral:before,.viewer-frame .viewer-numeral:after{content:attr(data-text);position:absolute;left:0;right:0;top:0;z-index:-1;letter-spacing:inherit}.viewer-frame .viewer-numeral:before{color:#08f4f480;transform:translateY(-.8px)}.viewer-frame .viewer-numeral:after{color:#df111180;transform:translateY(.8px)}.viewer-frame .viewer-title{margin:0;text-wrap:balance;font-family:Isenheim,serif;font-weight:400;font-size:clamp(2rem,1.1rem + 2vw,2.75rem);line-height:1.15;letter-spacing:.02em;color:var(--ink-1)}.viewer-frame .viewer-note{margin:1.25rem 0 0;font-family:var(--font-body);font-size:1.08rem;line-height:1.55;color:var(--ink-2);text-wrap:pretty;font-variant-numeric:oldstyle-nums}.viewer-frame .viewer-read{display:inline-block;margin-top:1.25rem;font-family:var(--font-body);font-size:1.08rem;line-height:1.5;color:var(--ink-3);text-decoration:underline;text-decoration-thickness:.5px;text-decoration-color:#ffffff38;text-underline-offset:.18em;transition:color .2s var(--ease-standard),text-decoration-color .2s var(--ease-standard);touch-action:manipulation}.viewer-frame .viewer-read:after{display:none}.viewer-frame .viewer-read:focus-visible{color:var(--ink-1);text-decoration-color:#ffffffd9}@media(hover:hover){.viewer-frame .viewer-read:hover{color:var(--ink-1);text-decoration-color:#ffffffd9}}.viewer-frame .viewer-read.is-absent{visibility:hidden}.viewer-frame .viewer-caption{width:fit-content;max-width:min(100%,40rem);margin:0 auto;text-align:center;text-wrap:pretty;font-family:var(--font-body);font-size:1rem;font-style:italic;line-height:1.55;letter-spacing:.01em;color:var(--ink-3);font-variant-numeric:oldstyle-nums;font-feature-settings:"onum" 1,"liga" 1}.viewer-frame .viewer-caption:empty{display:none}.viewer-frame .viewer-caption strong{font-weight:400;font-style:normal;font-variant:small-caps;letter-spacing:.06em;color:var(--ink-3)}.viewer-frame .viewer-step,.viewer-frame .viewer-close{position:fixed;width:var(--control-lg-h);padding:0;color:#ffffffbf;border-color:var(--rule-strong);background:var(--glass-tint-opaque);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.viewer-frame .viewer-step{top:calc(50% - var(--control-lg-h) / 2)}.viewer-frame .viewer-prev{left:max(1rem,env(safe-area-inset-left))}.viewer-frame .viewer-next{right:max(1rem,env(safe-area-inset-right))}.viewer-frame .viewer-close{top:var(--inset);right:max(1rem,env(safe-area-inset-right))}.viewer-frame.is-single .viewer-step{display:none}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.viewer-frame .viewer-step,.viewer-frame .viewer-close{background:var(--glass-tint);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media(hover:hover){.viewer-frame .viewer-step:hover,.viewer-frame .viewer-close:hover{color:#fffffff2;border-color:#fff6}}.viewer-frame .viewer-step:active,.viewer-frame .viewer-close:active{background:#ffffff14;transform:scale(.97)}@media(orientation:portrait),(max-width:768px){.viewer-frame{--side: calc(var(--control-lg-h) + 1.25rem)}.viewer-frame[open]{overflow-x:hidden;overflow-y:auto}.viewer-frame .viewer-body,.viewer-frame[data-layout=aside] .viewer-body{flex-direction:column;align-items:center;gap:1.75rem;padding:var(--inset) var(--side) max(1.5rem,env(safe-area-inset-bottom))}.viewer-frame[data-layout=aside] .viewer-stage{width:100%;height:min(calc(100cqw / var(--ar, 1)),60cqh)}.viewer-frame[data-layout=aside] .viewer-text{flex:none;width:min(26rem,100%);max-width:none;text-align:center}.viewer-frame[data-layout=aside] .viewer-numeral{margin-bottom:.6rem;margin-right:-.25em}.viewer-frame .viewer-title{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.25rem)}.viewer-frame .viewer-read{margin-top:.75rem}.viewer-frame .viewer-prev{left:max(.5rem,env(safe-area-inset-left))}.viewer-frame .viewer-next,.viewer-frame .viewer-close{right:max(.5rem,env(safe-area-inset-right))}}@media(orientation:portrait)and (max-width:640px){.viewer-frame .viewer-body,.viewer-frame[data-layout=aside] .viewer-body{gap:1.25rem;padding:calc(var(--inset) + var(--control-lg-h) + .5rem) max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.viewer-frame[data-layout=aside] .viewer-stage{height:calc(100cqw / var(--ar, 1))}.viewer-frame:not(.is-single) .viewer-foot{display:grid;grid-template-columns:var(--control-lg-h) minmax(0,1fr) var(--control-lg-h);align-items:start;column-gap:.5rem;width:100%}.viewer-frame .viewer-step{position:static}.viewer-frame .viewer-foot:has(.viewer-numeral) .viewer-step{margin-top:1.4rem}.viewer-frame .viewer-prev{grid-column:1}.viewer-frame .viewer-text{grid-column:2;width:auto}.viewer-frame .viewer-next{grid-column:3}.viewer-frame .viewer-numeral{font-size:.95rem;margin-bottom:.35rem}.viewer-frame .viewer-title{font-size:1.6rem}.viewer-frame .viewer-note{margin-top:.75rem;font-size:1.02rem}.viewer-frame .viewer-read{margin-top:.4rem;font-size:1.05rem}.viewer-frame .viewer-caption{font-size:var(--caption-size)}}@media(prefers-reduced-motion:reduce){.viewer-frame{transition:none}.viewer-frame .viewer-step:active,.viewer-frame .viewer-close:active{transform:none}}