.viewer{--top:64px;--pad-i:clamp(16px, 3vw, 48px);--slide-gap:24px;width:auto;max-width:none;height:auto;max-height:none;box-shadow:0 0 0 32px var(--color-blue-900);color:var(--color-white);grid-template-rows:var(--top) minmax(0, 1fr) auto;font-family:var(--font-display);background:0 0;border:0;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.viewer::backdrop{background:0 0}html:has(dialog.viewer[open]){scrollbar-gutter:stable;overflow:hidden}.viewer__ground{z-index:0;background:var(--color-blue-900);opacity:calc(1 - var(--fade,0));position:absolute;inset:0;overflow:hidden}.viewer>:not(.viewer__ground){z-index:1;position:relative}.viewer>.sr-only{position:absolute}.viewer__light{object-fit:cover;filter:blur(70px)saturate(1.45);opacity:0;width:124%;height:124%;position:absolute;inset:-12%}.viewer__light.is-on{opacity:.62}.viewer__ground:after{content:"";background:radial-gradient(70% 70% at 50% 45%, transparent 0%, color-mix(in srgb, var(--color-blue-900) 78%, transparent) 100%);position:absolute;inset:0}.viewer__top{justify-content:space-between;align-items:center;gap:var(--spacing-s2);padding-inline:clamp(16px,2.4vw,32px);display:flex}.viewer__count{letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;min-width:0;margin:0;font-size:1.25rem;font-weight:900;line-height:1;display:flex}.viewer__n i{color:var(--color-red);padding-inline:5px;font-style:normal}.viewer__title{font-family:var(--font-text);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--color-white) 72%, transparent);font-size:.9375rem;font-weight:600;overflow:hidden}.viewer__close,.viewer__nav{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.viewer__close{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--color-wline);border-radius:50%;flex:none}.viewer__close:hover{background:color-mix(in srgb, var(--color-white) 14%, transparent)}.viewer__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.viewer__close:focus-visible,.viewer__thumb:focus-visible{outline:3px solid var(--color-white);outline-offset:3px}.viewer__stage{-webkit-user-select:none;user-select:none;touch-action:none;min-height:0;position:relative}.viewer__track{transform-origin:50% 40%;position:absolute;inset:0}.viewer__slot{padding:6px var(--pad-i);transform-origin:50% 40%;grid-template-rows:minmax(0,1fr) auto;justify-items:center;margin:0;display:grid;position:absolute;inset:0}.viewer__slot[data-pos=next]{translate:calc(-100% - var(--slide-gap)) 0}.viewer__slot[data-pos=prev]{translate:calc(100% + var(--slide-gap)) 0}.viewer__box{justify-self:stretch;place-items:center;min-height:0;display:grid;container-type:size}.viewer__frame{width:min(100cqw, 100cqh * var(--ar));aspect-ratio:var(--ar);border-radius:var(--radius-tile);background:color-mix(in srgb, var(--color-white) 6%, transparent);box-shadow:0 40px 90px -30px color-mix(in srgb, var(--color-ink) 65%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-white) 10%, transparent);view-transition-class:gallery;overflow:hidden}.viewer__img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.viewer__caption{max-width:62ch;-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-text);text-align:center;color:var(--color-white);-webkit-box-orient:vertical;margin-block-start:var(--spacing-s1);font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.viewer__nav{z-index:2;width:clamp(72px,10vw,160px);position:absolute;inset-block:0}.viewer__nav--prev{inset-inline-start:0}.viewer__nav--next{inset-inline-end:0}.viewer__disc{background:color-mix(in srgb, var(--color-ink) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.viewer__chev{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.viewer__nav--prev .viewer__disc{translate:8px}.viewer__nav--next .viewer__disc{translate:-8px}.viewer__nav:hover .viewer__disc,.viewer__nav:focus-visible .viewer__disc{opacity:1;translate:0}.viewer__nav:focus-visible{outline:none}.viewer__nav:focus-visible .viewer__disc{outline:3px solid var(--color-white);outline-offset:2px}@media (hover:none) and (pointer:coarse){.viewer__nav{display:none}}.viewer__rail{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 18%, var(--color-ink) 82%, transparent);mask-image:linear-gradient(90deg, transparent, var(--color-ink) 18%, var(--color-ink) 82%, transparent);padding-block:18px 26px;overflow:auto hidden}.viewer__rail::-webkit-scrollbar{display:none}.viewer__rail-track{align-items:center;gap:10px;width:max-content;padding-inline:calc(50vw - 48px);display:flex}.viewer__thumb{height:64px;aspect-ratio:var(--ar);background:color-mix(in srgb, var(--color-white) 8%, transparent);opacity:.5;filter:saturate(.75);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0;position:relative;overflow:hidden}.viewer__thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.viewer__thumb:hover{opacity:.85}.viewer__thumb.is-on{opacity:1;filter:none;box-shadow:0 0 0 2px var(--color-white), 0 18px 30px -16px color-mix(in srgb, var(--color-ink) 80%, transparent);translate:0 -6px}.viewer.is-idle,.viewer.is-idle *{cursor:none}.viewer.is-idle .viewer__top{opacity:0;pointer-events:none;translate:0 -8px}.viewer.is-idle .viewer__rail{opacity:0;pointer-events:none;translate:0 10px}.viewer.is-idle .viewer__nav,.viewer.is-idle .viewer__caption{opacity:0}.viewer.is-dragging .viewer__top,.viewer.is-dragging .viewer__rail,.viewer.is-dragging .viewer__nav,.viewer.is-dragging .viewer__caption{opacity:calc(1 - var(--fade,0) * 3);transition:none}@media (max-width:620px){.viewer{--top:56px;--pad-i:10px;--slide-gap:16px}.viewer__title{display:none}.viewer__rail{padding-block:14px max(20px, env(safe-area-inset-bottom))}.viewer__rail-track{gap:8px;padding-inline:calc(50vw - 33px)}.viewer__thumb{height:48px}}@keyframes viewer-in{0%{opacity:0}}@keyframes viewer-out{to{opacity:0}}@keyframes viewer-rise{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:no-preference){:where(html:not(.a11y-still)) .viewer[open] .viewer__top{animation:viewer-in .45s var(--ease-land) .14s backwards}:where(html:not(.a11y-still)) .viewer[open] .viewer__rail{animation:viewer-rise .6s var(--ease-land) .18s backwards}:where(html:not(.a11y-still)) .viewer__light{transition:opacity .9s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__top,:where(html:not(.a11y-still)) .viewer__rail,:where(html:not(.a11y-still)) .viewer__nav,:where(html:not(.a11y-still)) .viewer__caption{transition:opacity .45s var(--ease-land), translate .45s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__thumb{transition:opacity .3s, translate .45s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__disc{transition:opacity .25s, translate .35s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__close{transition:background-color .2s}:where(html:not(.a11y-still))::view-transition-group(.gallery){animation-duration:.42s;animation-timing-function:var(--ease-land)}:where(html:not(.a11y-still))::view-transition-old(.gallery){object-fit:cover;height:100%;animation-duration:.42s;animation-timing-function:var(--ease-land)}:where(html:not(.a11y-still))::view-transition-new(.gallery){object-fit:cover;height:100%;animation-duration:.42s;animation-timing-function:var(--ease-land)}:where(html:not(.a11y-still)).viewer-morph{--vt-fade:.36s}}@media (prefers-reduced-motion:reduce){.viewer[open]{animation:.2s both viewer-in}.viewer__slot.is-in{animation:.16s both viewer-in}.viewer__slot.is-out{animation:.16s both viewer-out}}html.a11y-still .viewer[open]{animation:.2s both viewer-in}html.a11y-still .viewer__slot.is-in{animation:.16s both viewer-in}html.a11y-still .viewer__slot.is-out{animation:.16s both viewer-out}