.site-showcase{margin-top:30px}.site-showcase-tabs{justify-content:center;gap:8px;display:flex}.site-showcase-tab{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}.site-showcase-tab:not(.site-showcase-tab--on):hover{border-color:var(--accent);color:var(--accent)}.site-showcase-tab--on{background:var(--accent);border-color:var(--accent);color:var(--background)}.site-showcase-note{text-align:center;color:var(--muted);margin:16px 0 0;font-size:12px}.site-showcase-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100vw;margin-top:22px;margin-left:-50vw;position:relative;left:50%;overflow:auto hidden}.site-showcase-row::-webkit-scrollbar{display:none}.site-showcase-track{gap:12px;width:max-content;padding:4px 0;display:flex}.site-showcase-tile{border:1px solid var(--border);background:var(--bg-3);cursor:zoom-in;border-radius:16px;flex:none;height:clamp(260px,30vw,400px);margin:0;padding:0;position:relative;overflow:hidden}.site-showcase-tile img{width:auto;height:100%;display:block}.site-showcase-hint{color:#fff;background:#040918b8;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:26px;height:26px;font-size:13px;line-height:1;display:grid;position:absolute;bottom:8px;right:8px}.site-showcase-clip{border:1px solid var(--border);background:var(--bg-3);border-radius:16px;flex:none;width:clamp(220px,26vw,300px);position:relative;overflow:hidden}.site-showcase-clip-media{aspect-ratio:9/16;background:var(--bg-3);cursor:pointer;width:100%;position:relative}.site-showcase-poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.site-showcase-clip video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.site-showcase-clip video.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.site-showcase-clip video{transition:none}}.site-showcase-sound{color:#fff;cursor:pointer;background:#040918bf;border:1px solid #ffffff4d;border-radius:999px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:10px}.site-showcase-sound[aria-pressed=true]{background:var(--accent);color:var(--background);border-color:var(--accent)}.site-showcase-zoom{background:#040918eb;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;padding:0;display:grid;position:fixed;inset:0}.site-showcase-zoom::backdrop{background:#040918eb}.site-showcase-zoom img{background:var(--bg-3);border-radius:12px;width:auto;max-width:min(94vw,900px);height:auto;max-height:92vh}.site-showcase-close{color:#fff;cursor:pointer;background:#040918cc;border:1px solid #ffffff47;border-radius:999px;width:40px;height:40px;font-family:inherit;font-size:16px;position:fixed;top:18px;right:18px}@media (max-width:640px){.site-showcase-tile{height:260px}.site-showcase-clip{width:220px}}