.figure{margin:30px 0}.figure[data-wide=true]{width:min(100%,1100px);margin-left:50%;transform:translate(-50%)}.figure video,.figure img{border-radius:12px;margin:0;overflow:hidden}.figure-caption{color:var(--ink-muted);margin-top:10px;font-size:14px}.figure-media{position:relative}.figure-media:focus-visible{outline:1px solid var(--ink);outline-offset:4px;border-radius:12px}.figure-close{width:30px;height:30px;color:var(--ink-icon);background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:20px;right:20px}.figure-close svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:14px;height:14px}.figure-media[data-hidden=true]{opacity:0}.figure-overlay{z-index:100;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.figure-overlay-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fafafaf0;position:fixed;inset:0}.figure-overlay-media{pointer-events:none;width:min(100%,1600px);max-height:100%;position:relative}.figure-overlay-media>*{pointer-events:auto}.figure-overlay-frame,.figure-overlay .video-frame{width:100%;aspect-ratio:var(--ratio,1.777);transform-origin:50%;will-change:transform;border-radius:12px;overflow:hidden}.figure-overlay-frame,.figure-overlay-media>.video{width:min(100%, calc((100vh - 180px) * var(--ratio,1.777)));margin:0 auto}.figure-overlay-media img,.figure-overlay-media video{object-fit:contain;width:100%;height:100%}.figure-overlay-caption{color:var(--ink-muted);text-align:center;margin-top:12px;font-size:14px}.figure-overlay .video-controls,.figure-overlay-caption,.figure-close{animation:.2s .26s both figure-chrome-in}.figure-overlay[data-closing=true] :is(.video-controls,.figure-overlay-caption,.figure-close){animation:.14s both figure-chrome-out}@keyframes figure-chrome-in{0%{opacity:0}}@keyframes figure-chrome-out{to{opacity:0}}@media (max-width:940px){.figure[data-wide=true]{width:100%;margin-left:0;transform:none}}@media (prefers-reduced-motion:reduce){.figure-overlay .video-controls,.figure-overlay-caption,.figure-close,.figure-overlay[data-closing=true] :is(.video-controls,.figure-overlay-caption,.figure-close){animation:none}}
.video{position:relative}.video-controls{align-items:center;gap:12px;margin-top:10px;display:flex}.video-button{width:20px;height:20px;color:var(--ink);background:0 0;border:none;place-items:center;padding:0;display:grid}.video-button svg{fill:currentColor;width:12px;height:12px}.video-bar{touch-action:none;flex:1;align-items:center;height:20px;display:flex;position:relative}.video-bar:focus{outline:none}.video-bar-track{background:var(--backdrop);border-radius:2px;width:100%;height:2px;overflow:hidden}.video-bar-fill{background:var(--ink);transform-origin:0;height:100%;transform:scaleX(0)}.video-bar-knob{background:var(--ink);pointer-events:none;border-radius:999px;width:9px;height:9px;margin-left:-4.5px;transition:transform .15s;position:absolute;top:50%;transform:translateY(-50%)scale(0)}.video:hover .video-bar-knob,.video-bar:focus-visible .video-bar-knob,.video[data-scrubbing=true] .video-bar-knob{transform:translateY(-50%)scale(1)}.video-time{letter-spacing:.3px;color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}@media (prefers-reduced-motion:reduce){.video-bar-knob{transition:none}}
.collage{column-count:var(--columns,3);column-gap:var(--gutter);margin:30px 0}.collage[data-wide=true]{width:min(100%,1100px);margin-left:50%;transform:translate(-50%)}.collage .figure{margin:0 0 var(--gutter);break-inside:avoid}.collage .figure-media img{background:var(--backdrop);width:100%;height:auto;display:block}.collage .figure-caption{margin-top:8px;line-height:1.5}@media (max-width:940px){.collage{column-count:min(var(--columns,3), 2)}.collage[data-wide=true]{width:100%;margin-left:0;transform:none}}@media (max-width:500px){.collage{column-count:1}}