.studio-home .studio-hero{isolation:isolate;position:relative}.studio-hero-grid{z-index:1;position:relative}.rolling-label{vertical-align:middle;display:inline-grid;position:relative;overflow:clip}.rolling-label-front,.rolling-label-back{grid-area:1/1;display:block}.rolling-label-back{transform:translateY(130%)rotate(5deg)}@media (prefers-reduced-motion:no-preference){.rolling-label-front,.rolling-label-back{transition:transform .45s cubic-bezier(.16,1,.3,1)}.button:is(:hover,:focus-visible) .rolling-label-front{transform:translateY(-130%)rotate(-5deg)}.button:is(:hover,:focus-visible) .rolling-label-back{transform:translateY(0)rotate(0)}}.studio-home .studio-scroll-progress{background:linear-gradient(90deg,#4275ff,#8eafff 55%,#b6ee79)}.studio-home>.motion-scene{--scene-progress:0;--scene-enter:1;isolation:isolate;position:relative}@media (prefers-reduced-motion:no-preference){.studio-home [data-motion=portfolio] .project-showcase-viewport{scale:calc(.94 + var(--scene-enter,1) * .06);translate:0 calc((1 - var(--scene-enter,1)) * 36px);border-radius:calc(26px - var(--scene-enter,1) * 20px)}.studio-home [data-motion=services] .studio-service-list>*{translate:0 calc((1 - var(--scene-enter,1)) * (22px + var(--motion-order,0) * 8px))}.studio-home [data-motion=services] .studio-service-list>:nth-child(2){--motion-order:1}.studio-home [data-motion=services] .studio-service-list>:nth-child(3){--motion-order:2}.studio-home [data-motion=services] .studio-service-list>:nth-child(4){--motion-order:3}.studio-home [data-motion=services] .studio-service-list>:nth-child(5){--motion-order:4}.studio-home [data-motion=services] .studio-service-list>:nth-child(6){--motion-order:5}.studio-home [data-motion=about] .studio-founder-identity{rotate:calc((var(--scene-enter,1) - 1) * 4deg);translate:0 calc((1 - var(--scene-enter,1)) * 30px)}.studio-home [data-motion=about] .studio-founder>div:last-child{translate:0 calc((1 - var(--scene-enter,1)) * -18px)}.studio-home [data-motion=workspace] .studio-workspace{scale:calc(.93 + var(--scene-enter,1) * .07);translate:0 calc((1 - var(--scene-enter,1)) * 38px);transform-origin:50% 20%}.studio-home [data-motion=audit] .niche-demo-card{scale:calc(.96 + var(--scene-enter,1) * .04);border-radius:calc(24px - var(--scene-enter,1) * 18px)}.studio-home [data-motion=process] .code-terminal{rotate:calc((1 - var(--scene-enter,1)) * 3deg);translate:0 calc((1 - var(--scene-enter,1)) * 26px)}.studio-home [data-motion=contact] .studio-final-cta{scale:calc(.92 + var(--scene-enter,1) * .08);border-radius:calc(44px - var(--scene-enter,1) * 38px)}.studio-home [data-motion] :is(.studio-workspace,.code-terminal,.studio-service-list>*,.studio-final-cta):focus-within{translate:0;rotate:0deg;scale:1}}.studio-home>.motion-scene:not(.studio-hero):before{content:"";z-index:-1;pointer-events:none;opacity:calc(1 - (var(--scene-progress) - .5) * (var(--scene-progress) - .5));background:radial-gradient(#4275ff0c,#0000 68%);position:absolute;inset:0}.studio-home>.motion-scene:not(.studio-hero):after{content:"";transform-origin:0;width:90%;height:1px;transform:scaleX(var(--scene-progress));pointer-events:none;background:linear-gradient(90deg,#739aff90,#b6ee7960,#0000);position:absolute;top:0;left:5%}.studio-home .motion-scene .section-title{transform:translateY(calc(12px - var(--scene-progress) * 24px))}.studio-home .motion-scene .eyebrow{color:color-mix(in srgb, #8eafff calc((1 - var(--scene-progress)) * 100%), #b6ee79)}.studio-home :is(.studio-service-row,.code-terminal,.studio-founder,.niche-demo-card,.studio-final-cta){background-image:radial-gradient(350px circle at var(--pointer-x,-400px) var(--pointer-y,-400px), #739aff18, transparent 75%)}.studio-home .studio-process-list [data-process-state=active] .studio-process-step>span{color:#fff;background:#3261db;box-shadow:0 0 0 5px #4275ff18}.studio-home .studio-process-list [data-process-state=complete] .studio-process-step>span{color:#13220b;background:#b6ee79}@media (prefers-reduced-motion:no-preference){.studio-home .project-showcase-slide[aria-hidden=false] .portfolio-shutter{pointer-events:none;z-index:2;display:flex;position:absolute;inset:0}.studio-home .project-showcase-slide[aria-hidden=false] .portfolio-shutter i{transform-origin:top;background:#101f3b;flex:1;animation:.8s cubic-bezier(.76,0,.24,1) both portfolio-shutter-open}.studio-home .portfolio-shutter i:nth-child(2){animation-delay:60ms}.studio-home .portfolio-shutter i:nth-child(3){animation-delay:.12s}.studio-home .portfolio-shutter i:nth-child(4){animation-delay:.18s}.studio-home .studio-process-step>span{transition:background .3s,color .3s,box-shadow .3s}.studio-home .studio-founder-monogram{transform:translateY(calc(20px - var(--scene-progress,.5) * 40px)) rotate(calc(-5deg + var(--scene-progress,.5) * 10deg))}.studio-home .button svg,.studio-home .studio-text-link svg,.studio-home .studio-workspace-next svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.studio-home :is(.button,.studio-text-link,.studio-workspace-next):is(:hover,:focus-visible) svg{transform:translate(4px)}.studio-home .button:active{transform:scale(.98)}.studio-home .studio-workspace-panel:not([hidden]){animation:.4s cubic-bezier(.16,1,.3,1) both workspace-panel-arrive}.studio-home .studio-workspace-tabs button{transition:color .25s,background .25s;position:relative}.studio-home .studio-workspace-tabs button:after{content:"";transform-origin:0;background:#b6ee79;height:2px;transition:transform .35s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.studio-home .studio-workspace-tabs button[aria-selected=true]:after{transform:scaleX(1)}}@keyframes portfolio-shutter-open{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes workspace-panel-arrive{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-scroll-sculpture{z-index:-1;pointer-events:none;color:#729dff;opacity:.16;position:absolute;inset:0;overflow:clip}.home-scroll-sculpture svg{width:min(85vw,1100px);height:100%;margin-left:20%}.motion-headline .motion-word-mask{vertical-align:bottom;margin-bottom:-.08em;margin-right:.18em;padding-bottom:.08em;display:inline-block;overflow:clip}.motion-word-mask>span{transform-origin:0 100%;display:inline-block}.studio-home .studio-service-row{transition:background .25s,border-color .25s}.studio-home .studio-service-row>svg:first-child{transition:transform .35s cubic-bezier(.16,1,.3,1),color .25s}.studio-home .studio-service-row:focus-visible{outline-offset:4px;outline:2px solid #b6ee79}.studio-home .studio-service-row:focus-within{border-color:#b6ee7988}@media (hover:hover) and (prefers-reduced-motion:no-preference){.studio-home .studio-service-row:hover{background:#8eafff09;border-color:#8eafff88}.studio-home .studio-service-row:hover>svg:first-child{color:#b6ee79;transform:rotate(-12deg)scale(1.18)}}@media (prefers-reduced-motion:no-preference){.studio-home .studio-hero .eyebrow,.studio-home .studio-hero .title+p,.studio-home .studio-hero .title+p+div,.studio-home .studio-hero .studio-text-link{animation:.65s .18s both work-caption-arrive}.studio-home .studio-hero .title+p{animation-delay:.28s}.studio-home .studio-hero .title+p+div{animation-delay:.38s}.studio-home .studio-hero .studio-text-link{animation-delay:.48s}.studio-home .project-showcase-slide[aria-hidden=false] .project-art img{animation:.85s cubic-bezier(.16,1,.3,1) both work-image-arrive}.studio-home .project-showcase-slide[aria-hidden=false] .project-card>div:not(.project-art){animation:.6s cubic-bezier(.16,1,.3,1) .12s both work-caption-arrive}.studio-home .project-showcase-slide[aria-hidden=false] .project-card>div:last-child{animation-delay:.2s}.studio-home .studio-shop-photo img{animation:1s cubic-bezier(.16,1,.3,1) both work-image-arrive}}@keyframes work-image-arrive{0%{clip-path:inset(0 0 7%);transform:scale(1.035)}to{clip-path:inset(0);transform:scale(1)}}@keyframes work-caption-arrive{0%{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.studio-home .motion-scene .section-title{transform:none}.home-scroll-sculpture{opacity:.09}.home-scroll-sculpture svg{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.studio-home .studio-service-row,.studio-home .studio-service-row>svg:first-child{transition:none}}.kinetic-hero{min-width:0}.kinetic-tabs{border-bottom:1px solid #8eafff30;gap:1.4rem;margin-bottom:14px;display:flex}.kinetic-tabs button{color:#b5bfd0;min-height:44px;padding:8px 0;font-size:.8rem;position:relative}.kinetic-tabs button:after{content:"";bottom:-1px;transform-origin:0;background:#b6ee79;height:2px;transition:transform .35s;position:absolute;inset-inline:0;transform:scaleX(0)}.kinetic-tabs button[aria-selected=true]{color:#eff4ff}.kinetic-tabs button[aria-selected=true]:after{transform:scaleX(1)}.kinetic-stage{background:radial-gradient(at 60% 30%,#254bab50,#0000 65%),#0a111e;border:1px solid #8eafff35;border-radius:8px;overflow:clip;box-shadow:0 30px 80px #0005}.kinetic-topline{letter-spacing:.12em;color:#a9bbd6;justify-content:space-between;padding:20px 22px 0;font:.62rem ui-monospace,monospace;display:flex}.kinetic-art{perspective:900px;isolation:isolate;position:relative}.kinetic-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#8eafff0a 1px,#0000 1px),linear-gradient(90deg,#8eafff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:8%;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.kinetic-object{width:100%;height:auto;max-height:360px;transform-style:preserve-3d;display:block;overflow:visible}.kinetic-monogram{fill:#ecf3ff;font:700 40px ui-sans-serif,sans-serif}.kinetic-art-label{color:#a9bbd6;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;position:absolute;bottom:3%;left:22px}.kinetic-controls{border-top:1px solid #8eafff30;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:4px;margin:16px 16px 0;padding-top:12px;display:grid}.kinetic-controls button{text-align:left;color:#b4c2d8;border:1px solid #0000;border-radius:4px;align-content:center;gap:5px;min-height:52px;padding:10px 8px;font-size:.7rem;transition:background .25s,border-color .25s,color .25s;display:grid}.kinetic-controls button>span{color:#8eafff;font:.6rem ui-monospace,monospace}.kinetic-controls button[aria-pressed=true]{color:#e7ffc9;background:#b6ee7912;border-color:#b6ee7960}.kinetic-controls .kinetic-play{color:#101b09;background:#b6ee79;place-items:center;min-width:44px}.kinetic-note{color:#a9bbd6;margin:14px 22px 18px;font-size:.65rem;line-height:1.6}.kinetic-hero button:focus-visible{outline-offset:-3px;outline:2px solid #b6ee79}.kinetic-hero [hidden]{display:none!important}@media (hover:hover) and (prefers-reduced-motion:no-preference){.kinetic-controls button:hover{background:#8eafff20;border-color:#8eafff80}.kinetic-controls .kinetic-play:hover{background:#d0ffa2}}@media (width<=380px){.kinetic-controls{gap:2px;margin-inline:8px}.kinetic-controls button{padding-inline:4px;font-size:.62rem}.kinetic-topline{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.kinetic-tabs button:after,.kinetic-controls button{transition:none}}.motion-lab{border-block:1px solid #90accc25;grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;padding-block:clamp(2rem,5vw,4rem);display:grid}.motion-lab-controls{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.motion-lab-controls button{color:#eaf2ff;background:#101e30;border:1px solid #90accc55;border-radius:4px;min-height:46px;padding:.7rem 1rem;transition:background .2s,color .2s,transform .2s}.motion-lab-controls button[aria-pressed=true]{color:#13220b;background:#b6ee79;border-color:#b6ee79}.motion-lab-controls button span{margin-right:.5rem;font-size:.7rem}.motion-lab-controls button:focus-visible{outline-offset:4px;outline:2px solid #b6ee79}.motion-lab-hint{color:#b3bfd0;margin-top:1rem;font-size:.8rem}.motion-lab-resume{color:#c0d3ff;text-underline-offset:4px;min-height:44px;margin-top:.6rem;padding:.5rem 0;font-size:.8rem;text-decoration:underline}.motion-lab-resume:disabled{opacity:.65;cursor:default}.motion-lab-resume:focus-visible{outline-offset:4px;outline:2px solid #b6ee79}.motion-lab-canvas{color:#a4c8ff;background:radial-gradient(at 50% 30%,#254d7555,#0000 70%),#0a1320;border:1px solid #90accc40;border-radius:8px;place-items:center;width:100%;min-height:460px;padding:1.5rem;display:grid;position:relative;overflow:hidden}.motion-lab-canvas svg{width:180px;height:180px;overflow:visible}.motion-lab-caption{letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}.motion-demo-topline{letter-spacing:.12em;color:#b3bfd0;justify-content:space-between;width:100%;font:.65rem ui-monospace,monospace;display:flex}.motion-demo-art{justify-self:center;place-items:center;width:190px;height:190px;display:grid;position:relative}.motion-demo-orbit{pointer-events:none;border:1px solid #b6ee79;position:absolute;inset:24px}.motion-demo-copy{text-align:center;width:100%;min-height:116px}.motion-demo-copy h3{color:#f2f5ff;margin-top:.5rem;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:650}.motion-demo-copy p{color:#b3bfd0;max-width:32ch;margin:.6rem auto;font-size:.85rem;line-height:1.6}.motion-demo-action{justify-content:space-between;width:100%;margin-top:1rem}.motion-demo-progress{gap:6px;width:100%;margin-top:1.25rem;display:flex}.motion-demo-progress>span{background:#90accc35;flex:1;height:2px}.motion-demo-progress i{transform-origin:0;background:#b6ee79;width:100%;height:100%;display:block}@media (width<=640px){.motion-lab{grid-template-columns:1fr;gap:1rem}.motion-lab-canvas{min-height:460px;padding:1rem}.motion-lab-canvas svg{width:180px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.motion-lab-controls button:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.motion-lab-controls button{transition:none}}.scroll-story{height:280svh;position:relative}.scroll-story-sticky{height:calc(100svh - 72px);position:sticky;top:72px}.scroll-story-stage{isolation:isolate;background:#07111f;height:100%;position:relative;overflow:clip}.scroll-story-field{pointer-events:none;z-index:-1;background:linear-gradient(140deg,#4676ff70,#1c39822b 55%,#b6ee791c);border:1px solid #719dff45;width:95%;height:125%;position:absolute;top:-12%;right:-28%;box-shadow:inset 0 0 120px #6a95ff15}.scroll-story-topline{color:#c3d2eb;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;font:10px ui-monospace,monospace;display:flex;position:absolute;inset:24px 4% auto}.scroll-story-topline a{align-items:center;gap:8px;min-height:36px;display:flex}.scroll-story-copy{z-index:5;pointer-events:none;width:48%;position:absolute;top:18%;left:4%}.scroll-story-copy a{pointer-events:auto}.scroll-story-copy h1{letter-spacing:-.055em;text-wrap:balance;max-width:13ch;margin:22px 0 16px;font-size:clamp(2.6rem,4.4vw,5.6rem);font-weight:750;line-height:1.05}.scroll-story-description{color:#c0cde2;max-width:48ch;font-size:clamp(.85rem,1.05vw,1rem);line-height:1.6}.scroll-story-actions{flex-wrap:wrap;gap:10px;margin:22px 0 14px;display:flex}.scroll-story-copy .studio-text-link{margin-top:0;font-size:.75rem}.scroll-story-cards{pointer-events:none;position:absolute;inset:0}.scroll-story-card{pointer-events:auto;background:#0d1c32;border:1px solid #8eafff65;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 24px 70px #0005}.scroll-story-card a{flex-direction:column;height:100%;display:flex;position:relative}.scroll-story-card img{object-fit:cover;object-position:top;flex:1;width:100%;min-height:0;display:block}.scroll-story-card-label{color:#f0f5ff;background:#101e32;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.scroll-story-card-label strong{font-size:.9rem;display:block}.scroll-story-card-label small{color:#bfcee4;margin-bottom:4px;font-size:.65rem;display:block}.scroll-story-card a:focus-visible{outline-offset:-4px;outline:3px solid #c4ff87}.scroll-story-controls{bottom:22px;z-index:8;align-items:center;gap:8px;display:flex;position:absolute;inset-inline:4%}.scroll-story-controls button{text-align:left;color:#b8c9e2;border-top:1px solid #7890b25c;min-height:48px;padding:12px 16px 10px 0;font-size:.8rem}.scroll-story-controls button span{color:#8eafff;margin-right:9px;font-size:.65rem}.scroll-story-controls button[aria-current]{color:#d3ffae;border-color:#b6ee79}.scroll-story-hint{color:#b8c9e2;align-items:center;gap:10px;font-size:.7rem;display:flex;position:absolute;bottom:calc(100% + 12px);left:0}.scroll-story :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #b6ee79}.scroll-story-copy-panel[data-chapter="1"] h1{max-width:28ch;margin-block:12px 0}.scroll-story-copy-panel[data-chapter="1"] .scroll-story-description{max-width:70ch}.scroll-story[data-chapter="1"] .scroll-story-actions,.scroll-story[data-chapter="1"] .studio-text-link{visibility:hidden}.scroll-story-copy-panel{min-height:1px}.scroll-story-card img[src$=waves-arcade\.jpg]{object-position:center}.motion-extras{margin-block:24px 48px}.motion-extras>summary{cursor:pointer;color:#c5d8f5;border-block:1px solid #8eafff35;padding:20px 0}.motion-extras .kinetic-hero{max-width:700px;margin:30px auto}@media (width<=760px){.scroll-story[data-simple=false] .scroll-story-card-label strong{font-size:.9rem}.scroll-story[data-simple=false] .scroll-story-card-label small{font-size:.65rem}.scroll-story{height:250svh}.scroll-story-topline{letter-spacing:.03em;font-size:10px;inset-block-start:8px}.scroll-story-copy{width:92%;top:10%}.scroll-story-copy .eyebrow{font-size:.625rem}.scroll-story-copy h1{max-width:20ch;margin:12px 0;font-size:clamp(1.9rem,7.4vw,2.8rem)}.scroll-story-description{font-size:.875rem;line-height:1.5}.scroll-story-actions{gap:7px;margin:12px 0 8px}.scroll-story-actions .button{min-height:42px;padding:10px 12px;font-size:.75rem}.scroll-story-copy .studio-text-link{font-size:.65rem}.scroll-story-card-label{padding:8px}.scroll-story-card-label strong{font-size:.7rem}.scroll-story-card-label small{font-size:.5rem}.scroll-story-card-label svg{flex-shrink:0;width:12px}.scroll-story-controls{gap:4px;padding-inline-end:64px;bottom:12px}.scroll-story-controls button{flex:1;min-width:0;padding-right:4px;scroll-margin-block:90px;font-size:.75rem}.scroll-story-controls button span{margin-right:4px}.scroll-story-hint{display:none}}.scroll-story[data-simple=true]{height:auto}.scroll-story[data-simple=true] .scroll-story-sticky{height:auto;position:relative;top:0}.scroll-story[data-simple=true] .scroll-story-stage{padding:24px 4%}.scroll-story[data-simple=true] .scroll-story-topline,.scroll-story[data-simple=true] .scroll-story-copy,.scroll-story[data-simple=true] .scroll-story-cards,.scroll-story[data-simple=true] .scroll-story-controls{width:100%;position:relative;inset:auto}.scroll-story[data-simple=true] .scroll-story-copy{margin-block:28px}.scroll-story[data-simple=true] .scroll-story-copy h1{max-width:20ch}.scroll-story[data-simple=true] .scroll-story-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.scroll-story[data-simple=true] .scroll-story-card{height:230px;position:relative}.scroll-story[data-simple=true] .scroll-story-controls{margin-top:20px}.scroll-story[data-simple=true] .scroll-story-hint{display:none}.scroll-story[data-simple=true] .scroll-story-actions,.scroll-story[data-simple=true] .studio-text-link{visibility:visible}@media (width<=600px){.scroll-story[data-simple=true] .scroll-story-cards{grid-template-columns:1fr}}
