.motion-on .desk-main,.motion-on .desk:hover .desk-main{transform:rotateY(calc(-9deg * (1 - var(--hp,0)))) rotateX(calc(4deg * (1 - var(--hp,0)))) rotate(calc(1deg * (1 - var(--hp,0))));scale:calc(1 + var(--hp,0) * .05);transition:none}.motion-on .float.status{translate:0 calc(var(--hp,0) * -110px)}.motion-on .float.web{translate:0 calc(var(--hp,0) * -190px)}.motion-on .float.route{translate:0 calc(var(--hp,0) * -60px)}.motion-on .hero-grid>div:first-child{translate:0 calc(var(--hp,0) * 70px);opacity:calc(1 - max(0, var(--hp,0) - .3) * 1.7)}.motion-on .hero-stats{opacity:calc(1 - max(0, var(--hp,0) - .2) * 2)}.motion-on .hero:before{translate:0 calc(var(--hp,0) * 160px);scale:calc(1 + var(--hp,0) * .3)}.motion-on .win-photo img,.motion-on .proj-vis img,.motion-on .reel .fr img,.motion-on .app-vis img,.motion-on .pg-visual img,.motion-on .pg-pcard-media img,.motion-on .pg-collage img{will-change:translate;scale:1.12}.motion-on .pin-panel{transition:opacity .6s var(--ease), transform .9s var(--spring-pop)}.motion-on .pin-panel.on img{scale:calc(1.04 + var(--seg,0) * .12);translate:0 calc((.5 - var(--seg,0)) * 3%)}.motion-on .pin-panel.on .art svg{rotate:calc((var(--seg,0) - .5) * 26deg);scale:calc(.85 + var(--seg,0) * .35)}.motion-on .pin-panel.on .big{translate:0 calc((.5 - var(--seg,0)) * 70px)}.motion-on .pin-panel.on h3{translate:0 calc((.5 - var(--seg,0)) * 34px)}.motion-on .pin-panel.on p,.motion-on .pin-panel.on .link-u{translate:0 calc((.5 - var(--seg,0)) * 18px)}.motion-on .pin-panel.on .code{translate:calc(var(--seg,0) * 40px) 0;opacity:calc(1 - var(--seg,0) * .6)}.motion-on .pinned-left h2{translate:0 calc((.5 - var(--pp,0)) * 60px)}.motion-on .pinned-left .dim{opacity:calc(.35 + var(--pp,0) * .65)}.spot{isolation:isolate;position:relative}.spot:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #43aaff2e, transparent 62%);transition:opacity .45s;position:absolute;inset:0}.spot.spot-on:after{opacity:1}.pkg.plain.spot:after,.std-card.spot:after,.ref-tile.spot:after,.ref-chip.spot:after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%), #43aaff38, transparent 62%)}.motion-on .proj-vis{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease)}.motion-on .mega-cta .go{transition:transform .5s var(--ease), box-shadow .4s, translate .55s var(--spring-pop)}.motion-on .mega-cta .display{transform-origin:0}@media (max-width:899px){.motion-on .pin-panel.on .big,.motion-on .pin-panel.on h3,.motion-on .pin-panel.on p,.motion-on .pin-panel.on .link-u,.motion-on .pin-panel.on .code,.motion-on .pinned-left h2{opacity:1;translate:none}.motion-on .pin-panel.on img{translate:none;scale:1.06}.motion-on .float.web,.motion-on .float.status{translate:none}}
.float.status,.float.web{-webkit-backdrop-filter:blur(22px)saturate(1.7);backdrop-filter:blur(22px)saturate(1.7);background:linear-gradient(#ffffffb8,#fbf9f48f);border:1px solid #ffffffb3;box-shadow:inset 0 1px #ffffffe6,0 30px 60px -24px #000a}.float.status div{background:#ffffffa6}.float.route{-webkit-backdrop-filter:blur(22px)saturate(1.6);backdrop-filter:blur(22px)saturate(1.6);background:linear-gradient(#1a2230b8,#0c1018a8);border:1px solid #ffffff2b;box-shadow:inset 0 1px #fff3,0 30px 60px -24px #000c}.pin-panel .body>div{isolation:isolate;border-radius:20px;max-width:560px;padding:clamp(14px,1.6vw,22px) clamp(16px,1.8vw,26px);position:relative}.pin-panel .body>div:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(12px)saturate(1.5);backdrop-filter:blur(12px)saturate(1.5);background:linear-gradient(#0c111a59,#070a1080);border:1px solid #ffffff24;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e}.tag-float.dark{color:#fff;-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);background:linear-gradient(#161d2ac2,#0b0f16b3);border:1px solid #ffffff26;box-shadow:inset 0 1px #fff3,0 20px 40px -18px #000}.nav{-webkit-backdrop-filter:blur(22px)saturate(1.7);backdrop-filter:blur(22px)saturate(1.7);box-shadow:inset 0 1px #fff,0 10px 40px -18px #0006,inset 0 0 0 1px #10110f0d}@media (prefers-reduced-transparency:reduce){.float.status,.float.web{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbf9f4}.float.status div{background:#fff}.float.route{-webkit-backdrop-filter:none;backdrop-filter:none;background:#151618}.pin-panel .body>div:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080b10e6}.tag-float.dark{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0d0e}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8f5ee}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.float.status,.float.web{background:#fbf9f4}.float.route{background:#151618}.pin-panel .body>div:before{background:#080b10e6}}