.full-demo{margin:0 0 clamp(72px,10vw,140px)}.full-demo-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff18;border-radius:8px;background:#09090b}.full-demo video{display:block;width:100%;height:100%;object-fit:contain}.full-demo-start{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(transparent,#0008);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;font:600 clamp(23px,3vw,38px)/1.2 var(--display)}.full-demo-start>span:first-child{display:grid;place-items:center;width:72px;height:72px;padding-left:4px;border-radius:50%;background:#ffffffec;color:#101014;font:24px var(--sans);box-sizing:border-box}.full-demo-start small{font:12px var(--sans);letter-spacing:.08em;color:#c7c9d0}.full-demo-start:hover>span:first-child{background:#fff;transform:scale(1.05)}.full-demo [hidden]{display:none!important}.full-demo figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;color:var(--muted);font:18px var(--display)}.full-demo figcaption>div{display:flex;align-items:center;gap:20px}.full-demo figcaption button{border:0;background:none;color:#c8cbd2;padding:8px 0;cursor:pointer;font:13px var(--sans)}.full-demo-status{font:12px var(--sans)}.full-demo-stage:fullscreen{border:0;border-radius:0;background:#000}.full-demo-stage:fullscreen video{height:100vh;object-fit:contain}.full-demo button:focus-visible{outline:2px solid #a7bfff;outline-offset:4px}@media(max-width:600px){.full-demo-start{gap:9px}.full-demo-start>span:first-child{width:48px;height:48px;font-size:18px}.full-demo figcaption{align-items:flex-start}.full-demo figcaption>div{gap:14px;flex-wrap:wrap;justify-content:flex-end}}