/* /slideshow/: one picture at a time, the caption below it in the site's own type. */
.slideshow{background:var(--site-paper)}
.slideshow-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100svh - 96px - 128px);min-height:280px;overflow:hidden;background:#101110}
.slideshow-scene{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background:#101110}
.slideshow-scene.visible{opacity:1}
.slideshow-scene img,.slideshow-scene video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.slideshow-scene video{opacity:0;transition:opacity .4s ease}
.slideshow-scene video.live{opacity:1}
.slideshow-bar{display:flex;align-items:start;justify-content:space-between;gap:32px;padding-top:22px;padding-bottom:40px;min-height:128px}
.slideshow-caption{min-width:0}
.slideshow-kicker{display:flex;gap:18px;margin:0 0 8px!important;font:400 12px/1.4 SiteMono,monospace;color:var(--site-muted)}
.slideshow-kicker span:empty,.slideshow-caption p:empty{display:none}
.slideshow-caption h1{font-size:clamp(24px,2.4vw,36px)!important;letter-spacing:-.03em}
.slideshow-caption h1 a{text-decoration:none}
.slideshow-caption h1 a[href]:hover{text-decoration:underline;text-underline-offset:.15em}
.slideshow-detail{margin:6px 0 0!important;font-size:17px}
.slideshow-credit{margin:6px 0 0!important;font-size:13px;color:var(--site-muted)}
.slideshow-controls{display:flex;align-items:center;gap:6px 22px;flex:0 0 auto;flex-wrap:wrap;justify-content:end}
.slideshow-controls button{border:0;border-bottom:1px solid transparent;background:none;padding:9px 0;min-height:44px;font-size:15px}
.slideshow-controls button:hover{border-bottom-color:currentColor}
.slideshow-count{font:400 12px/1.7 SiteMono,monospace;color:var(--site-muted);min-width:5.5em;text-align:right}
.slideshow:fullscreen{display:flex;flex-direction:column;background:#101110;color:#fff}
.slideshow:fullscreen .slideshow-stage{flex:1;max-height:none;aspect-ratio:auto}
.slideshow:fullscreen .slideshow-scene img,.slideshow:fullscreen .slideshow-scene video{object-fit:contain}
.slideshow:fullscreen .slideshow-bar{max-width:none}
.slideshow:fullscreen :is(.slideshow-kicker,.slideshow-credit,.slideshow-count){color:#ffffffa6}
@media(max-width:700px){
  .slideshow-stage{max-height:none;min-height:0}
  .slideshow-bar{flex-direction:column;gap:14px;padding-top:18px;padding-bottom:30px}
  .slideshow-controls{justify-content:start}
  .slideshow-count{text-align:left}
}
@media(prefers-reduced-motion:reduce){.slideshow-scene,.slideshow-scene video{transition:none}}