@layer components{.lightbox{z-index:200;height:100dvh;color:var(--cream);background:var(--charcoal);isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;animation:.42s cubic-bezier(.16,1,.3,1) both darkroom-open;display:grid;position:fixed;inset:0;overflow:hidden}.lightbox:before{z-index:-1;content:"";opacity:.08;background-image:var(--texture-halftone-diagonal);background-size:var(--texture-halftone-diagonal-tile);pointer-events:none;position:absolute;inset:0}.lightbox[data-closing]{pointer-events:none;animation:.28s cubic-bezier(.55,.02,.82,.44) both darkroom-close}.lightbox__scrim{z-index:0;cursor:zoom-out;background:0 0;border:0;padding:0;position:absolute;inset:0}.lightbox__bar{z-index:5;background:var(--navy);border-bottom:5px solid var(--ochre);min-height:72px;box-shadow:0 4px 0 var(--brick);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2vw,32px);padding:11px clamp(16px,2vw,32px);display:grid;position:relative}.lightbox__counter{font-family:var(--font-stamp);letter-spacing:.12em;text-transform:uppercase;align-items:baseline;gap:8px;margin:0;font-size:.72rem;display:flex}.lightbox__counter strong{color:var(--ochre);font-family:var(--font-label);font-size:1.5rem;font-weight:400;line-height:1}.lightbox__title{min-width:0;font-family:var(--font-sans-light);letter-spacing:.12em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.78rem;overflow:hidden}.lightbox__controls{border:0;align-items:center;gap:8px;min-width:0;margin:0;padding:0;display:flex}.lightbox__controls .square-button{background:var(--cream);width:44px;height:44px;box-shadow:3px 3px 0 var(--brick)}.lightbox__controls .square-button[disabled]{opacity:.42;box-shadow:none;cursor:not-allowed}.lightbox__zoom{min-width:54px;color:var(--cream);font-family:var(--font-stamp);letter-spacing:.08em;text-align:center;font-size:.68rem}.lightbox__close{margin-left:8px}.lightbox__stage{z-index:2;touch-action:pan-y pinch-zoom;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(10px,1.6vw,24px);min-height:0;padding:clamp(16px,2vw,30px);display:grid;position:relative;overflow:hidden}.lightbox[data-zoomed] .lightbox__stage{cursor:grab;touch-action:none}.lightbox[data-zoomed] .lightbox__stage:active{cursor:grabbing}.lightbox__nav{z-index:5;background:var(--ochre);border-color:var(--cream);width:50px;height:64px;box-shadow:4px 4px 0 var(--brick);transition:transform .22s var(--ease), box-shadow .22s var(--ease);position:relative}.lightbox__nav:hover:not([disabled]),.lightbox__nav:focus-visible:not([disabled]){box-shadow:7px 7px 0 var(--brick);transform:translate(-3px,-3px)}.lightbox__nav[disabled]{opacity:.28;box-shadow:none}.lightbox__viewport{border:3px solid var(--cream);width:100%;min-width:0;height:100%;min-height:0;box-shadow:7px 7px 0 var(--brick);background:var(--navy-deep);isolation:isolate;position:relative;overflow:hidden}.lightbox__viewport:after{z-index:4;content:"";background:var(--ochre);opacity:0;pointer-events:none;transform-origin:0;height:5px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.16)}.lightbox[data-loading] .lightbox__viewport:after{opacity:1;animation:darkroom-loading .7s var(--ease) infinite alternate}.lightbox__slide{opacity:1;place-items:center;margin:0;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0;transform:translate(0,0)scale(1)}.lightbox__image{width:100%;min-width:0;height:100%;min-height:0;transform:translate3d(var(--lightbox-pan-x,0px), var(--lightbox-pan-y,0px), 0) scale(var(--lightbox-zoom,1));transform-origin:50%;will-change:transform;place-items:center;padding:clamp(16px,2.4vw,38px);transition:transform .36s cubic-bezier(.16,1,.3,1);display:grid}.lightbox__image picture{display:contents}.lightbox[data-zoomed] .lightbox__image{transition-duration:.18s}.lightbox__image img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.lightbox__film{background-color:var(--charcoal);width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.lightbox__slide--incoming{z-index:2;opacity:0}.lightbox[data-direction=next] .lightbox__slide--incoming{transform:translate(3%)}.lightbox[data-direction=previous] .lightbox__slide--incoming{transform:translate(-3%)}.lightbox[data-paging] .lightbox__slide--incoming{opacity:1;transform:translate(0,0)scale(1)}.lightbox[data-paging][data-direction=next] .lightbox__slide--current{opacity:0;transform:translate(-2%)scale(.992)}.lightbox[data-paging][data-direction=previous] .lightbox__slide--current{opacity:0;transform:translate(2%)scale(.992)}.lightbox__hint{z-index:4;color:var(--cream);background:var(--navy);border-top:2px solid var(--cream-rule);font-family:var(--font-stamp);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:0;padding:7px 16px 9px;font-size:.62rem;position:relative}.lightbox__hint i{color:var(--ochre);margin:0 7px;font-style:normal}.lightbox__hint--touch{display:none}@keyframes darkroom-open{0%{opacity:0;clip-path:inset(3%);transform:scale(.985)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}@keyframes darkroom-close{0%{opacity:1;clip-path:inset(0);transform:scale(1)}to{opacity:0;clip-path:inset(2%);transform:scale(.99)}}@keyframes darkroom-loading{0%{transform:scaleX(.16)}to{transform:scaleX(.72)}}@media (width<=760px){.lightbox__bar{grid-template-columns:auto 1fr;min-height:64px}.lightbox__title{display:none}.lightbox__controls{justify-self:end}.lightbox__stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;padding:12px 12px 10px}.lightbox__viewport{grid-area:1/1}.lightbox__image{padding:12px}.lightbox__image picture{place-items:center;width:100%;height:100%;display:grid}.lightbox__image picture>*{grid-area:1/1}.lightbox__nav{grid-row:2;justify-self:center;width:64px;height:46px;position:relative}.lightbox__nav--prev{grid-column:1;margin-right:76px}.lightbox__nav--next{grid-column:1;margin-left:76px}}@media (width<=520px){.lightbox__zoom{display:none}.lightbox__controls{gap:5px}.lightbox__controls .square-button{width:44px;height:44px}.lightbox__close{margin-left:3px}.lightbox__hint{padding-bottom:max(9px, env(safe-area-inset-bottom));font-size:.52rem}.lightbox__hint--desktop{display:none}.lightbox__hint--touch{display:inline}}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox[data-closing],.lightbox__slide,.lightbox__image,.lightbox__nav{opacity:1;clip-path:none;transition:none;animation:none;transform:none}.lightbox[data-loading] .lightbox__viewport:after{animation:none;transform:scaleX(.44)}.lightbox__slide--incoming{z-index:2}}}