.motion-ui{display:none}
.motion-lab .hero-images{display:none!important}
.motion-lab .hero-project-window{top:50%!important;width:clamp(280px,min(37vw,calc((100svh - 190px)*.8)),580px)!important}.motion-lab.hero-project-open .hero-name-first{transform:translate3d(0,var(--name-up,-28vh),0)!important}.motion-lab.hero-project-open .hero-name-last{transform:translate3d(0,var(--name-down,28vh),0)!important}

html.motion-lab{scroll-behavior:auto}
.motion-lab .motion-ui{display:block}
.motion-lab .motion-ui::before{content:"";position:fixed;z-index:7990;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#000 .55px,transparent .55px);background-size:4px 4px;mix-blend-mode:multiply}

.motion-lab .motion-progress{position:fixed;z-index:9992;right:0;top:0;width:2px;height:100svh;background:rgba(127,127,127,.24);pointer-events:none;mix-blend-mode:difference}.motion-lab .motion-progress span{display:block;width:100%;height:100%;background:#fff;transform:scaleY(0);transform-origin:top center;will-change:transform}
.motion-lab .motion-cursor{position:fixed;z-index:9998;left:0;top:0;width:26px;height:26px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:0;transform:translate3d(-50%,-50%,0);transition:width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease,background .22s ease,border-color .22s ease;pointer-events:none;mix-blend-mode:difference;will-change:transform}.motion-lab.has-pointer .motion-cursor{opacity:1}.motion-lab .motion-cursor i{position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;transition:transform .24s ease}.motion-lab .motion-cursor.is-active{width:40px;height:40px}.motion-lab .motion-cursor.is-active i{transform:scale(1.5)}.motion-lab .motion-cursor.is-lab{border-color:transparent;background:transparent;color:#f4df19;mix-blend-mode:normal}
.motion-lab .motion-scroll-cue{position:fixed;z-index:8990;left:50%;bottom:18px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;font:600 10px/1 'Inter Tight',Arial,sans-serif;letter-spacing:.14em;pointer-events:none;mix-blend-mode:difference;transform:translateX(-50%);transition:opacity .35s}.motion-lab .motion-scroll-cue i{display:block;font:400 20px/1 Arial,sans-serif;font-style:normal;letter-spacing:0;animation:motionCue 1.65s cubic-bezier(.22,1,.36,1) infinite}.motion-lab.has-scrolled .motion-scroll-cue{opacity:0}

.motion-lab .motion-curtain{position:fixed;z-index:9999;inset:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.motion-lab .motion-curtain span{background:#000;transform:translateY(0);transition:transform .62s cubic-bezier(.76,0,.24,1)}.motion-lab .motion-curtain span:nth-child(2){transition-delay:.04s}.motion-lab .motion-curtain span:nth-child(3){transition-delay:.08s}.motion-lab .motion-curtain span:nth-child(4){transition-delay:.12s}.motion-lab.motion-ready .motion-curtain span{transform:translateY(-101%)}.motion-lab.motion-leaving .motion-curtain span{transform:translateY(0)!important;transition-duration:.55s}.motion-lab.motion-leaving .motion-curtain span:nth-child(1){transition-delay:.15s}.motion-lab.motion-leaving .motion-curtain span:nth-child(2){transition-delay:.1s}.motion-lab.motion-leaving .motion-curtain span:nth-child(3){transition-delay:.05s}.motion-lab.motion-leaving .motion-curtain span:nth-child(4){transition-delay:0s}

.motion-lab body,.motion-lab a,.motion-lab button{cursor:none}.motion-lab .site-menu a,.motion-lab .underlined,.motion-lab .contact-pill{transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s,background .2s}.motion-lab .hero-stage{perspective:1000px}.motion-lab .hero-images{transition:opacity .45s ease}.motion-lab .hero-copy{z-index:12;pointer-events:none}.motion-lab .hero-copy h1{position:relative;display:flex;gap:.22em;pointer-events:auto;transform:none!important}.motion-lab .hero-copy h1 span{display:block;transition:transform .86s cubic-bezier(.76,0,.24,1),color .25s ease;will-change:transform}.motion-lab.hero-project-open .hero-name-first{color:#fff;transform:translate3d(0,-30vh,0);mix-blend-mode:difference}.motion-lab.hero-project-open .hero-name-last{color:#fff;transform:translate3d(0,30vh,0);mix-blend-mode:difference}.motion-lab.hero-project-open .hero-images{opacity:.06}.motion-lab .kinetic-char{display:inline-block;transform:translate3d(0,115%,0) rotate(4deg);transform-origin:center bottom;opacity:0;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .45s ease;transition-delay:calc(var(--i) * 24ms);will-change:transform}.motion-lab .kinetic-visible .kinetic-char{transform:translate3d(0,0,0) rotate(0);opacity:1}.motion-lab .site-footer h2{overflow:hidden;padding-bottom:.08em}.motion-lab .hero-copy p{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1) .58s,opacity .3s ease}.motion-lab.motion-ready .hero-copy p{clip-path:inset(0 0 0 0)}.motion-lab.hero-project-open .hero-copy p{opacity:0}

.hero-project-window{display:none}.motion-lab .hero-project-window{position:absolute;z-index:8;left:50%;top:45%;width:clamp(300px,34vw,540px);aspect-ratio:4/5;display:block;overflow:hidden;background:#050505;border:1px solid #111;opacity:0;clip-path:inset(50% 0 50% 0);transform:translate3d(-50%,-50%,0) scale(.94);transition:clip-path .86s cubic-bezier(.76,0,.24,1),transform .86s cubic-bezier(.16,1,.3,1),opacity .12s ease .08s;pointer-events:none;will-change:clip-path,transform,opacity}.motion-lab .hero-project-window.is-visible{opacity:1;clip-path:inset(0);transform:translate3d(-50%,-50%,0) scale(1);transition:clip-path .86s cubic-bezier(.16,1,.3,1),transform .86s cubic-bezier(.16,1,.3,1),opacity .06s ease}.motion-lab .hero-project-window>img{width:100%;height:100%;object-fit:cover;filter:contrast(1.03);transform:scale(1.08);transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .18s ease}.motion-lab .hero-project-window.is-visible>img{transform:scale(1)}.motion-lab .hero-project-window.is-changing>img{opacity:0}.motion-lab .work-row>strong,.motion-lab .work-row>span,.motion-lab .work-row>time{transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}.motion-lab .preview-shell{perspective:900px}.motion-lab .work-preview{will-change:transform;transition:transform .18s linear}.motion-lab .selected-head h2{transform-origin:left center;transition:letter-spacing .45s cubic-bezier(.2,.8,.2,1)}.motion-lab .selected-head:hover h2{letter-spacing:-.075em}.motion-lab .boundary-space{position:relative;background-image:none}.motion-lab .boundary-space::before{content:"";position:absolute;inset:-8%;background:url("https://cdn.prod.website-files.com/696a4a0ff3d0f370aed78f96/69b6dabe20029a8e3e592c6e_stand%20out!!!.jpg") center top/cover no-repeat;transform:translate3d(0,var(--boundary-y,0px),0) scale(1.05);will-change:transform}.motion-lab .about-image-link img{transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .65s ease}.motion-lab .about-image-link:hover img{transform:scale(1.045);filter:grayscale(.2)}.motion-lab .contact-orb{transition:opacity .18s ease,transform .14s linear,width .3s,height .3s}

@keyframes motionCue{0%,100%{transform:translateY(-2px);opacity:.45}50%{transform:translateY(5px);opacity:1}}

.motion-lab .hero-copy h1 span{transition:transform 1.05s cubic-bezier(.22,1,.36,1),color .35s ease}.motion-lab.hero-project-open .hero-name-first{color:#111;transform:translate3d(0,-28vh,0);mix-blend-mode:normal}.motion-lab.hero-project-open .hero-name-last{color:#111;transform:translate3d(0,28vh,0);mix-blend-mode:normal}.motion-lab .hero-project-window{border:0;width:clamp(320px,37vw,580px);transition:clip-path 1.05s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1),opacity .24s ease}.motion-lab .hero-project-window.is-visible{transition:clip-path 1.05s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1),opacity .2s ease}.motion-lab .hero-project-window>img{transition:transform 1.35s cubic-bezier(.22,1,.36,1),opacity .3s ease}

@media(pointer:coarse),(max-width:700px){.motion-lab body,.motion-lab a,.motion-lab button{cursor:auto}.motion-lab .motion-cursor,.motion-lab .hero-project-window{display:none}.motion-lab .hero-copy h1{display:block;pointer-events:none}.motion-lab .hero-copy h1 span{display:inline}.motion-lab .motion-scroll-cue{bottom:14px}.motion-lab .motion-ui::before{opacity:.02}.motion-lab .kinetic-char{transition-delay:calc(var(--i) * 13ms)}}
@media(prefers-reduced-motion:reduce){.motion-lab .motion-curtain{display:none}.motion-lab .motion-scroll-cue{display:none}.motion-lab .motion-cursor{display:none}.motion-lab body,.motion-lab a,.motion-lab button{cursor:auto}.motion-lab .kinetic-char{opacity:1!important;transform:none!important;transition:none!important}.motion-lab .hero-copy p{clip-path:none;transition:none}.motion-lab .hero-images,.motion-lab .boundary-space::before{transform:none!important}.motion-lab .motion-progress span{transition:none}}

/* Light crossfade between the hero project images */
.motion-lab .hero-project-window{background:#f3f3f3}.motion-lab .hero-project-window>img{position:absolute;inset:0;opacity:0;filter:contrast(1.02);transform:scale(1.018);transition:opacity .78s cubic-bezier(.4,0,.2,1),transform 1.25s cubic-bezier(.22,1,.36,1)}.motion-lab .hero-project-window>img.is-current{opacity:1;transform:scale(1)}