html[data-main-navigation] :is(.site-page-shell,[data-main-page-content]){view-transition-name:main-page-content}html[data-main-navigation]::view-transition-old(root),html[data-main-navigation]::view-transition-new(root),html[data-main-navigation]::view-transition-old(site-header),html[data-main-navigation]::view-transition-new(site-header),html[data-main-navigation]::view-transition-old(site-assistant),html[data-main-navigation]::view-transition-new(site-assistant){animation:none;mix-blend-mode:normal}html[data-main-navigation]::view-transition-group(site-header),html[data-main-navigation]::view-transition-group(site-assistant),html[data-main-navigation]::view-transition-group(main-page-content){animation-duration:0s}html[data-main-navigation]::view-transition-old(main-page-content),html[data-main-navigation]::view-transition-new(main-page-content){mix-blend-mode:normal}html[data-main-navigation]::view-transition-old(main-page-content){animation:main-page-out var(--duration-press) var(--motion-exit) both}html[data-main-navigation]::view-transition-new(main-page-content){animation:main-page-in var(--duration-medium) var(--motion-enter) var(--duration-press) both}html[data-main-navigation-kind=history]::view-transition-new(main-page-content){animation-name:main-page-restore}@keyframes main-page-out{to{opacity:0}}@keyframes main-page-in{0%{opacity:0;transform:translate3d(0,8px,0)}}@keyframes main-page-restore{0%{opacity:0}}html[data-hero-layout-transition]::view-transition{pointer-events:none}html[data-hero-layout-transition] .site-page-shell .home-hero[data-hero-role] .hero-avatar{view-transition-name:portfolio-hero-avatar}html[data-hero-layout-transition] .home-hero[data-hero-role=design] [data-hero-motion=role]{view-transition-name:hero-design-role}html[data-hero-layout-transition] .home-hero[data-hero-role=design] [data-hero-motion=title]{view-transition-name:hero-design-title}html[data-hero-layout-transition] .home-hero[data-hero-role=design] [data-hero-motion=body]{view-transition-name:hero-design-body}html[data-hero-layout-transition] .home-hero[data-hero-role=design] [data-hero-motion=actions]{view-transition-name:hero-design-actions}html[data-hero-layout-transition] .home-hero[data-hero-role=maker] [data-hero-motion=role]{view-transition-name:hero-maker-role}html[data-hero-layout-transition] .home-hero[data-hero-role=maker] [data-hero-motion=title]{view-transition-name:hero-maker-title}html[data-hero-layout-transition] .home-hero[data-hero-role=maker] [data-hero-motion=body]{view-transition-name:hero-maker-body}html[data-hero-layout-transition] .home-hero[data-hero-role=maker] [data-hero-motion=actions]{view-transition-name:hero-maker-actions}html[data-hero-layout-transition]::view-transition-group(portfolio-hero-avatar){animation-duration:var(--duration-long);animation-timing-function:var(--motion-soft);z-index:2}html[data-hero-layout-transition]::view-transition-old(portfolio-hero-avatar),html[data-hero-layout-transition]::view-transition-new(portfolio-hero-avatar){animation-duration:var(--duration-long);animation-timing-function:var(--motion-soft);height:100%;-o-object-fit:contain;object-fit:contain}html[data-hero-layout-transition]::view-transition-group(hero-design-role),html[data-hero-layout-transition]::view-transition-group(hero-maker-role),html[data-hero-layout-transition]::view-transition-group(hero-design-title),html[data-hero-layout-transition]::view-transition-group(hero-maker-title),html[data-hero-layout-transition]::view-transition-group(hero-design-body),html[data-hero-layout-transition]::view-transition-group(hero-maker-body),html[data-hero-layout-transition]::view-transition-group(hero-design-actions),html[data-hero-layout-transition]::view-transition-group(hero-maker-actions){animation:none;z-index:3}html[data-hero-layout-transition]::view-transition-old(hero-design-role),html[data-hero-layout-transition]::view-transition-old(hero-maker-role),html[data-hero-layout-transition]::view-transition-new(hero-design-role),html[data-hero-layout-transition]::view-transition-new(hero-maker-role){--hero-copy-x: var(--hero-role-x, 0px);--hero-copy-y: var(--hero-role-y, 0px)}html[data-hero-layout-transition]::view-transition-old(hero-design-title),html[data-hero-layout-transition]::view-transition-old(hero-maker-title),html[data-hero-layout-transition]::view-transition-new(hero-design-title),html[data-hero-layout-transition]::view-transition-new(hero-maker-title){--hero-copy-x: var(--hero-title-x, 0px);--hero-copy-y: var(--hero-title-y, 0px)}html[data-hero-layout-transition]::view-transition-old(hero-design-body),html[data-hero-layout-transition]::view-transition-old(hero-maker-body),html[data-hero-layout-transition]::view-transition-new(hero-design-body),html[data-hero-layout-transition]::view-transition-new(hero-maker-body){--hero-copy-x: var(--hero-body-x, 0px);--hero-copy-y: var(--hero-body-y, 0px)}html[data-hero-layout-transition]::view-transition-old(hero-design-role),html[data-hero-layout-transition]::view-transition-old(hero-maker-role),html[data-hero-layout-transition]::view-transition-old(hero-design-title),html[data-hero-layout-transition]::view-transition-old(hero-maker-title),html[data-hero-layout-transition]::view-transition-old(hero-design-body),html[data-hero-layout-transition]::view-transition-old(hero-maker-body){animation:hero-copy-out var(--duration-fast) var(--motion-exit) both,hero-copy-travel-out var(--duration-long) var(--motion-soft) both}html[data-hero-layout-transition]::view-transition-new(hero-design-role),html[data-hero-layout-transition]::view-transition-new(hero-maker-role),html[data-hero-layout-transition]::view-transition-new(hero-design-title),html[data-hero-layout-transition]::view-transition-new(hero-maker-title),html[data-hero-layout-transition]::view-transition-new(hero-design-body),html[data-hero-layout-transition]::view-transition-new(hero-maker-body){animation:hero-copy-in var(--duration) var(--motion-enter) var(--duration-fast) both,hero-copy-travel-in var(--duration-long) var(--motion-soft) both}html[data-hero-layout-transition]::view-transition-old(hero-design-actions),html[data-hero-layout-transition]::view-transition-old(hero-maker-actions){animation:hero-copy-out var(--duration-fast) var(--motion-exit) both}html[data-hero-layout-transition]::view-transition-new(hero-design-actions),html[data-hero-layout-transition]::view-transition-new(hero-maker-actions){animation:hero-actions-in var(--duration) var(--motion-enter) var(--duration-medium) both}@keyframes hero-copy-out{to{opacity:0}}@keyframes hero-copy-in{0%{opacity:0}}@keyframes hero-copy-travel-out{to{transform:translate(calc(-1 * var(--hero-copy-x)),calc(-1 * var(--hero-copy-y)))}}@keyframes hero-copy-travel-in{0%{transform:translate(var(--hero-copy-x),var(--hero-copy-y))}}@keyframes hero-actions-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--cs-duration);animation-timing-function:var(--cs-ease)}html[data-edge-page-transition]{--edge-page-travel: .44s;--edge-page-lead: 60ms;--edge-page-curve: cubic-bezier(.32, .72, 0, 1);--edge-page-seam: var(--cover-surface, #0b0b0c);--edge-page-seam-depth: 16vh;--edge-page-dim: .72}@supports (animation-timing-function: linear(0,1)){html[data-edge-page-transition]{--edge-page-curve: linear( 0, .0197 2.5%, .0685 5%, .1347 7.5%, .2097 10%, .2878 12.5%, .365 15%, .4388 17.5%, .5077 20%, .628 25%, .7242 30%, .7986 35%, .8548 40%, .9269 50%, .9647 60%, .9838 70%, .9932 80%, .9978 90%, 1 )}}@keyframes edge-page-hold{to{filter:brightness(var(--edge-page-dim))}}@keyframes edge-page-rise{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes edge-page-seam{0%{box-shadow:0 calc(-1 * var(--edge-page-seam-depth)) 0 0 var(--edge-page-seam)}to{box-shadow:0 0 0 0 var(--edge-page-seam)}}html[data-edge-page-transition]::view-transition-old(root),html[data-edge-page-transition]::view-transition-new(root){animation-duration:var(--edge-page-travel);animation-timing-function:var(--edge-page-curve);animation-fill-mode:both;mix-blend-mode:normal}html[data-edge-page-transition]::view-transition-old(root){animation-name:edge-page-hold}html[data-edge-page-transition]::view-transition-new(root){animation-name:edge-page-rise,edge-page-seam;animation-delay:var(--edge-page-lead)}html[data-edge-page-transition]::view-transition-old(site-header),html[data-edge-page-transition]::view-transition-new(site-header),html[data-edge-page-transition]::view-transition-old(site-assistant),html[data-edge-page-transition]::view-transition-new(site-assistant){animation:none}html[data-project-transition-shared=true][data-project-transition=open] [data-project-transition-origin=true] [data-project-transition-media],html[data-project-transition-shared=true][data-project-transition=open] #case-study-hero [data-project-transition-media],html[data-project-transition-shared=true][data-project-transition=close] #case-study-hero [data-project-transition-media],html[data-project-transition-shared=true][data-project-transition=close] [data-project-transition-origin=true] [data-project-transition-media]{view-transition-name:project-hero-media;view-transition-group:project-hero-backdrop}html[data-project-transition-shared=true][data-project-transition=open] [data-project-transition-origin=true] [data-project-transition-backdrop],html[data-project-transition-shared=true][data-project-transition=open] #case-study-hero [data-project-transition-backdrop],html[data-project-transition-shared=true][data-project-transition=close] #case-study-hero [data-project-transition-backdrop],html[data-project-transition-shared=true][data-project-transition=close] [data-project-transition-origin=true] [data-project-transition-backdrop]{view-transition-name:project-hero-backdrop;view-transition-group:contain}html[data-project-transition]::view-transition-old(root){animation:project-page-out .16s var(--motion-exit) both}html[data-project-transition=open]::view-transition-new(root){animation:project-page-in .14s var(--motion-soft) .18s both}html[data-project-transition=close]::view-transition-new(root){animation:project-page-in 80ms var(--motion-soft) .24s both}html[data-project-transition-shared=true][data-project-transition=open] [data-project-transition-origin=true] [data-project-transition-card-copy]{view-transition-name:project-card-copy}html[data-project-transition-shared=true][data-project-transition=open] #case-study-hero [data-project-transition-copy]{view-transition-name:project-hero-copy}html[data-project-transition]::view-transition-group(project-card-copy){z-index:4;overflow:visible;animation:none}html[data-project-transition=open]::view-transition-old(project-card-copy){animation:project-card-copy-out .15s var(--motion-exit) both}html[data-project-transition=open]::view-transition-new(project-card-copy){display:none}html[data-project-transition]::view-transition-group(project-hero-copy){z-index:3;overflow:visible;animation:none}html[data-project-transition]::view-transition-old(project-hero-copy),html[data-project-transition]::view-transition-new(project-hero-copy){mix-blend-mode:normal;overflow:visible;height:100%;width:100%}html[data-project-transition=open]::view-transition-old(project-hero-copy){display:none}html[data-project-transition=open]::view-transition-new(project-hero-copy){animation:project-copy-follow-in .32s cubic-bezier(.25,.3,.4,1) both;transform-origin:50% 100%}@keyframes project-copy-follow-in{0%{opacity:0;transform:translate3d(var(--project-copy-dx, 0px),var(--project-copy-dy, 48px),0) scale(var(--project-copy-from-scale, .36))}40%{opacity:0}58%{opacity:1}70%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}html[data-project-transition]::view-transition{overflow:clip}html[data-project-transition]::view-transition-group(project-hero-backdrop){z-index:1;overflow:clip;border-radius:var(--radius-content);animation-duration:.32s;animation-timing-function:cubic-bezier(.25,.3,.4,1)}html[data-project-transition]::view-transition-group-children(project-hero-backdrop){overflow:clip;border-radius:inherit;isolation:isolate}html[data-project-transition=close]::view-transition-group(project-hero-backdrop),html[data-project-transition=close]::view-transition-group-children(project-hero-backdrop){overflow:clip}html[data-project-transition]::view-transition-image-pair(project-hero-backdrop){overflow:clip;border-radius:inherit;top:0;right:0;bottom:0;left:0;width:100%;height:100%}html[data-project-transition]::view-transition-old(project-hero-backdrop),html[data-project-transition]::view-transition-new(project-hero-backdrop){mix-blend-mode:normal;overflow:clip;border-radius:inherit;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}html[data-project-transition=open]::view-transition-old(project-hero-backdrop){animation:project-backdrop-out .16s var(--motion-exit) both}html[data-project-transition=open]::view-transition-new(project-hero-backdrop){animation:project-backdrop-in .17s var(--motion-soft) both}html[data-project-transition=close]::view-transition-old(project-hero-backdrop){animation:none;opacity:1}html[data-project-transition=close]::view-transition-new(project-hero-backdrop){animation:none;opacity:0}html[data-project-transition]::view-transition-group(project-hero-media){z-index:2;overflow:clip;border-radius:var(--radius-media);box-shadow:0 10px 28px -18px #0d0d0d47,inset 0 0 0 1px #0d0d0d1a;animation-duration:.32s;animation-timing-function:cubic-bezier(.25,.3,.4,1)}html[data-project-transition=close]::view-transition-group(project-hero-backdrop),html[data-project-transition=close]::view-transition-group(project-hero-media){animation-duration:.22s}html[data-project-transition]::view-transition-image-pair(project-hero-media){overflow:clip;border-radius:inherit;top:0;right:0;bottom:0;left:0;width:100%;height:100%}html[data-project-transition]::view-transition-old(project-hero-media),html[data-project-transition]::view-transition-new(project-hero-media){border-radius:inherit;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;overflow:clip}html[data-project-transition]::view-transition-old(project-hero-media){mix-blend-mode:normal;animation:project-media-out .28s var(--motion-exit) both}html[data-project-transition]::view-transition-new(project-hero-media){mix-blend-mode:normal;animation:project-media-in .28s var(--motion-soft) both}html[data-project-transition] [data-project-transition-origin=true].portfolio-item-wrapper{outline-color:transparent;box-shadow:none;animation:none;transition:none}html[data-project-transition=close] [data-project-transition-origin=true].portfolio-item-wrapper{overflow:clip}html[data-project-transition-dest=hide] [data-project-transition-origin=true] [data-project-transition-backdrop]{visibility:hidden}html[data-project-transition] [data-project-transition-origin=true] .portfolio-item-bg{background-color:var(--bg-color);transition:none}html[data-project-transition] [data-project-transition-origin=true] .portfolio-item-bg.is-stage-fill{filter:brightness(.6) saturate(1.08)}html[data-project-transition] [data-project-transition-origin=true] .browser-mockup,html[data-project-transition] [data-project-transition-origin=true] .img-mockup-wrapper{box-shadow:none}html[data-project-transition] .portfolio-aurora,html[data-project-transition] .portfolio-aurora-burst,html[data-project-transition] .portfolio-aurora-orbit{visibility:hidden;opacity:0;animation:none}html[data-project-transition-shared=true] #case-study-hero .hero-image-wrap{box-shadow:none;outline:none}html[data-project-transition-shared=true] #case-study-hero .hero-image-wrap--on-backdrop{border-width:1px;padding:0;border-color:transparent;box-shadow:none;outline:none}html[data-project-transition] #case-study-hero .hero-image-wrap{opacity:1;overflow:hidden}html[data-project-transition-content=same]::view-transition-old(project-hero-media){animation:none;opacity:1}html[data-project-transition-content=same]::view-transition-new(project-hero-media){animation:none;opacity:0}html[data-project-transition]::view-transition-group(site-header){animation-duration:.2s;animation-timing-function:var(--motion-soft)}html[data-project-transition]::view-transition-group(site-assistant){z-index:var(--z-dropdown, 40);overflow:clip;animation-duration:.32s;animation-timing-function:cubic-bezier(.25,.3,.4,1)}html[data-project-transition]::view-transition-old(site-assistant),html[data-project-transition]::view-transition-new(site-assistant){height:100%;overflow:clip;mix-blend-mode:normal;animation-duration:.22s;animation-timing-function:var(--motion-soft)}@keyframes project-page-out{to{opacity:0}}@keyframes project-page-in{0%{opacity:0}}@keyframes project-card-copy-out{to{opacity:0}}@keyframes project-media-out{0%,16%{opacity:1}to{opacity:0}}@keyframes project-media-in{0%,16%{opacity:0}to{opacity:1}}@keyframes project-backdrop-out{0%,10%{opacity:1}to{opacity:0}}@keyframes project-backdrop-in{0%,10%{opacity:0}to{opacity:1}}html[data-hero-copy=hold] #case-study-hero [data-cover-reveal=cta],html[data-hero-copy=hold] [data-published-case] .overview>.overview-item:first-child,html[data-hero-copy=hold] [data-published-case] .overview>.overview-item:nth-child(2),html[data-hero-copy=hold] #quick-story .quick-beat:first-child{opacity:0;filter:blur(8px);transform:translate3d(0,4px,0) scale(1.05);transform-origin:50% 50%}html[data-project-transition][data-hero-copy=hold] #case-study-hero [data-cover-reveal=cta],html[data-project-transition][data-hero-copy=hold] [data-published-case] .overview>.overview-item:first-child,html[data-project-transition][data-hero-copy=hold] [data-published-case] .overview>.overview-item:nth-child(2),html[data-project-transition][data-hero-copy=hold] #quick-story .quick-beat:first-child{filter:none}.hero-copy-line{display:block;white-space:nowrap;transform-origin:50% 50%}html[data-hero-copy=play] [data-hero-copy-item],html[data-hero-copy=play] .hero-copy-line{animation:hero-copy-focus var(--duration-medium) var(--motion-enter) calc(var(--copy-i, 0) * 24ms) both}html[data-project-transition] [data-hero-copy-item],html[data-project-transition] .hero-copy-line{animation:none}html[data-hero-copy=play] [data-published-case] .overview>.overview-item:first-child>h2:not([data-hero-copy-item]),html[data-hero-copy=play] [data-published-case] .overview>.overview-item:first-child>.rich-text:not(:has([data-hero-copy-item])),html[data-hero-copy=play] [data-published-case] .overview>.overview-item:nth-child(2):not([data-hero-copy-item]):not(:has([data-hero-copy-item])),html[data-hero-copy=play] #quick-story .quick-beat:first-child:not(:has([data-hero-copy-item])){opacity:0}@keyframes hero-copy-focus{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}html[data-cover-locked]{overflow:hidden}html[data-cover-locked] #main-content{pointer-events:none}html[data-cover-enter=open] header[data-cover-reveal=nav],html[data-cover-enter=open] [data-cover-reveal=eyebrow],html[data-cover-enter=open] [data-cover-reveal=meta],html[data-cover-enter=open] [data-cover-reveal=cta]{opacity:0;transform:translate3d(0,16px,0)}html[data-cover-enter=open] [data-cover-reveal=title]{overflow:hidden}html[data-cover-enter=open] [data-cover-reveal=title] .hero-title-line{display:block;transform:translate3d(0,110%,0)}html[data-cover-enter=open] [data-cover-reveal=hero] .hero-image-inner,html[data-cover-enter=open] [data-cover-reveal=hero] .placeholder-item{transform:translate3d(0,10%,0) scale(1.035);will-change:transform}html[data-cover-phase=reveal] header[data-cover-reveal=nav]{animation:cover-enter .26s var(--motion-enter) 0ms both}html[data-cover-phase=reveal] [data-cover-reveal=eyebrow]{animation:cover-enter .26s var(--motion-enter) 40ms both}html[data-cover-phase=reveal] [data-cover-reveal=title] .hero-title-line{animation:cover-title-line .42s var(--motion-enter) 40ms both}html[data-cover-phase=reveal] [data-cover-reveal=meta]{animation:cover-enter .32s var(--motion-soft) .1s both}html[data-cover-phase=reveal] [data-cover-reveal=hero] .hero-image-inner,html[data-cover-phase=reveal] [data-cover-reveal=hero] .placeholder-item{animation:cover-hero .44s var(--motion-soft) .14s both}html[data-cover-phase=reveal] [data-cover-reveal=cta]{animation:cover-enter .26s var(--motion-enter) .22s both}html[data-cover-phase=exit] #main-content{opacity:0;transform:translate3d(0,-12px,0);transition:opacity .22s var(--motion-exit),transform .22s var(--motion-exit)}@keyframes cover-enter{to{opacity:1;transform:translateZ(0)}}@keyframes cover-title-line{to{transform:translateZ(0)}}@keyframes cover-hero{to{transform:translateZ(0) scale(1)}}