/* Motion is an enhancement. Content, native pointers and keyboard focus stay in charge. */
.studio-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;contain:strict;opacity:.8;transition:opacity .25s}
.studio-cursor{position:fixed;left:0;top:0;width:24px;height:24px;border:1px solid #8AF0D4;border-radius:50%;z-index:90;pointer-events:none;opacity:0;will-change:transform;transition:opacity .18s,width .22s,height .22s,border-color .22s;background:transparent;box-shadow:0 0 20px #8AF0D412}
.studio-cursor.is-visible{opacity:.65}
.studio-cursor.is-link{width:42px;height:42px;border-color:var(--studio-accent,#FF7059)}
.nav-open .studio-cursor,.nav-open .studio-atmosphere{opacity:0}
.studio-magnetic{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .3s cubic-bezier(.2,.8,.2,1),background .22s,color .22s,border-color .22s,box-shadow .22s}
.studio-magnetic.studio-magnet-active{transition:translate .12s ease-out,background .22s,color .22s,border-color .22s,box-shadow .22s}
.studio-magnetic:focus-visible{translate:0 0}
.studio-kinetic-pending{clip-path:inset(0 0 100% 0)}
.studio-marquee{position:relative;overflow:hidden;isolation:isolate}
.studio-marquee .marquee-track{display:flex;align-items:center;gap:0;width:max-content;animation:studio-ticker 34s linear infinite;will-change:transform}
.studio-marquee .marquee-track>span{display:inline-flex;flex:none;align-items:center;gap:.5em;white-space:nowrap;padding-right:.5em}
.studio-marquee:hover .marquee-track,.studio-marquee:focus-within .marquee-track{animation-play-state:paused}
.studio-marquee .marquee-track i{font-style:normal;color:var(--studio-accent,#FF7059)}
.motion-toggle{font:inherit;font-size:11px;background:none;border:1px solid currentColor;border-radius:100px;padding:10px 15px;min-height:40px;color:inherit;cursor:pointer;opacity:.8;transition:opacity .2s,background .2s}
.motion-toggle:hover{opacity:1;background:#F0EEE60D}
.motion-toggle:focus-visible{outline:2px solid var(--aqua,#8AF0D4);outline-offset:4px}
.motion-toggle:disabled{cursor:default;opacity:.6}
.product-art{isolation:isolate}
.product-art::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#F0EEE610 42%,transparent 68%);translate:-120% 0;transition:translate .9s;pointer-events:none;z-index:2}
.product-card:hover .product-art::after,.product-card:focus-within .product-art::after{translate:120% 0}
.product-art.voice svg{animation:studio-voice-breathe 2.3s ease-in-out infinite;transform-origin:center}
.product-art.voice svg path{stroke-dasharray:150;animation:studio-wave-trace 3s ease-in-out infinite;filter:drop-shadow(0 0 4px currentColor)}
.product-art.search svg>circle:first-child{animation:studio-search-pulse 3.5s ease-in-out infinite;transform-origin:47px 45px}
.product-art.search .lab-query{position:absolute;left:50%;bottom:19%;translate:-50% 0;color:inherit;font-size:11px;white-space:nowrap;max-width:75%;overflow:hidden;border-right:1px solid currentColor;animation:studio-query 6s steps(24,end) infinite;line-height:1.6;opacity:.7}
.product-art.crawler svg circle{animation:studio-node 2.4s ease-in-out infinite;transform-origin:50px 50px}
.product-art.crawler svg>path:first-child{stroke-dasharray:145 28;animation:studio-crawl 9s linear infinite}
.product-art.crawler svg>path:nth-child(2){stroke-dasharray:7 9;animation:studio-crawl 14s linear infinite reverse}
.product-art.story svg>path:nth-of-type(2){stroke-dasharray:50;animation:studio-test-tick 4s ease-in-out infinite}
.product-art .lab-checks{display:grid;gap:8px;position:relative;font-size:12px;font-weight:500;min-width:130px;line-height:1.5}
.product-art .lab-checks>span{display:flex;align-items:center;gap:10px;animation:studio-check-in 4.8s ease-in-out infinite}
.product-art .lab-checks>span:before{content:'✓';border:1px solid currentColor;width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:none}
.product-art .lab-checks>span:nth-child(2){animation-delay:.3s}
.product-art .lab-checks>span:nth-child(3){animation-delay:.6s}
.product-art .lab-checks>span:nth-child(4){animation-delay:.9s}
@keyframes studio-ticker{to{transform:translateX(-50%)}}
@keyframes studio-voice-breathe{0%,100%{scale:1 .76}50%{scale:1 1}}
@keyframes studio-wave-trace{0%,100%{stroke-dashoffset:0;opacity:.6}50%{stroke-dashoffset:36;opacity:1}}
@keyframes studio-search-pulse{0%,100%{scale:1;opacity:1}50%{scale:1.11;opacity:.45}}
@keyframes studio-query{0%,12%{width:0}55%,84%{width:190px}96%,100%{width:0}}
@keyframes studio-node{0%,100%{scale:.8;opacity:.65}50%{scale:1.4;opacity:1}}
@keyframes studio-crawl{to{stroke-dashoffset:-346}}
@keyframes studio-test-tick{0%,12%{stroke-dashoffset:50;opacity:.3}38%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:50;opacity:.3}}
@keyframes studio-check-in{0%,12%{opacity:.35;translate:0 3px}27%,85%{opacity:1;translate:0 0}100%{opacity:.35;translate:0 3px}}
.studio-marquee:not(.studio-in-view) .marquee-track,.product-art:not(.studio-in-view) *,.studio-paused .marquee-track,.studio-paused .product-art *,.studio-inactive .marquee-track,.studio-inactive .product-art *{animation-play-state:paused!important}
.studio-paused .studio-cursor{display:none}
.studio-paused .product-art::after{display:none}
.studio-paused .studio-magnetic{translate:0 0!important}
.studio-paused .studio-kinetic-pending{clip-path:none}
@media(hover:none),(pointer:coarse){.studio-cursor{display:none}.studio-magnetic{translate:0 0!important}.studio-atmosphere{opacity:.4}}
@media(max-width:560px){.studio-marquee .marquee-track{animation-duration:25s}.product-art.search .lab-query{font-size:9px;bottom:16%}.product-art .lab-checks{font-size:10px;min-width:110px;gap:7px}}
@media(prefers-reduced-motion:reduce){.studio-cursor{display:none}.studio-magnetic{translate:0 0!important}.studio-kinetic-pending{clip-path:none}.studio-marquee .marquee-track,.product-art.voice svg,.product-art.voice svg path,.product-art.search svg>circle:first-child,.product-art.search .lab-query,.product-art.crawler svg circle,.product-art.crawler svg>path,.product-art.story svg>path,.product-art .lab-checks>span{animation:none!important}.product-art.search .lab-query{width:auto;border:0}.product-art .lab-checks>span{opacity:1}.product-art::after{display:none}}

/* Keep the original miniature interfaces compact within the coloured Labs canvases. */
.product-art .lab-checks{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);font-size:11px;min-width:0;gap:5px;color:#101819}.product-art.search .lab-query{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);translate:0 0;color:#101819;line-height:1.6;padding:8px 14px}.product-art .lab-checks>span{gap:7px}.product-art .lab-checks>span:before{display:none}
.studio-paused .vn-page-pending{opacity:1!important;translate:none!important;transition:none!important;animation:none!important}.studio-paused .orbit-copy{animation:none!important}.studio-paused .fan-card{transition:none!important}
.product-art.crawler svg circle:nth-of-type(2){animation-delay:.3s;transform-origin:50px 48px}.product-art.crawler svg circle:nth-of-type(3){animation-delay:.6s;transform-origin:83px 18px}.product-art.crawler svg circle:nth-of-type(4){animation-delay:.9s;transform-origin:85px 72px}.product-art.crawler svg circle:nth-of-type(5){animation-delay:1.2s;transform-origin:25px 84px}.product-art.crawler svg circle:first-of-type{transform-origin:16px 23px}