.motion-on .desk-main,.motion-on .desk:hover .desk-main{transition:none;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)}.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 .app-vis img,.motion-on .pg-collage img,.motion-on .pg-pcard-media img,.motion-on .pg-visual img,.motion-on .proj-vis img,.motion-on .reel .fr img,.motion-on .win-photo img{scale:1.12;will-change:translate}.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 .link-u,.motion-on .pin-panel.on p{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{position:relative;isolation:isolate}.spot:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .45s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),#43aaff2e,transparent 62%)}.spot.spot-on:after{opacity:1}.pkg.plain.spot:after,.ref-chip.spot:after,.ref-tile.spot:after,.std-card.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:left center}@media (max-width:899px){.motion-on .pin-panel.on .big,.motion-on .pin-panel.on .code,.motion-on .pin-panel.on .link-u,.motion-on .pin-panel.on h3,.motion-on .pin-panel.on p,.motion-on .pinned-left h2{translate:none;opacity:1}.motion-on .pin-panel.on img{scale:1.06;translate:none}.motion-on .float.status,.motion-on .float.web{translate:none}}.float.status,.float.web{background:linear-gradient(180deg,#ffffffb8,#fbf9f48f);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #ffffffe6,0 30px 60px -24px #000a}.float.status div{background:#ffffffa6}.float.route{background:linear-gradient(180deg,#1a2230b8,#0c1018a8);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid #ffffff2b;box-shadow:inset 0 1px 0 #ffffff33,0 30px 60px -24px #000c}.pin-panel .body>div{position:relative;padding:clamp(14px,1.6vw,22px) clamp(16px,1.8vw,26px);border-radius:20px;isolation:isolate;max-width:560px}.pin-panel .body>div:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#0c111a59,#070a1080);-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff2e}.tag-float.dark{color:#fff;background:linear-gradient(180deg,#161d2ac2,#0b0f16b3);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff33,0 20px 40px -18px #000}.nav{box-shadow:inset 0 1px 0 #ffffff,0 10px 40px -18px #0006,inset 0 0 0 1px #10110f0d;-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7)}@media (prefers-reduced-transparency:reduce){.float.status,.float.web{background:#fbf9f4;-webkit-backdrop-filter:none;backdrop-filter:none}.float.status div{background:#fff}.float.route{background:#151618}.float.route,.pin-panel .body>div:before{-webkit-backdrop-filter:none;backdrop-filter:none}.pin-panel .body>div:before{background:#080b10e6}.tag-float.dark{background:#0c0d0e}.nav,.tag-float.dark{-webkit-backdrop-filter:none;backdrop-filter:none}.nav{background:#f8f5ee}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.float.status,.float.web{background:#fbf9f4}.float.route{background:#151618}.pin-panel .body>div:before{background:#080b10e6}}