.desk-play{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(100vw,1536px);height:calc(min(100vw,1536px) * 2 / 3);z-index:1;pointer-events:none}.desk-hotspot{position:absolute;pointer-events:auto;cursor:pointer;border:0;padding:0;background:transparent;border-radius:28%;color:#2c57a0}.desk-hotspot:focus-visible{outline:2px dashed #2c57a0;outline-offset:5px}.desk-hotspot.desk-playing{background:radial-gradient(ellipse,#ffffff28,transparent 65%);box-shadow:0 0 0 2px #f7efc18c}.desk-hotspot[data-effect=tick].desk-playing:after{content:'↻';position:absolute;inset:20%;display:grid;place-items:center;color:#fffbd9;font-size:65px;animation:desk-spin 1.5s ease-out}.desk-hotspot[data-effect=measure].desk-playing:after{content:'↔ 100% curious';position:absolute;bottom:0;left:0;white-space:nowrap;background:#efe8b5;padding:5px;font:11px monospace}.desk-hotspot[data-effect=calculate].desk-playing:after{content:'IDEAS ∞';position:absolute;top:8%;left:20%;transform:rotate(15deg);background:#b7c29c;color:#223321;padding:5px 12px;font:700 clamp(9px,2vw,26px) monospace}.desk-bubble{position:fixed;z-index:10001;transform:translateX(-50%) translateY(5px);max-width:min(270px,calc(100vw - 24px));padding:12px 16px;background:#fff5b8;color:#302d22;border-radius:3px;box-shadow:2px 5px 12px #30251735;font:16px/1.3 'Caveat',cursive;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;text-align:center}.desk-bubble.visible{opacity:1;transform:translateX(-50%) translateY(0)}.desk-particle{position:fixed;pointer-events:none;z-index:10000;color:#df562f;font:700 23px monospace;animation:desk-pop .8s ease-out forwards}.desk-toy{cursor:pointer}.desk-toy:focus-visible,.desk-note:focus-visible{outline:2px dashed #2856a1;outline-offset:5px}.desk-toy.desk-playing[data-effect=car]{animation:desk-drive .7s ease-in-out}.desk-toy.desk-playing[data-effect=stamp]{animation:desk-clack .35s ease-in-out}.employeeBadge.desk-playing{filter:drop-shadow(0 0 9px #77e2d099)}.siteHeader .brand.desk-playing{filter:drop-shadow(0 0 8px #f2b26b99)}.portfolio .bentoCard.desk-playing,.desk-note.desk-playing{translate:0 -7px;transition:translate .2s;box-shadow:4px 12px 12px -5px #38271455}.deskDiscovery{pointer-events:none}.deskDiscovery img{pointer-events:auto}.hero,.portfolio{position:relative;z-index:2;pointer-events:none}.hero__copy,.employeeBadge,.portfolio .shell>*{pointer-events:auto}@keyframes desk-pop{to{transform:translate(var(--dx),var(--dy)) rotate(var(--turn));opacity:0}}@keyframes desk-spin{to{rotate:360deg;opacity:0}}@keyframes desk-drive{35%{translate:10px -15px}70%{translate:-4px 6px}100%{translate:0 0}}@keyframes desk-clack{50%{scale:1 .91}100%{scale:1 1}}@media(max-width:800px){.desk-play{top:160px}}@media(prefers-reduced-motion:reduce){.desk-toy.desk-playing,.desk-hotspot.desk-playing:after{animation:none!important}.desk-note.desk-playing{translate:none!important}.desk-bubble{transition:none}}
.siteHeader,.siteHeader__inner{pointer-events:none}.siteHeader .brand{pointer-events:auto}
/* Each desk object has its own small physical story. */
.desk-bubble{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);padding:0!important}.desk-hotspot.desk-playing{background:transparent;box-shadow:none}.desk-hotspot.desk-playing:after{display:none!important}.desk-prop{position:absolute;z-index:100;pointer-events:none;display:block}.prop-gummy{width:29px;height:43px;filter:drop-shadow(3px 5px 2px #24321460);animation:gummy-roll 2.6s forwards;transform-origin:center}.prop-gummy i{position:absolute;display:block;background:radial-gradient(ellipse at 30% 20%,#d9ec6faa,#67a222cf 45%,#355e17eb);box-shadow:inset 1px 1px 2px #e5f9a49c,inset -1px -1px 2px #2b4c239c}.gummy-ear{width:10px;height:11px;border-radius:50%;top:0}.gummy-ear.left{left:2px}.gummy-ear.right{right:2px}.gummy-head{width:24px;height:21px;left:3px;top:5px;border-radius:45%}.gummy-body{width:27px;height:25px;left:1px;top:18px;border-radius:40% 40% 45% 45%}.gummy-foot{width:12px;height:10px;bottom:-3px;border-radius:50%}.gummy-foot.left{left:-2px}.gummy-foot.right{right:-2px}.prop-pouch{width:35px;height:22px;background:repeating-linear-gradient(8deg,#fff 0 1px,#e6e4d7 2px 3px);border:1px solid #d9d9ce;border-radius:7px;box-shadow:2px 4px 4px #342b2633;animation:pouch-pop 2.6s forwards}.prop-screw{width:13px;height:13px;background:linear-gradient(135deg,#ddd,#727d80,#ddd);border-radius:50%;box-shadow:1px 3px 2px #0004;animation:screw-turn 2.6s forwards}.prop-screw i{position:absolute;left:2px;right:2px;top:6px;height:2px;background:#3f484a}.prop-pinch{width:30px;height:65px;animation:prop-fade 2.6s forwards}.prop-pinch i,.prop-pinch b{position:absolute;width:3px;height:55px;background:linear-gradient(90deg,#f9fafb,#657175);top:-40px;transform-origin:top;animation:pinch-left 1.3s ease-in-out 2}.prop-pinch b{left:23px;animation-name:pinch-right}.prop-pinch em{position:absolute;top:12px;left:9px;color:#e1bf61;animation:lift-spark 2.6s forwards}.prop-ruler{width:145px;height:30px;border-bottom:2px solid #41619d;background:repeating-linear-gradient(90deg,#41619d 0 1px,transparent 1px 10px);color:#214780;font:9px monospace;display:flex;justify-content:space-between;padding-top:32px;animation:measure-out 2.6s forwards;transform-origin:left}.prop-lcd{background:#bbc7a0;color:#28351d;font:700 clamp(12px,2vw,26px) monospace;letter-spacing:2px;padding:4px 12px;transform:translateX(-50%) rotate(15deg);box-shadow:inset 0 1px 3px #24321d55;animation:prop-fade 2.6s forwards}.prop-grain{width:4px;height:5px;border-radius:40%;background:#e6cf85;box-shadow:1px 1px 1px #624a3b44;animation:grain-fall 1.8s forwards}.prop-clock{width:45px;height:45px;border:1px solid #f2e5b3;border-radius:50%;background:#212523dd;transform:translate(-50%,-50%);animation:prop-fade 2.6s forwards}.prop-clock i,.prop-clock b{position:absolute;left:21px;top:5px;width:1px;height:17px;background:#f3d2a0;transform-origin:bottom;animation:hand-turn 1.3s linear 2}.prop-clock b{height:12px;top:10px;width:2px;animation-duration:2.6s}.prop-scan{width:220px;height:115px;transform:translate(-50%,-50%);overflow:hidden;animation:prop-fade 2.6s forwards}.prop-scan i{position:absolute;width:100%;height:3px;box-shadow:0 0 18px 8px #61f1c499;background:#b7ffe4;animation:scan-pass 1.2s ease-in-out 2}.prop-scan strong{position:absolute;bottom:8px;left:25px;background:#d6fff0;color:#155b42;font:10px monospace;padding:7px;animation:access-show 2.6s forwards}.prop-rocket{width:16px;height:40px;background:#f6f1df;border-radius:70% 70% 15% 15%;box-shadow:1px 2px 2px #0005;animation:launch-rocket 2.6s forwards}.prop-rocket i{position:absolute;width:7px;height:7px;background:#264d88;border-radius:50%;left:4px;top:13px}.prop-rocket b{position:absolute;top:36px;left:4px;width:8px;height:25px;background:linear-gradient(#f9c644,#df5d29,transparent);clip-path:polygon(0 0,100% 0,50% 100%)}.prop-staple{width:22px;height:8px;border:2px solid #8b9498;border-bottom:0;box-shadow:0 1px 1px #fff8;animation:staple-land 2.6s forwards}.prop-road{width:6px;height:65px;border-left:2px dashed #42372b77;border-right:2px dashed #42372b77;animation:road-draw 2.6s forwards}.desk-toy.desk-playing[data-effect=cruise]{animation:desk-cruise 2.6s ease-in-out}.prop-smoke{width:18px;height:18px;background:#eee8d699;border-radius:50%;filter:blur(3px);animation:exhaust 1.5s forwards}.desk-note.desk-playing{rotate:-1deg}.hero__copy.desk-playing{filter:drop-shadow(0 4px 3px #33241120)}
@keyframes gummy-roll{0%{opacity:0;translate:0 -10px;rotate:0deg}12%{opacity:1}45%{translate:55px 34px;rotate:200deg}65%{translate:82px 50px;rotate:355deg}80%{translate:82px 50px;rotate:365deg;opacity:1}100%{translate:82px 50px;rotate:360deg;opacity:0}}
@keyframes pouch-pop{0%{opacity:0;translate:0 0}20%{opacity:1;translate:30px -30px;rotate:20deg}55%,80%{translate:55px 35px;rotate:40deg;opacity:1}100%{translate:55px 35px;opacity:0}}
@keyframes screw-turn{0%{rotate:0deg;opacity:0}15%{opacity:1}75%{rotate:720deg;translate:0 10px;opacity:1}100%{rotate:720deg;translate:0 10px;opacity:0}}
@keyframes pinch-left{50%{rotate:-13deg}}@keyframes pinch-right{50%{rotate:13deg}}@keyframes lift-spark{0%,15%{opacity:0}40%{opacity:1;translate:0 0}75%{translate:0 -30px;opacity:1}100%{translate:0 -35px;opacity:0}}
@keyframes measure-out{0%{scale:0 1;opacity:0}25%,80%{scale:1 1;opacity:1}100%{scale:1 1;opacity:0}}
@keyframes grain-fall{0%{opacity:0;translate:0 0}20%{opacity:1}65%,80%{translate:var(--scatter) 55px;opacity:1}100%{translate:var(--scatter) 55px;opacity:0}}
@keyframes hand-turn{to{rotate:360deg}}@keyframes scan-pass{from{top:0}to{top:100%}}@keyframes access-show{0%,40%{opacity:0}50%,85%{opacity:1}100%{opacity:0}}
@keyframes launch-rocket{0%{opacity:0;translate:0 0;rotate:35deg}15%{opacity:1}85%{opacity:1}100%{translate:160px -220px;rotate:35deg;opacity:0}}
@keyframes staple-land{0%{translate:0 -20px;opacity:0}20%{translate:0 0;opacity:1}28%{translate:0 -4px}35%,80%{translate:0 0;opacity:1}100%{opacity:0}}
@keyframes desk-cruise{35%,65%{translate:0 -28px}100%{translate:0 0}}@keyframes road-draw{0%{scale:1 0;opacity:0}40%,70%{scale:1 1;opacity:1}100%{opacity:0}}
@keyframes exhaust{0%{scale:.3;opacity:0}20%{opacity:.7}100%{translate:20px 35px;scale:2;opacity:0}}@keyframes prop-fade{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.desk-note.desk-playing{rotate:none}}
/* Choreographed desk miniatures: anticipation, action, and a gentle settle. */
.desk-prop{scale:var(--prop-scale,1);transform-origin:top left}.desk-note{transition:translate .3s,rotate .3s,box-shadow .3s}.desk-note.desk-playing{rotate:var(--lean,-.6deg);translate:0 -4px}.desk-still{outline:2px dashed #457567;outline-offset:4px}.prop-gummy{width:31px;height:44px;animation:gummy-tumble 4.4s both;filter:drop-shadow(2px 3px 1px #32410d55)}.gummy-head b,.gummy-head em{position:absolute;top:8px;width:3px;height:3px;background:#315011a6;border-radius:50%;box-shadow:0 1px 0 #d1ed8166}.gummy-head b{left:6px}.gummy-head em{right:6px}.gummy-body:after{content:'';position:absolute;left:7px;top:5px;width:13px;height:13px;border-radius:50%;background:#b0d94538;box-shadow:inset 1px 1px 3px #edff9f44}.prop-pouch{animation:pouch-toss 4.4s both;width:37px;height:25px;border-radius:6px;box-shadow:inset 0 0 3px #c9c8b8,2px 4px 3px #342b2644}.prop-pouch:before,.prop-pouch:after{content:'';position:absolute;top:2px;bottom:2px;width:3px;border-left:1px dashed #b5b4a0}.prop-pouch:before{left:3px}.prop-pouch:after{right:1px}.prop-pouch i{position:absolute;inset:5px;border-radius:50%;background:#b4b49815}.prop-tin-ring{width:70px;height:70px;border:2px solid #ecfaff99;box-shadow:0 0 0 6px #ffffff18;border-radius:50%;translate:-50% -50%;animation:tin-pulse 1s both}.prop-screw{animation:screw-unscrew 4.4s both;width:15px;height:15px}.prop-pinch{animation:prop-linger 4.4s both}.prop-pinch i,.prop-pinch b{animation-duration:1.6s;animation-iteration-count:1}.prop-pinch em{font-size:19px;font-style:normal;animation:precision-lift 4.4s both}.prop-ruler{animation:measure-out 4.4s both;background-color:#efe8b633;padding-bottom:4px}.prop-ruler b{position:absolute;top:-28px;left:20px;white-space:nowrap;background:#e8e5d0;color:#293824;padding:5px 8px;font:11px monospace;border:1px solid #56694750;border-radius:2px;box-shadow:1px 2px 3px #352f1825}.prop-lcd{animation:prop-linger 4.4s both;min-width:100px;text-align:right;background:linear-gradient(#c1c69f,#abb58e);text-shadow:1px 1px #7c906244;border:2px inset #899473}.prop-grain{animation-duration:3.5s}.prop-clock{border:0;background:none;box-shadow:none;animation:prop-linger 4.4s both;scale:1!important}.prop-clock i{left:50%;top:7%;height:43%;width:1.5px;background:#e5402a;box-shadow:0 0 1px #250d0b;animation:hand-turn 3s steps(24,end) 1}.prop-clock b{left:50%;top:22%;height:28%;width:2px;background:#f5e4b3;animation:hand-turn 4s steps(12,end) 1}.prop-clock em{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;background:#e5402a;border:1px solid #5b3626;border-radius:50%}.prop-scan{height:140px;animation:prop-linger 4.4s both;rotate:9deg}.prop-scan i{height:1px;box-shadow:0 0 10px 4px #6de9c37a;animation:scan-pass 1.3s ease-in-out 1}.prop-scan strong{left:15px;right:15px;bottom:10px;text-align:center;background:#e6fff1f0;border:1px solid #548d74;box-shadow:0 2px 4px #194d4133;animation:access-reveal 4.4s both}.prop-scan strong span{display:inline-block;margin-right:4px}.prop-scan small{display:block;font:7px monospace;letter-spacing:1px;margin-top:7px}.prop-countdown{font:700 22px monospace;color:#fff3c5;background:#173a65;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;translate:-50% -50%}.prop-rocket{animation:rocket-depart 4.4s both}.prop-rocket:before,.prop-rocket:after{content:'';position:absolute;bottom:0;width:10px;height:15px;background:#d95336}.prop-rocket:before{left:-6px;clip-path:polygon(100% 0,100% 100%,0 100%)}.prop-rocket:after{right:-6px;clip-path:polygon(0 0,100% 100%,0 100%)}.prop-rocket b{height:35px;background:linear-gradient(#fff9b4,#f4a640 50%,#d64d2000);animation:flame .14s alternate infinite}.prop-staple-paper{width:42px;height:34px;rotate:-5deg;background:#f4ecd5;box-shadow:1px 2px 2px #36271444;animation:paper-slide 4.4s both;translate:-12px -5px}.prop-staple-paper i{position:absolute;inset:10px 7px;background:repeating-linear-gradient(transparent 0 5px,#8b867944 5px 6px)}.prop-staple{animation:staple-land 4.4s both;animation-delay:.15s}.desk-toy.desk-playing[data-effect=stamp]{animation:stapler-press 1s both}.desk-toy.desk-playing[data-effect=cruise]{animation:car-cruise 4.4s cubic-bezier(.4,0,.2,1)}.desk-toy.desk-playing[data-effect=car]{animation:car-rev 4.4s both}.prop-road{animation:road-draw 4.4s both;height:50px;opacity:.3}.prop-headlights{width:35px;height:35px;translate:-50% -50%;animation:headlamp-flash 1.3s both}.prop-headlights i,.prop-headlights b{position:absolute;width:9px;height:9px;background:#fff5b0;border-radius:50%;box-shadow:0 0 15px 5px #ffe89b88}.prop-headlights b{right:0}.prop-smoke{animation-duration:2.1s;width:13px;height:13px;background:#dfd9ca88}
@keyframes gummy-tumble{0%{opacity:0;translate:0 -6px;rotate:-20deg;scale:.7 1.05}10%{opacity:1;translate:8px -14px;rotate:15deg;scale:1}24%{translate:30px 24px;rotate:150deg;scale:1.13 .83}33%{translate:46px 9px;rotate:240deg;scale:.95 1.05}45%{translate:64px 37px;rotate:345deg;scale:1.1 .9}53%{translate:70px 31px;rotate:368deg;scale:1}63%,87%{translate:72px 36px;rotate:360deg;opacity:1}100%{translate:72px 36px;rotate:360deg;opacity:0}}
@keyframes pouch-toss{0%,8%{opacity:0;translate:0 0;rotate:0deg}20%{opacity:1;translate:25px -35px;rotate:70deg}40%{translate:55px 32px;rotate:195deg}48%{translate:58px 24px;rotate:205deg}58%,87%{translate:60px 32px;rotate:200deg;opacity:1}100%{translate:60px 32px;rotate:200deg;opacity:0}}
@keyframes tin-pulse{0%{opacity:0;scale:.8}40%{opacity:1}100%{opacity:0;scale:1.3}}
@keyframes screw-unscrew{0%{opacity:0;translate:0 0}10%{opacity:1}45%{rotate:1080deg;translate:0 -12px}57%{rotate:1180deg;translate:15px 10px}70%,88%{rotate:1240deg;translate:20px 14px;opacity:1}100%{rotate:1240deg;translate:20px 14px;opacity:0}}
@keyframes precision-lift{0%,20%{opacity:0}30%{opacity:1;translate:0 0}55%,82%{opacity:1;translate:0 -25px;rotate:30deg}100%{opacity:0;translate:0 -25px;rotate:30deg}}
@keyframes prop-linger{0%{opacity:0}8%,88%{opacity:1}100%{opacity:0}}
@keyframes access-reveal{0%,29%{opacity:0;translate:0 4px}35%,88%{opacity:1;translate:0 0}100%{opacity:0}}
@keyframes rocket-depart{0%,29%{opacity:0;translate:0 0;rotate:35deg}31%{opacity:1;translate:0 0;rotate:35deg}45%{translate:15px -25px;rotate:35deg}80%{opacity:1}100%{translate:240px -360px;rotate:35deg;opacity:0}}
@keyframes flame{to{scale:.8 1.25}}@keyframes paper-slide{0%{opacity:0;translate:-25px -5px}10%,85%{opacity:1;translate:-12px -5px}100%{opacity:0;translate:-12px -5px}}
@keyframes stapler-press{0%,10%{scale:1}22%{scale:1 .92}32%{scale:1 1.015}45%,100%{scale:1}}
@keyframes car-cruise{0%,12%{translate:0 0}48%,65%{translate:12px -35px;rotate:2deg}88%,100%{translate:0 0;rotate:0deg}}
@keyframes car-rev{0%,8%{translate:0 0}10%{translate:1px -1px}12%{translate:-1px 1px}14%{translate:1px -1px}16%{translate:0 0}38%,65%{translate:-15px -42px;rotate:-2deg}90%,100%{translate:0 0;rotate:0deg}}
@keyframes headlamp-flash{0%,20%,45%,75%,100%{opacity:0}25%,40%,80%,90%{opacity:1}}
@media(prefers-reduced-motion:reduce){.desk-toy.desk-playing{animation:none!important;filter:brightness(1.06)}.desk-note{transition:none}}
/* Magna: fine mineral grains spill, bounce once, and settle into the wood. */
.prop-magna-spill{width:0;height:0;transform:scale(var(--spill-scale));transform-origin:0 0;animation:magna-clear 2.7s both;contain:layout style}
.prop-magna-spill i{position:absolute;display:block;left:0;top:0;width:var(--grain);height:var(--grain);border-radius:35% 60% 40% 45%;background:#fff1cc;box-shadow:.5px 1px .6px #57412150;animation:magna-grain 1.15s var(--delay) both}
@keyframes magna-grain{
 0%{opacity:0;transform:translate(0,-4px) rotate(var(--turn)) scale(.65)}
 8%{opacity:.95}
 42%{transform:translate(calc(var(--x)*.72),var(--y)) rotate(var(--turn));animation-timing-function:cubic-bezier(.2,.7,.3,1)}
 60%{transform:translate(calc(var(--x)*.88),calc(var(--y) - var(--bounce))) rotate(calc(var(--turn) + 35deg));animation-timing-function:ease-in}
 78%,100%{opacity:.95;transform:translate(var(--x),var(--y)) rotate(calc(var(--turn) + 65deg))}
}
@keyframes magna-clear{0%,72%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.prop-magna-spill{display:none}}
/* The toy cars leave their parking spots, then return to the desk. */
.deskDiscovery img.desk-playing[data-effect=cruise]{animation:scenic-drive 4.4s cubic-bezier(.45,0,.2,1) both;position:absolute;z-index:8;will-change:translate,rotate;filter:drop-shadow(4px 7px 3px #34261755)}
.deskDiscovery img.desk-playing[data-effect=car]{animation:porsche-launch 4.4s both;position:absolute;z-index:8;will-change:translate,rotate;filter:drop-shadow(4px 7px 3px #34261755)}
.prop-cruise-route{width:240px;height:210px;translate:-35px -185px;z-index:1;animation:route-fade 4.4s both}.prop-cruise-route svg{width:100%;height:100%;overflow:visible}.prop-cruise-route path{fill:none;stroke:#4c39233b;stroke-width:14;stroke-dasharray:2 6;stroke-linecap:round;stroke-dashoffset:400;animation:route-reveal 3s .4s both}.prop-drive-caption{translate:-50% 15px;font:21px 'Caveat',cursive;color:#493c28;white-space:nowrap;background:#f2e5bbd9;padding:4px 12px;border-radius:2px;box-shadow:1px 3px 4px #37291920;animation:drive-caption 4.4s both}.prop-tire-tracks{width:42px;height:140px;translate:-50% -5px;rotate:19deg;transform-origin:top;animation:tracks-appear 4.4s both;z-index:1}.prop-tire-tracks i,.prop-tire-tracks b{position:absolute;top:0;bottom:0;width:7px;background:repeating-linear-gradient(165deg,#352e2466 0 3px,#352e2422 3px 5px);mask-image:linear-gradient(#000,transparent);border-radius:3px}.prop-tire-tracks b{right:0}.prop-burnout{width:28px;height:28px;border-radius:50%;background:radial-gradient(#e8e1cbbb,#e8e1cb55 45%,transparent 72%);filter:blur(2px);animation:burnout-puff 1.6s both;z-index:9}
@keyframes scenic-drive{0%,10%{translate:0 0;rotate:0deg}20%{translate:8px -25px;rotate:8deg}45%{translate:105px -75px;rotate:48deg}57%{translate:125px -130px;rotate:5deg}67%{translate:125px -130px;rotate:5deg}83%{translate:65px -45px;rotate:30deg}100%{translate:0 0;rotate:0deg}}
@keyframes porsche-launch{0%,8%{translate:0 0;rotate:0deg}10%{translate:-2px 1px}12%{translate:2px -1px}14%{translate:-2px 1px}16%{translate:2px -1px}18%{translate:0 0}25%{translate:-8px -20px;rotate:-3deg}44%{translate:-85px -175px;rotate:-12deg}55%,65%{translate:-92px -185px;rotate:-12deg}82%{translate:-40px -75px;rotate:-5deg}100%{translate:0 0;rotate:0deg}}
@keyframes route-reveal{0%{stroke-dashoffset:400;opacity:0}25%{opacity:.7}100%{stroke-dashoffset:0;opacity:.7}}
@keyframes route-fade{0%{opacity:0}25%,72%{opacity:1}100%{opacity:0}}
@keyframes tracks-appear{0%,15%{opacity:0;scale:1 .1}38%,65%{opacity:.8;scale:1 1}100%{opacity:0;scale:1 1}}
@keyframes burnout-puff{0%{opacity:0;scale:.3}20%{opacity:.8}100%{translate:var(--puff-x) var(--puff-y);scale:2.3;opacity:0}}
@keyframes drive-caption{0%,25%{opacity:0}38%,80%{opacity:1}100%{opacity:0}}
@media(max-width:800px){.deskDiscovery img.desk-playing[data-effect=cruise]{animation-name:scenic-drive-small}.deskDiscovery img.desk-playing[data-effect=car]{animation-name:porsche-launch-small}.prop-cruise-route{width:160px;height:150px;translate:-25px -120px}.prop-drive-caption{font-size:17px;max-width:180px;white-space:normal;text-align:center}}
@keyframes scenic-drive-small{0%,10%{translate:0 0;rotate:0deg}45%,65%{translate:70px -75px;rotate:35deg}100%{translate:0 0;rotate:0deg}}
@keyframes porsche-launch-small{0%,15%{translate:0 0}18%{translate:-2px 1px}22%{translate:2px -1px}48%,65%{translate:-65px -105px;rotate:-12deg}100%{translate:0 0;rotate:0deg}}
@media(prefers-reduced-motion:reduce){.deskDiscovery img.desk-playing{animation:none!important;will-change:auto}}