.vf-showcase{padding:68px 0 60px;overflow:hidden;background:radial-gradient(ellipse 80% 55% at 50% 55%,#c7ad860b,transparent 85%),var(--vf-bg);border-top:1px solid var(--vf-line);border-bottom:1px solid var(--vf-line)}
.vf-showcase-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px}.vf-showcase-head .vf-pill{margin-bottom:19px}.vf-showcase-head h2{font-size:clamp(29px,3.5vw,45px);line-height:1.2;letter-spacing:-1.35px;font-weight:500;margin-bottom:16px}.vf-showcase-intro{color:var(--vf-muted);font-size:14px;line-height:1.8;margin-bottom:0;max-width:570px}
.vf-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:44px;padding:11px 17px;border:1px solid #c7ad8640;border-radius:30px;color:#d9c7ab;background:#c7ad8609;font-size:11px;line-height:1.5}.vf-motion-toggle:hover{background:#c7ad8617}.vf-motion-toggle [data-motion-icon]{font-size:15px;line-height:1;width:16px;text-align:center}
.vf-showcase-rows{display:grid;gap:0}.vf-landing-row{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#0009 4%,#000 10%,#000 90%,#0009 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#0009 4%,#000 10%,#000 90%,#0009 96%,transparent)}
.vf-landing-track{display:flex;width:max-content;animation:vf-landing-flow var(--vf-showcase-duration,75s) linear infinite;animation-play-state:paused;will-change:transform}.vf-landing-row-reverse .vf-landing-track{animation-direction:reverse}
.vf-landing-group{display:flex;gap:18px;padding:16px 18px 16px 0;flex-shrink:0;align-items:center}.vf-landing-card{position:relative;display:block;flex-shrink:0;width:clamp(270px,29vw,410px);aspect-ratio:3/2;border:1px solid #c7ad8636;border-radius:13px;overflow:hidden;background:#182938;box-shadow:0 12px 28px #0003;text-decoration:none}.vf-landing-card img{display:block;width:100%;height:100%;object-fit:contain}.vf-landing-open{position:absolute;right:12px;bottom:12px;padding:7px 11px;border-radius:20px;background:#0d1721e8;color:#e6d8c3;font-size:9px;letter-spacing:.1px;border:1px solid #c7ad8645;opacity:0;transition:opacity .18s ease}.vf-landing-card:hover .vf-landing-open,.vf-landing-card:focus-visible .vf-landing-open{opacity:1}
.vf-showcase.is-visible:not(.is-paused):not(.is-background) .vf-landing-track{animation-play-state:running}.vf-landing-row:focus-within .vf-landing-track{animation-play-state:paused!important}
@media(hover:hover){.vf-landing-row:hover .vf-landing-track{animation-play-state:paused!important}}
@keyframes vf-landing-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:700px){.vf-showcase{padding:44px 0 36px}.vf-showcase-head{gap:20px;margin-bottom:16px;align-items:flex-start}.vf-showcase-head h2{letter-spacing:-.8px;font-size:30px;line-height:1.22}.vf-showcase-head .vf-pill{font-size:10px;margin-bottom:17px}.vf-showcase-intro{font-size:12px;line-height:1.8}.vf-motion-toggle{width:44px;height:44px;padding:0;margin-top:53px}.vf-motion-toggle [data-motion-label]{display:none}.vf-landing-group{gap:14px;padding:12px 14px 12px 0}.vf-landing-card{width:min(58vw,250px);border-radius:10px}.vf-landing-row{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}}
@media(prefers-reduced-motion:reduce){.vf-landing-track{animation:none;transform:none;will-change:auto}.vf-landing-group[aria-hidden=true]{display:none}.vf-landing-row{overflow-x:auto;mask-image:none;-webkit-mask-image:none;padding-inline:6%;scrollbar-width:thin;scrollbar-color:#c7ad8670 #111e2a}.vf-motion-toggle{display:none}.vf-landing-open{transition:none}}
