.lightbox{z-index:var(--z-overlay);padding-top:max(var(--sp-6), env(safe-area-inset-top));padding-right:max(var(--sp-6), env(safe-area-inset-right));padding-bottom:max(var(--sp-6), env(safe-area-inset-bottom));padding-left:max(var(--sp-6), env(safe-area-inset-left));overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__backdrop{background:var(--backdrop-color);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;position:absolute;inset:0}.lightbox__stage{flex-direction:column;align-items:center;width:min(1100px,100%);display:flex;position:relative}.lightbox__frame{aspect-ratio:16/10;width:100%;max-height:min(80vh,80dvh);animation:media-in var(--dur-enter) var(--ease-out) backwards;position:relative;overflow:hidden}.lightbox__slide,.lightbox__swipe,.lightbox__gesture-surface,.lightbox__zoom-content{position:absolute;inset:0}.lightbox__gesture-surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;overflow:hidden}.lightbox__gesture-surface:is([data-gesture=swipe],[data-gesture=pan],[data-gesture=pinch]){cursor:grabbing}.lightbox__zoom-content{transform-origin:50%;will-change:transform;place-items:center;display:grid}.lightbox__media{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:0 0;width:auto;max-width:100%;height:auto;max-height:100%}.lightbox__media:not(video){pointer-events:none}.lightbox__art{pointer-events:none;width:100%;height:100%;margin:0}.lightbox__art .shot-art{border:0;border-radius:0;width:100%;height:100%}.lightbox__counter{top:max(var(--sp-5), env(safe-area-inset-top));left:var(--sp-5);z-index:4;color:#ffffffb3;color:lab(100% 0 0/.7);font-variant-numeric:tabular-nums;pointer-events:none;height:44px;animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;align-items:center;display:inline-flex;position:absolute}.lightbox__title{top:max(var(--sp-5), env(safe-area-inset-top));z-index:4;color:#ffffffb3;color:lab(100% 0 0/.7);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:min(56vw,480px);height:44px;animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;line-height:44px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.lightbox__arrow,.lightbox__close,.lightbox__zoom-controls{z-index:4;border-radius:var(--radius-pill);color:var(--ink);background:var(--glass-tint-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-bevel), var(--glass-ring), var(--shadow-glass);animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out), filter var(--dur-hover) var(--ease-out), background-color var(--dur-hover) var(--ease-out);place-items:center;display:grid}.lightbox__arrow{width:48px;height:48px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__arrow--prev{left:var(--sp-5)}.lightbox__arrow--next{right:var(--sp-5)}.lightbox__close{top:max(var(--sp-5), env(safe-area-inset-top));right:var(--sp-5);width:48px;height:48px;position:absolute}.lightbox__zoom-controls{left:50%;bottom:max(var(--sp-5), env(safe-area-inset-bottom));align-items:center;height:48px;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}.lightbox__zoom-button{width:48px;height:48px;transition:background-color var(--dur-hover) var(--ease-out), opacity var(--dur-hover) var(--ease-out), transform var(--dur-hover) var(--ease-out);flex:0 0 48px;place-items:center;display:grid}.lightbox__zoom-level{min-width:58px;height:48px;color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.lightbox__zoom-reset{border-left:1px solid var(--glass-edge)}.lightbox__zoom-button:disabled{opacity:.32;cursor:default}.lightbox__zoom-button:focus-visible{outline-offset:-4px}@media (hover:hover) and (pointer:fine){.lightbox__arrow:hover:not(:disabled),.lightbox__close:hover,.lightbox__zoom-controls:hover{filter:var(--glass-hover-brighten);box-shadow:var(--glass-bevel-hover), var(--shadow-lift)}.lightbox__arrow:hover:not(:disabled){transform:translateY(-50%)scale(1.06)}.lightbox__close:hover{transform:scale(1.08)}.lightbox__zoom-button:hover:not(:disabled){background:#ffffff4d;background:lab(100% 0 0/.3)}}.lightbox__arrow:active:not(:disabled){transform:translateY(-50%)scale(.95)}.lightbox__close:active{transform:scale(.92)}.lightbox__zoom-button:active:not(:disabled){transform:scale(.9)}.lightbox__arrow:disabled{opacity:.25;pointer-events:none}.lightbox.is-closing .lightbox__backdrop,.lightbox.is-closing .lightbox__counter,.lightbox.is-closing .lightbox__title,.lightbox.is-closing .lightbox__arrow,.lightbox.is-closing .lightbox__close,.lightbox.is-closing .lightbox__zoom-controls{animation:.18s cubic-bezier(.55,0,1,.45) forwards lb-fade-out}.lightbox.is-closing .lightbox__frame{animation:.18s cubic-bezier(.55,0,1,.45) forwards lb-media-out}@keyframes lb-fade-in{0%{opacity:0}}@keyframes lb-fade-out{to{opacity:0}}@keyframes lb-media-out{to{opacity:0;transform:scale(.98)}}@media (max-width:768px){.lightbox{padding-top:max(var(--sp-4), env(safe-area-inset-top));padding-right:max(var(--sp-4), env(safe-area-inset-right));padding-bottom:max(var(--sp-4), env(safe-area-inset-bottom));padding-left:max(var(--sp-4), env(safe-area-inset-left))}.lightbox__frame{aspect-ratio:3/4;max-height:min(74vh,74dvh)}.lightbox__title{max-width:50vw}.lightbox__arrow{display:none}}@media (pointer:coarse){.lightbox__arrow{display:none}.lightbox__close{top:max(var(--sp-3), env(safe-area-inset-top));right:max(var(--sp-3), env(safe-area-inset-right))}.lightbox__counter{top:max(var(--sp-3), env(safe-area-inset-top));left:max(var(--sp-3), env(safe-area-inset-left))}.lightbox__title{top:max(var(--sp-3), env(safe-area-inset-top))}}@media (prefers-reduced-transparency:reduce){.lightbox__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#07080af0;background:lab(2.16462% -.0631213 -.832307/.94)}.lightbox__arrow,.lightbox__close,.lightbox__zoom-controls{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.lightbox__arrow,.lightbox__close,.lightbox__zoom-controls,.lightbox__zoom-button{transition:none}.lightbox__frame,.lightbox.is-closing .lightbox__frame{animation-name:lb-fade-in}.lightbox.is-closing .lightbox__frame{animation-name:lb-fade-out}.lightbox__arrow:hover,.lightbox__arrow:active{transform:translateY(-50%)}.lightbox__close:hover,.lightbox__close:active,.lightbox__zoom-button:active{transform:none}}
.focus-reel{--reel-gap:var(--sp-6);--reel-peek:max(var(--gutter), 8cqi);--reel-rail:var(--media-w,min(var(--col-text), 100cqi - 2 * var(--reel-peek)));--slide-w:min(var(--reel-rail), max(var(--media-max-h,100vh) * var(--reel-ratio,1.6), var(--reel-rail) * var(--reel-ratio,1.6) / var(--content-ratio,100)));row-gap:var(--sp-2)}.focus-reel__viewport{grid-column:full;min-width:0;container-type:inline-size}.focus-reel__track{--reel-reach:calc(var(--slide-w) + var(--reel-gap));--reel-start:calc((100cqi - var(--reel-rail)) / 2);--reel-shift:calc(50cqi - var(--reel-start) - var(--slide-w) / 2);--reel-fade:clamp(4px, (var(--reel-peek) - var(--reel-gap)) / 2, var(--gutter));gap:var(--reel-gap);padding-inline:var(--reel-start) calc(100cqi - var(--reel-start) - var(--slide-w));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--reel-fade), #000 calc(100% - var(--reel-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--reel-fade), #000 calc(100% - var(--reel-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--reel-fade), #000 calc(100% - var(--reel-fade)), transparent);scroll-padding-inline-start:var(--reel-start);display:flex;position:relative;overflow:auto hidden}@supports (color:lab(0% 0 0)){.focus-reel__track{-webkit-mask-image:linear-gradient(to right, transparent, lab(0% 0 0) var(--reel-fade), lab(0% 0 0) calc(100% - var(--reel-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, lab(0% 0 0) var(--reel-fade), lab(0% 0 0) calc(100% - var(--reel-fade)), transparent);mask-image:linear-gradient(to right, transparent, lab(0% 0 0) var(--reel-fade), lab(0% 0 0) calc(100% - var(--reel-fade)), transparent)}}.focus-reel__track::-webkit-scrollbar{display:none}@media (max-width:759px){.focus-reel{--reel-gap:var(--sp-2);--reel-peek:var(--gutter)}}.focus-reel__track[data-dragging]{scroll-snap-type:none;cursor:grabbing}.focus-reel__track:focus-visible{outline:none}.focus-reel__slide{flex:0 0 var(--slide-w);scroll-snap-align:start;scroll-snap-stop:always;view-timeline:--reel-slide inline;view-timeline-inset:0}.focus-reel__stage{width:100%;aspect-ratio:var(--reel-ratio,1.6);border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper-deep);cursor:pointer;padding:0;display:block;position:relative;overflow:hidden}.focus-reel__stage[data-active]{cursor:zoom-in}.focus-reel__media{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}@keyframes reel-focus{0%,to{opacity:var(--reel-dim);scale:.95}50%{opacity:1;scale:1}}@keyframes reel-focus-flat{0%,to{opacity:var(--reel-dim)}50%{opacity:1}}@supports (animation-timeline:view()){.focus-reel__stage{animation:linear both reel-focus;animation-timeline:--reel-slide;animation-range:cover calc(50% + var(--reel-shift) - var(--reel-reach)) cover calc(50% + var(--reel-shift) + var(--reel-reach))}@media (prefers-reduced-motion:reduce){.focus-reel__stage{animation-name:reel-focus-flat}}}@supports not (animation-timeline:view()){.focus-reel__stage{opacity:var(--reel-dim);transition:opacity var(--dur-ui) var(--ease-out), scale var(--dur-ui) var(--ease-out);scale:.95}.focus-reel__stage[data-active]{opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.focus-reel__stage{transition:opacity .15s linear;scale:none}}}.case-sub.focus-reel>.focus-reel__bar,.axis-sub.focus-reel>.focus-reel__bar{width:var(--slide-w);grid-column:wide;justify-self:start}.focus-reel__bar{justify-content:center;align-items:center;gap:var(--sp-2);min-height:32px;display:flex}.focus-reel__label{top:var(--sp-3);left:var(--sp-3);z-index:2;position:absolute}.focus-reel__stage[data-active]:focus-visible .focus-reel__label{opacity:1}@media (hover:hover) and (pointer:fine){.focus-reel__stage[data-active]:hover .focus-reel__label{opacity:1}}.focus-reel{timeline-scope:--reel-scroll}.focus-reel__track{scroll-timeline:--reel-scroll inline}.focus-reel__ticks{align-items:center;display:flex}.focus-reel__tick{--reel-step:calc(100% / max(var(--reel-n,2) - 1, 1));cursor:pointer;background:0 0;border:0;width:24px;height:32px;padding:0;position:relative}.focus-reel__tick:before,.focus-reel__tick:after{content:"";background:var(--ink);width:1px;height:14px;margin:-7px 0 0 -.5px;position:absolute;top:50%;left:50%}.focus-reel__tick:before{opacity:.25;transition:transform var(--dur-panel) var(--ease-out), opacity var(--dur-panel) var(--ease-out);transform:scaleY(.45)}.focus-reel__tick[data-dist="1"]:before{opacity:.5;transform:scaleY(.7)}.focus-reel__tick[data-dist="0"]:before{opacity:1;transform:scaleY(1)}.focus-reel__tick:after{opacity:0;transition:opacity var(--dur-ui) var(--ease-out)}@media (hover:hover) and (pointer:fine){.focus-reel__tick:hover:after{opacity:.4}}@keyframes reel-tick{0%,to{opacity:.25;transform:scaleY(.45)}12.5%,87.5%{opacity:.3;transform:scaleY(.5)}25%,75%{opacity:.5;transform:scaleY(.7)}37.5%,62.5%{opacity:.84;transform:scaleY(.9)}50%{opacity:1;transform:scaleY(1)}}@supports (animation-timeline:scroll()){.focus-reel__tick:before{animation:linear both reel-tick;animation-timeline:--reel-scroll;animation-range:calc((var(--k) - 2) * var(--reel-step)) calc((var(--k) + 2) * var(--reel-step));transition:none}}@media (prefers-reduced-motion:reduce){.focus-reel__tick:before,.focus-reel__tick:after{transition:none}}
