.showcase-reel{--clip-chrome:#12130f;--clip-on-chrome:#f4f4ef;width:100%;min-width:0}.showcase-reel-track{justify-content:center;gap:clamp(12px,2vw,26px);padding:20px 8px 6px;display:flex}.showcase-clip{flex:1 1 0;min-width:0;max-width:280px;margin:0}.showcase-clip:nth-child(2n){transform:translateY(18px)}.showcase-clip-picture{aspect-ratio:9/16;background:var(--clip-chrome);border:1px solid var(--rule,#12130f24);transition:transform .26s var(--ease,ease-out), box-shadow .26s var(--ease,ease-out);border-radius:14px;position:relative;overflow:hidden}.showcase-clip:hover .showcase-clip-picture{transform:translateY(-2px);box-shadow:0 26px 40px -28px #12130f80}.showcase-clip video{object-fit:cover;width:100%;height:100%;display:block}.showcase-clip-category{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--clip-on-chrome);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;background:#12130f9e;border:1px solid #f4f4ef38;border-radius:999px;padding:6px 11px;font-size:.625rem;font-weight:500;position:absolute;top:12px;left:12px}.showcase-clip-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:44px;height:44px;color:var(--clip-on-chrome);cursor:pointer;background:#12130f9e;border:1px solid #f4f4ef47;border-radius:50%;place-items:center;font-size:12px;line-height:1;transition:background .18s ease-out,transform .18s ease-out;display:grid;position:absolute;bottom:10px;right:10px}.showcase-clip-play:hover{background:var(--clip-chrome);transform:scale(1.06)}.showcase-clip figcaption{font-family:var(--font-display,sans-serif);letter-spacing:-.01em;padding:14px 2px 0;font-size:.875rem;font-weight:600}.showcase-clip figcaption strong{font-weight:inherit}.showcase-clip-error{background:var(--clip-chrome);color:var(--clip-on-chrome);border-radius:8px;padding:10px;font-size:.75rem;line-height:1.5;position:absolute;bottom:62px;left:10px;right:10px}.showcase-clip-error a{text-underline-offset:3px;text-decoration:underline}.showcase-reel-compact .showcase-reel-track{gap:12px}.showcase-reel-compact .showcase-clip-category{padding:5px 9px;font-size:.5625rem;top:10px;left:10px}.showcase-reel-compact .showcase-clip figcaption{padding-top:10px;font-size:.8125rem}@media (width<=700px){.showcase-reel-track{scroll-snap-type:x mandatory;scrollbar-width:thin;justify-content:flex-start;padding:8px 0 12px;overflow-x:auto}.showcase-clip{scroll-snap-align:start;flex:0 0 62%;max-width:250px;transform:none}.showcase-reel-compact .showcase-clip{flex-basis:62%}.showcase-clip:nth-child(2n){transform:none}}@media (prefers-reduced-motion:reduce){.showcase-clip:nth-child(2n){transform:none}}