.button{transition:translate .45s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}

.mobile-menu:not([hidden]){animation:menu-arrive .32s cubic-bezier(.16,1,.3,1) both}.mobile-menu:not([hidden])>a:not(.menu-email){animation:menu-link-arrive .4s cubic-bezier(.16,1,.3,1) both}.mobile-menu>a:nth-child(2){animation-delay:25ms}.mobile-menu>a:nth-child(3){animation-delay:50ms}.mobile-menu>a:nth-child(4){animation-delay:75ms}.mobile-menu>a:nth-child(5){animation-delay:100ms}.mobile-menu>a:nth-child(6){animation-delay:125ms}.mobile-menu>a:nth-child(7){animation-delay:150ms}
@keyframes menu-arrive{from{opacity:0;translate:0 -12px;clip-path:inset(0 0 20% 0 round 25px)}to{opacity:1;translate:0 0;clip-path:inset(0 round 25px)}}@keyframes menu-link-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}
.project-image,.portrait-frame{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:30%}.project-view{transition:translate .35s cubic-bezier(.2,.8,.2,1),opacity .3s,transform .3s}.project-image:after{content:'';position:absolute;inset:35px 0 0;pointer-events:none;background:radial-gradient(circle at var(--shine-x) var(--shine-y),#ffffff35,transparent 52%);opacity:0;transition:opacity .3s}.project-image:hover:after{opacity:1}
@media(hover:hover) and (pointer:fine){.project-image{transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}.portrait-frame{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.footer-invite>div>a{transition:letter-spacing .5s cubic-bezier(.2,.8,.2,1)}.footer-invite>div>a:hover{letter-spacing:1px}}
.throw-chip{cursor:grab;will-change:transform}.throw-chip.dragging{cursor:grabbing;z-index:5}
.home-comparison{background:var(--paper)}.home-comparison .split{grid-template-columns:.85fr 1.15fr;gap:65px}.home-comparison h2{font-size:clamp(50px,5.8vw,88px);margin-top:25px}.home-comparison p{font-size:20px}.home-comparison .comparison{height:460px}.home-comparison .comparison-caption{font-size:13px;margin-top:18px}.home-comparison .comparison:before{content:'DRAG TO REVEAL';position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:3;font:9px/1.4 ui-monospace,monospace;letter-spacing:1.5px;background:var(--ink);color:white;padding:11px 16px;border-radius:50px;pointer-events:none;white-space:nowrap}
@media(max-width:1100px){.home-comparison .split{gap:35px}.home-comparison .comparison{height:400px}}
@media(max-width:700px){.home-comparison .split{grid-template-columns:1fr;gap:35px}.home-comparison h2{font-size:clamp(49px,10vw,72px)}.home-comparison .comparison{height:380px}.home-comparison p{font-size:19px}.home-comparison .comparison:before{font-size:8px;bottom:15px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.mobile-menu:not([hidden]),.mobile-menu:not([hidden])>a{animation:none}.button,.project-image,.portrait-frame,.project-view{translate:none!important;transition:none!important}.project-image{transform:none!important}.portrait-frame{transform:rotate(2deg)!important}}
.motion-reduced .button,.motion-reduced .project-view{translate:none!important}.motion-reduced .project-image{transform:none!important}.motion-reduced .portrait-frame{transform:rotate(2deg)!important}.motion-reduced .mobile-menu,.motion-reduced .mobile-menu>a{animation:none!important}
.reveal-word{display:inline-block;overflow:clip;vertical-align:top;padding-block:.12em .08em;margin-block:-.12em -.08em}.reveal-word-inner{display:inline-block;transform:translateY(120%);transition:transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--word-delay,0ms)}.type-in .reveal-word-inner{transform:none}
.service-grid>.reveal:nth-child(3n+2),.pricing-grid>.reveal:nth-child(3n+2),.process-grid>.reveal:nth-child(3n+2){transition-delay:60ms}.service-grid>.reveal:nth-child(3n+3),.pricing-grid>.reveal:nth-child(3n+3),.process-grid>.reveal:nth-child(3n+3){transition-delay:120ms}.project-grid>.reveal:nth-child(2n){transition-delay:70ms}
.button-label-wrap{display:inline-block;position:relative;overflow:hidden;vertical-align:top}.button-label-main,.button-label-copy{display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.button-label-copy{position:absolute;top:110%;left:0;pointer-events:none}
@media(hover:hover) and (pointer:fine){.button:hover .button-label-main,.button:hover .button-label-copy,.button:focus-visible .button-label-main,.button:focus-visible .button-label-copy{transform:translateY(-110%)}.project-image>img{transition:transform .8s cubic-bezier(.2,.8,.2,1),object-position .65s cubic-bezier(.2,.8,.2,1)}}
@media(prefers-reduced-motion:reduce){.reveal-word-inner,.button .button-label-main{transform:none!important;transition:none!important}.button-label-copy{display:none}.project-image>img{transition:none!important}}
.motion-reduced .reveal-word-inner,.motion-reduced .button-label-main{transform:none!important;transition:none!important}.motion-reduced .button-label-copy{display:none}.motion-reduced .project-image>img{transition:none!important}
