:root{--paper:#fff;--ink:#222;font-family:Helvetica,Arial,sans-serif;color-scheme:light;font-size:12px}:root[data-background=beige]{--paper:#eeece6}*{box-sizing:border-box}html{width:100%;height:100%;background:var(--paper);overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;margin:0;width:var(--vw,100%);height:var(--vh,100dvh);overflow:hidden;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{appearance:none;border:0;border-radius:0;margin:0;padding:0;font:inherit;color:inherit;background:none;cursor:pointer}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:5px}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}header.gallery-header{position:absolute;inset:0 0 auto;height:76px;z-index:10;pointer-events:none}.gallery-header>*{pointer-events:auto}.counter{position:absolute;left:24px;top:17px;min-width:58px;height:40px;text-align:left;font-size:11px;line-height:18px;letter-spacing:.025em;white-space:nowrap}.identity{position:absolute;top:27px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;line-height:13px;font-weight:400;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.identity-caption{display:block;font-size:9px;line-height:13px;text-transform:none;letter-spacing:0}.close{position:absolute;right:24px;top:20px;width:32px;height:32px;display:grid;place-items:center;background:#202020;color:#fff;border-radius:50%}.close svg{width:19px;height:19px}.gallery{position:absolute;inset:0;min-width:0;min-height:0;outline:none;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}.gallery.dragging{cursor:grabbing}.slides{position:absolute;inset:0;pointer-events:none}.slide{position:absolute;left:0;top:0;display:block;overflow:hidden;pointer-events:auto;cursor:inherit;will-change:transform;transform-origin:center;isolation:isolate;background:none;outline-offset:5px}.picture{position:absolute;inset:0;display:block;overflow:hidden}.picture img{display:block;position:absolute;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none}.slide.is-loading .picture{background:color-mix(in srgb,var(--paper) 97%,#222)}.slide.is-unavailable::after{content:'Image unavailable';position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#777;background:var(--paper)}.edge{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:grid;place-items:center;width:44px;height:52px;opacity:0;transition:opacity .18s}.edge.previous{left:8px}.edge.next{right:8px}.edge:focus-visible{opacity:1}.edge svg{width:18px;height:18px}@media(hover:hover){.gallery:hover .edge{opacity:.6}.edge:hover{opacity:1!important}}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:11px;line-height:18px;text-align:center}.photo-index{position:fixed;inset:24px;width:min(1160px,calc(100% - 48px));height:calc(100% - 48px);height:calc(100dvh - 48px);max-width:none;max-height:none;border:0;border-radius:0;margin:auto;padding:14px 22px 24px;overflow:auto;color:var(--ink);background:var(--paper);overscroll-behavior:contain}.photo-index::backdrop{background:#2223;backdrop-filter:blur(3px)}.index-header{position:sticky;top:-14px;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:48px;background:var(--paper);margin-bottom:12px}.index-header h2{margin:0;font-size:12px;line-height:18px;letter-spacing:.025em;text-transform:uppercase;font-weight:400}.index-close{width:34px;height:40px;display:grid;place-items:center;margin-right:-9px}.index-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px}.index-item{min-width:0;display:flex;flex-direction:column;gap:9px;font-size:10px;line-height:16px;text-align:left}.index-item .index-picture{position:relative;width:100%;height:180px;display:grid;place-items:center}.index-photo{display:block;position:relative;overflow:hidden;max-width:100%;max-height:100%}.index-item[aria-current=true] .index-photo{outline:1px solid #888;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:700px){header.gallery-header{height:70px}.counter{left:18px;top:calc(14px + env(safe-area-inset-top));font-size:10px}.identity{top:calc(24px + env(safe-area-inset-top));font-size:11px}.identity-caption{font-size:8px}.close{right:18px;top:calc(18px + env(safe-area-inset-top));width:30px;height:30px}.edge{width:30px;opacity:0}.edge.previous{left:0}.edge.next{right:0}.photo-index{inset:0;width:100%;height:100%;height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))}.index-header{top:calc(-12px - env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.index-item .index-picture{height:190px}}@media(orientation:landscape) and (max-height:520px){header.gallery-header{height:44px}.counter{top:6px;left:calc(18px + env(safe-area-inset-left))}.identity{top:14px}.identity-caption{display:none}.close{top:10px;right:calc(18px + env(safe-area-inset-right));width:26px;height:26px}.photo-index{inset:0;width:100%;height:100%;height:100dvh;padding:6px 24px 20px}.index-header{top:-6px;min-height:40px}.index-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.index-item .index-picture{height:130px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.gallery-mode-button{position:absolute;left:88px;top:17px;width:40px;height:40px;display:grid;place-items:center}.gallery-mode-button svg{width:18px;height:18px;stroke-linejoin:round}@media(max-width:700px){.gallery-mode-button{left:78px;top:calc(17px + env(safe-area-inset-top));width:34px;height:34px}}@media(orientation:landscape) and (max-height:520px){.gallery-mode-button{left:calc(88px + env(safe-area-inset-left));top:9px;width:30px;height:30px}}