.vpx-fx{background:var(--void, #0A0A0B);padding:96px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1400px;margin:0 auto}.vpx-fx__stage{position:relative;aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;background:var(--void-2, #131316);cursor:pointer}.vpx-fx__stage:focus-visible{outline:2px solid var(--orange, #FF6B35);outline-offset:3px}.vpx-fx__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:40px;transition:opacity .5s ease}.vpx-fx__poster--svg{padding:22%}.vpx-fx__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.vpx-fx__canvas.is-ready{opacity:1}.vpx-fx__canvas.is-ready+.vpx-fx__poster,.vpx-fx__stage:has(.vpx-fx__canvas.is-ready) .vpx-fx__poster{opacity:0}.vpx-fx__copy{display:flex;flex-direction:column;gap:16px}.vpx-fx__eyebrow{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-bright, #FF8A5C)}.vpx-fx__heading{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--white, #F5F5F0);line-height:1.1;margin:0}.vpx-fx__link{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:13px;letter-spacing:.04em;color:var(--orange, #FF6B35);text-decoration:none;width:fit-content;border-bottom:1px solid transparent;transition:border-color .2s ease}.vpx-fx__link:hover{border-color:var(--orange, #FF6B35)}@media(max-width:749px){.vpx-fx{grid-template-columns:1fr;padding:56px 20px;gap:32px}}@media(prefers-reduced-motion:reduce){.vpx-fx__canvas{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/vpx-futuristic-showcase.css.map */