.showcase-scroll[data-reveal-ready] .reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .64s cubic-bezier(.22,1,.36,1),transform .64s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s)}.showcase-scroll[data-reveal-ready] .site-slide.is-inview .reveal{opacity:1;transform:translateZ(0)}.showcase-scroll[data-reveal-ready] .reveal-deep{transform:translate3d(0,26px,0) perspective(900px) rotateX(6deg) scale(.98);transform-origin:50% 100%}.showcase-scroll[data-reveal-ready] .site-slide.is-inview .reveal-deep{transform:none}.showcase-fan{position:relative;width:min(100%,560px);aspect-ratio:16/13;margin-inline:auto}.showcase-fan-card{position:absolute;margin:0;overflow:hidden;border-radius:.75rem;border:1px solid rgba(255,255,255,.16);background:#ffffff}.showcase-fan-art{display:block}.showcase-fan-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.showcase-fan-art img,.showcase-fan-art>div{border:0;border-radius:0}.showcase-fan-back{width:58%;animation:showcase-fan-drift 11s ease-in-out infinite}.showcase-fan-back-left{left:0;top:4%;rotate:-7deg}.showcase-fan-back-right{right:0;top:0;rotate:6deg;animation-delay:-5.5s}.showcase-fan-front{left:50%;bottom:0;width:78%;translate:-50% 0;animation:showcase-fan-front-drift 13s ease-in-out infinite}.showcase-fan-chrome{display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--site-ink) 10%,transparent);background:#f6f8fc}.showcase-fan-dots{display:inline-flex;gap:.28rem}.showcase-fan-dots span{width:.42rem;height:.42rem;border-radius:999px;background:color-mix(in srgb,var(--site-ink) 18%,transparent)}.showcase-fan-url{overflow:hidden;flex:1;padding:.18rem .6rem;border-radius:999px;background:#ffffff;border:1px solid color-mix(in srgb,var(--site-ink) 9%,transparent);color:color-mix(in srgb,var(--site-ink) 72%,transparent);font-size:.62rem;font-weight:600;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.showcase-fan-url strong{color:var(--site-accent);font-weight:700}@keyframes showcase-fan-drift{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes showcase-fan-front-drift{0%,to{translate:-50% 0}50%{translate:-50% -7px}}.showcase-card{display:flex;height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--site-border);border-radius:.75rem;background:var(--theme-surface,#ffffff);transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease}.showcase-card:hover{border-color:color-mix(in srgb,var(--site-accent) 45%,transparent);transform:translateY(-4px)}.showcase-card-thumb{position:relative;display:block;overflow:hidden;border-bottom:1px solid var(--site-border);background:var(--site-soft)}.showcase-card-thumb img{transition:transform .9s cubic-bezier(.22,1,.36,1);transform-origin:top center}.showcase-card:hover .showcase-card-thumb img{transform:scale(1.045)}.showcase-card-thumb img,.showcase-card-thumb>div{border:0;border-radius:0}.showcase-card-open{position:absolute;right:.7rem;bottom:.7rem;display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);background:rgba(255,255,255,.92);color:var(--site-ink);font-size:.7rem;font-weight:600;opacity:0;translate:0 4px;transition:opacity .24s ease,translate .24s ease;backdrop-filter:blur(6px)}.showcase-card-thumb:focus-visible .showcase-card-open,.showcase-card:hover .showcase-card-open{opacity:1;translate:0 0}.showcase-live-dot{position:relative;display:inline-grid;place-items:center;width:.55rem;height:.55rem;border-radius:999px;background:var(--site-accent)}.showcase-live-dot:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--site-accent) 55%,transparent);animation:showcase-live-ping 2.2s cubic-bezier(.22,1,.36,1) infinite}@keyframes showcase-live-ping{0%{opacity:.9;scale:.6}70%,to{opacity:0;scale:1.5}}[data-theme=dark] .showcase-card{background:rgba(255,255,255,.05)}[data-theme=dark] .showcase-card-thumb{background:transparent}@media (max-width:1023px){.showcase-fan{width:min(100%,430px)}}@media (prefers-reduced-motion:reduce){.showcase-fan-back,.showcase-fan-front{animation:none}.showcase-live-dot:after{animation:none;opacity:0}.showcase-card,.showcase-card-open,.showcase-card-thumb img{transition:none}.showcase-scroll[data-reveal-ready] .reveal{opacity:1;transform:none;transition:none}.showcase-scroll[data-reveal-ready] .reveal-deep{transform:none}}