:where(.projectShowcase) .sv-art *{box-sizing:border-box}:where(.projectShowcase) .sv-art{aspect-ratio:16/10;isolation:isolate;background:var(--matte);pointer-events:none;border-radius:20px;width:100%;position:relative;overflow:hidden;container-type:inline-size}:where(.projectShowcase) .sv-art .sv-screen{background:#fff;border-radius:.7cqw;position:absolute;overflow:hidden;box-shadow:0 20px 42px #0003}:where(.projectShowcase) .sv-art img{object-fit:contain;pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}@media (max-width:580px){:where(.projectShowcase) .sv-art{border-radius:14px}:where(.projectShowcase) .sv-art .sv-screen{border-radius:.8cqw}}:where(.projectShowcase) .sv-art.sv-scene{background:var(--matte);aspect-ratio:16/10;isolation:isolate}:where(.projectShowcase) .sv-scene:before{content:"";z-index:0;background:radial-gradient(at 20% 10%,#fff6,#0000 62%),linear-gradient(145deg,#0000 50%,#02000712);position:absolute;inset:0}:where(.projectShowcase) .sv-screen-position{width:72%;aspect-ratio:var(--screen-ratio);z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where(.projectShowcase) .sv-scene[data-project=scoutr] .sv-screen-position,:where(.projectShowcase) .sv-scene[data-project=unity] .sv-screen-position{width:66%}:where(.projectShowcase) .sv-scene-float{width:100%;height:100%;position:absolute;inset:0}:where(.projectShowcase) .sv-scene .sv-screen.sv-main{border-radius:.6cqw;width:100%;height:100%;inset:0;transform:none;box-shadow:0 2.6cqw 4.5cqw #02000730,0 .25cqw .4cqw #02000712}:where(.projectShowcase) .sv-scene .sv-main>img{object-fit:contain}:where(.projectShowcase) .sv-scene-phone{aspect-ratio:375/1095;z-index:5;width:12%;position:absolute;top:29%;left:11%}:where(.projectShowcase) .sv-scene-phone .sv-screen{border-radius:1cqw;width:100%;height:100%;inset:0;transform:none;box-shadow:0 20px 42px #0003}:where(.projectShowcase) .sv-depth-plane{pointer-events:none;position:absolute;inset:0}:where(.projectShowcase) .sv-plane-top{z-index:1}:where(.projectShowcase) .sv-plane-left{z-index:6;transform-origin:0 100%;transform:translate(-2%,1%)scale(.9)}:where(.projectShowcase) .sv-plane-right{z-index:4;transform-origin:100% 100%;transform:translate(2%,1%)scale(.84)}:where(.projectShowcase) .sv-scene .sv-prop{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}:where(.projectShowcase) .sv-scene .sv-prop-left{clip-path:inset(44% 58% 0 0)}:where(.projectShowcase) .sv-scene .sv-prop-top{clip-path:inset(0 0 45% 64%)}:where(.projectShowcase) .sv-scene .sv-prop-right{clip-path:inset(50% 0 0 65%)}:where(.projectShowcase) .sv-scene-shadow{filter:blur(1.3cqw);opacity:.11;z-index:1;background:#020007;border-radius:50%;width:56%;height:5%;position:absolute;top:82%;left:22%}:where(.projectShowcase) .sv-scene[data-project=scoutr] .sv-scene-shadow,:where(.projectShowcase) .sv-scene[data-project=unity] .sv-scene-shadow{width:52%;top:87%;left:24%}:where(.projectShowcase) .sv-scene[data-motion-visible=true] .sv-motion-layer{animation-play-state:running}:where(.projectShowcase) html[data-motion-paused=true] .sv-scene .sv-motion-layer,:where(.projectShowcase) html[data-page-hidden=true] .sv-scene .sv-motion-layer{animation-play-state:paused}:where(.projectShowcase) .sv-scene .sv-screen{background:#fff}:where(.projectShowcase) .sv-scene[data-project=tasting-menu] .sv-screen{background:#0f0d0d}@media (max-width:580px){:where(.projectShowcase) .sv-scene .sv-screen.sv-main{border-radius:.8cqw}:where(.projectShowcase) .sv-scene-phone .sv-screen{border-radius:1cqw}}:where(.projectShowcase) .sv-scene .sv-motion-layer{will-change:auto}:where(.projectShowcase) .sv-scene[data-motion-visible=true] .sv-motion-layer{will-change:transform}:where(.projectShowcase) html[data-motion-paused=true] .sv-scene .sv-motion-layer,:where(.projectShowcase) html[data-page-hidden=true] .sv-scene .sv-motion-layer{will-change:auto}@media (prefers-reduced-motion:reduce){:where(.projectShowcase) .sv-scene .sv-motion-layer{will-change:auto!important;animation:none!important}}@media print{:where(.projectShowcase) .sv-scene .sv-motion-layer{animation:none!important}}:where(.projectShowcase) .sv-demo{pointer-events:none;position:absolute;inset:0;overflow:hidden}:where(.projectShowcase) .sv-demo-card{left:var(--x);top:var(--y);width:var(--w);height:var(--h);background-repeat:no-repeat;background-size:var(--bgw) var(--bgh);background-position:var(--bgx) var(--bgy);opacity:0;z-index:3;transform-origin:50%;border-radius:.35cqw;animation:12s cubic-bezier(.2,.7,.3,1) infinite paused sv-demo-card-a;position:absolute;box-shadow:0 .6cqw 1.3cqw #0200072b}:where(.projectShowcase) .sv-demo-card-b{animation-name:sv-demo-card-b}:where(.projectShowcase) .sv-demo-pointer{z-index:8;opacity:0;width:100%;height:100%;animation:12s cubic-bezier(.2,.7,.3,1) infinite paused sv-demo-cursor;position:absolute;inset:0}:where(.projectShowcase) .sv-cursor-icon{filter:drop-shadow(0 1px 1px #0005);transform-origin:15% 15%;width:clamp(9px,1.6cqw,21px);height:auto;animation:12s ease-in-out infinite paused sv-demo-press;display:block;position:absolute;top:0;left:0}:where(.projectShowcase) .sv-demo-click-position{left:var(--cx);top:var(--cy);aspect-ratio:1;z-index:7;width:clamp(12px,2cqw,28px);position:absolute;transform:translate(-50%,-50%)}:where(.projectShowcase) .sv-demo-click{border:1.5px solid var(--pa);opacity:0;border-radius:50%;animation:12s ease-out infinite paused sv-demo-click-a;position:absolute;inset:0}:where(.projectShowcase) .sv-demo-click-b{animation-name:sv-demo-click-b}@keyframes sv-demo-cursor{0%,to{opacity:0;transform:translate(23%,13%)}7%{opacity:1;transform:translate(23%,13%)}20%,34%{transform:translate3d(var(--ax),var(--ay),0);opacity:1}56%,73%{transform:translate3d(var(--bx),var(--by),0);opacity:1}92%{opacity:0;transform:translate(78%,87%)}}@keyframes sv-demo-press{0%,22%,29%,59%,66%,to{transform:scale(1)}24%,61%{transform:scale(.8)}26%,63%{transform:scale(1.12)}28%,65%{transform:scale(1)}}@keyframes sv-demo-card-a{0%,19%,43%,to{opacity:0;transform:scale(1)}22%{opacity:1;transform:scale(1.015)}25%{opacity:1;transform:scale(.985)}29%,36%{transform:scale(var(--lift));opacity:1}}@keyframes sv-demo-card-b{0%,54%,85%,to{opacity:0;transform:scale(1)}58%{opacity:1;transform:scale(1.01)}62%{opacity:1;transform:scale(.99)}66%,77%{transform:scale(var(--lift));opacity:1}}@keyframes sv-demo-click-a{0%,22%,31%,to{opacity:0;transform:scale(.4)}24%{opacity:.65;transform:scale(.45)}30%{opacity:0;transform:scale(1.6)}}@keyframes sv-demo-click-b{0%,59%,69%,to{opacity:0;transform:scale(.4)}61%{opacity:.65;transform:scale(.45)}68%{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){:where(.projectShowcase) .sv-demo .sv-motion-layer{animation:none!important}:where(.projectShowcase) .sv-demo-card,:where(.projectShowcase) .sv-demo-pointer,:where(.projectShowcase) .sv-demo-click{opacity:0!important}}:where(.projectShowcase) .sv-demo-pointer .sv-cursor-icon{filter:drop-shadow(0 1px 2px #02000766);width:clamp(12px,2cqw,26px)}:where(.projectShowcase) .sv-cursor-gesture{transform-box:fill-box;transform-origin:8% 3%;animation:12s cubic-bezier(.2,.7,.3,1) infinite paused sv-cursor-gesture}@keyframes sv-cursor-gesture{0%,7%{transform:rotate(-10deg)}19%,34%{transform:rotate(0)}46%{transform:rotate(9deg)}55%,73%{transform:rotate(0)}87%,to{transform:rotate(-8deg)}}:where(.projectShowcase) .sv-unity-flow>img.sv-flow-home{object-fit:cover;object-position:center top}:where(.projectShowcase) .sv-flow-page.sv-flow-requests{object-fit:contain;opacity:0;width:100%;height:100%;animation:12s linear infinite paused sv-flow-requests;position:absolute;inset:0}:where(.projectShowcase) .sv-unity-flow .sv-demo{z-index:2}@keyframes sv-flow-requests{0%,25%{opacity:0}26%,62%{opacity:1}63%,to{opacity:0}}:where(.projectShowcase) .sv-flow-target-a{animation-name:sv-flow-target-a}:where(.projectShowcase) .sv-flow-target-b{animation-name:sv-flow-target-b}@keyframes sv-flow-target-a{0%,19%,26%,to{opacity:0;transform:scale(1)}22%{opacity:1;transform:scale(1.03)}24%{opacity:1;transform:scale(.97)}25%{opacity:1;transform:scale(1.06)}}@keyframes sv-flow-target-b{0%,54%,63%,to{opacity:0;transform:scale(1)}58%{opacity:1;transform:scale(1.03)}61%{opacity:1;transform:scale(.97)}62%{opacity:1;transform:scale(1.06)}}:where(.projectShowcase) .sv-trivee-flow .sv-flow-discover{object-fit:contain;opacity:0;width:100%;height:100%;animation:12s linear infinite paused sv-flow-requests;position:absolute;inset:0}:where(.projectShowcase) .sv-trivee-flow .sv-demo,:where(.projectShowcase) .sv-scene[data-project=trivee] .sv-plane-left{z-index:2}:where(.projectShowcase) .sv-scene[data-project=unity] .sv-scene-phone{top:29%;left:77%}:where(.projectShowcase) .sv-tasting-flow .sv-flow-directory{object-fit:contain;opacity:0;width:100%;height:100%;animation:12s linear infinite paused sv-flow-requests;position:absolute;inset:0}:where(.projectShowcase) .sv-tasting-flow .sv-demo,:where(.projectShowcase) .sv-scene[data-project=tasting-menu] .sv-plane-left{z-index:2}.projectShowcase{width:100%;min-width:0;position:relative}.projectShowcase .sv-art.sv-scene{aspect-ratio:16/10;border-radius:20px}.projectShowcase .sv-motion-layer{animation-duration:4.8s;animation-iteration-count:1;animation-fill-mode:both}.projectShowcase [data-motion-finished=true] .sv-motion-layer{will-change:auto!important;animation:none!important}.projectShowcase [data-motion-visible=false] .sv-motion-layer{will-change:auto}@media (prefers-reduced-motion:reduce){.projectShowcase .sv-motion-layer{will-change:auto!important;animation:none!important}}@media (max-width:600px){.projectShowcase .sv-art.sv-scene{border-radius:14px}}.projectShowcase .sv-scene[data-project=scoutr] .sv-screen-position{width:72%}.projectShowcase .sv-scene[data-project=scoutr] .sv-plane-left{z-index:2}
