/* Global */
html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
body:not(.no-transition),body:not(.no-transition) .transition{transition:background-color 1s var(--ease)}
.transitioning{pointer-events:none}
.fixed{position:fixed;top:0;left:0;width:100%}
.lineswrap{overflow:hidden}
/* Header */
.section-header{pointer-events:none}
.header-col{pointer-events:auto}
/* Loading animation */
body:not(.dark) .loading{background-color:var(--white)}
body:not(.dark) .loading>*{filter:invert(1)}
.loading{display:flex;transition:1.5s var(--ease2)}
.loading:not([data-loading]){transform:translate3d(0,-101%,0)}
.loading>*{transition:opacity .5s ease-in-out}
.loading:not([data-loading])>*{opacity:0}
.loading:not([data-loading=true])>*{opacity:0!important}
.loading-progress::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:2.125rem;transform-origin:left;transform:scaleX(var(--progress))}
/* Page transitions */
body::before,.transition{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--white);z-index:5;transform-origin:bottom;pointer-events:none}
body::before{transition:transform 1s var(--ease2),background-color 1s var(--ease)}
body.dark::before,.dark .transition{background-color:var(--black)}
.transition,.once body::before{transform:scaleY(0);transform-origin:top}
.section-bottom-nav{transition:transform 1s var(--ease)}
html:not(.ready) .section-bottom-nav,html.transitioning .section-bottom-nav,.section-bottom-nav.on{transform:translate3d(0,100%,0)}
.section-bottom-nav.on .filters-menu{opacity:0;pointer-events:none}
.project-item-header,.section-project .grid-2{transition:opacity .5s}
.transitioning .project-item-header,.transitioning .section-project .grid-2{opacity:0}
/* Animations */
[data-anim],[data-stagger]>*,.line{transition:opacity 1.25s var(--ease),transform 1.25s var(--ease)}
html:not(.ready) [data-anim],html:not(.ready) [data-stagger]>*{opacity:0;transform:translate3d(0,3rem,0)}
html:not(.ready) [data-anim="2"],html:not(.ready) .line,.transitioning .project-header h1{transform:translate3d(0,100%,0)}
[data-delay="1"]{transition-delay:.2s}
[data-delay="2"]{transition-delay:.4s}
[data-delay="3"]{transition-delay:.6s}
[data-delay="4"]{transition-delay:.8s}
.project{opacity:0;transform:translate3d(0,5rem,0)}
.project-header h1{transition:transform 1s var(--ease)}
/* Intro */
.intro-heading{opacity:calc(1 - var(--progress))}
.intro-p .lineswrap{opacity:calc(1 - (var(--progress) * var(--delay)))}
.intro-p .line{position:relative}
.intro-heading::before,.intro-p .line::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;
    /* background-image:linear-gradient(-90deg,var(--white) 50%,rgba(255,255,255,0)); */
    transform:translate3d(calc(100% * (1 - var(--progress))),0,0)}
.intro-heading-1{transform:translate3d(calc(100% * var(--progress)),0,0)}
.intro-heading-1::before{width:250%}
.intro-heading-2{transform:translate3d(calc(-75% * var(--progress)),0,0)}
/* .intro-heading-2::before{background-image:linear-gradient(90deg,var(--white) 30%,rgba(255,255,255,0) 100%);transform:translate3d(calc(-100% + 100% * var(--progress)),0,0)} */
.intro-heading-3{transform:translate3d(calc(50% * var(--progress)),0,0)}
.clients,.discover{opacity:calc(1 - (var(--progress) * 2))}
.intro-nav{transition:opacity .5s}
.scroll-intro-nav[data-scroll=off] ~ * .intro-nav,.scroll-intro-nav:not([data-scroll=off]) ~ * .creative-wrapper{opacity:0;pointer-events:none}
.creative-wrapper{display:block}
.creative-wrapper .creative{opacity:calc(0 + var(--progress));transform:translate3d(calc(-50% + 50% * var(--progress)),0,0)}
.creative-wrapper .btn{opacity:max(0,calc((var(--progress) - 0.8) * 5));transform:translate3d(0,calc(100% * (1 - var(--progress))),0)}
/* Intro Nav */
.intro-nav-link{transition:opacity 1s var(--ease)}
.intro-nav:hover .intro-nav-link:not(:hover),.intro-nav-link.off:not(:hover){opacity:.3}
.intro-nav-link.on{opacity:1!important}
.intro-nav-link>.diamond{transition:transform .5s;will-change:transform}
.intro-nav-link:not(.on)>.diamond{transform:scale(0)}
/* Clients Logos */
.clients{-webkit-mask:linear-gradient(transparent,#fff 30%)}
.clients .w-dyn-list{width:100%}
.clients .w-dyn-item{position:relative;display:flex;justify-content:center}
.clients a{position:absolute;top:0;left:0;width:100%;height:5rem;transform:translate3d(0,100%,0)}
.clients img{position:absolute;width:100%;max-width:6.3125rem;min-height:5rem;object-fit:contain}
.clients a.in{animation:in 1.5s cubic-bezier(.76,0,.24,1) both}
.clients a.out{animation:out 1.5s cubic-bezier(.76,0,.24,1) both}
@keyframes in{0%{transform:translate3d(0,100%,0)}100%{transform:none}}
@keyframes out{0%{transform:none}100%{transform:translate3d(0,-100%,0)}}
/* Flickity */
.flickity-enabled{display:block;position:relative}
.flickity-enabled:focus{outline:none}
.flickity-viewport{position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
/* Testimonials */
.testimonial{min-height:100%;transition:opacity .8s var(--ease)}
.testimonial .dash{transition:transform .8s var(--ease)}
.testimonial:not(.is-selected){opacity:.1}
.testimonial:not(.is-selected) .dash{transform:scaleX(0)}
/* Cursor */
.mf-cursor{position:fixed;top:0;left:0;z-index:250;pointer-events:none}
.mf-cursor::before{content:"";position:absolute;top:1rem;left:1rem;width:.8125rem;height:.8125rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M13 6.5A41.74 41.74 0 0 1 6.5 0 41.74 41.74 0 0 1 0 6.5 41.74 41.74 0 0 1 6.5 13c1.921-2.399 4.101-4.579 6.5-6.5z' fill='%230d0d0d'/%3E%3C/svg%3E");background-repeat:no-repeat;transition:opacity .3s,transform .4s}
.mf-cursor.-pointer::before{opacity:0;transform:scale(0)}
.mf-cursor-text{position:absolute;top:1rem;left:1rem;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;letter-spacing:-.025em;padding:1rem 1.5rem;border-radius:.75rem;color:var(--black);background-color:var(--white);opacity:0;transform:scale(0);transition:opacity .3s,transform .4s}
.mf-cursor.-text .mf-cursor-text{opacity:1;transform:scale(1)}
.mf-cursor-media{display:none}
/* canvas */
canvas{position: fixed;top:0;left: 0;}

/* Variables */
:root{
--ease:cubic-bezier(.22,.6,.36,1); /* Power 3 */
--ease2:cubic-bezier(.87,0,.13,1); /* inOut Expo */
}
/* Global */
a{color:inherit}
.btn,.cta{display:inline-flex}
.richtext>:first-child{margin-top:0}
.icon-arrow,.icon-plus{transition:transform .5s}
.intro,.section-contact,.section-404{max-height:-webkit-fill-available}
.scroll-intro-nav,.scroll-project{height:calc(100% - 100vh)}
.testimonial-author>*::before{content:"-";margin-right:.5rem}
.dash{background-image:linear-gradient(-110deg,#6ddbaa,#8781d6,#cf98b9,#f7dfa2,#badae2,#6ddbaa,#8781d6,#cf98b9,#f7dfa2,#badae2);transform:scaleY(1.001)}
[data-lenis-prevent]{-webkit-overflow-scrolling:touch}
svg[aria-label=logo]{overflow:visible}
.about-gradient>svg,.team-cta-border>svg{position:absolute;top:0;left:0;width:100%;height:100%}
.hidden-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
.intro-headings{font-size:calc(1rem + .2vw)}
/* Dark mode */
.dark{background-color:var(--black);color:var(--white)}
.dark .btn,.dark .logo-link,.dark .nav{background-color:rgba(38,38,38,.48)}
.dark .box,.dark .card{background-color:rgba(250,250,250,.04)}
.dark .box.box-menu{background-color:rgba(250,250,250,.08)}
/* .dark .intro-heading::before,.dark .intro-p .line::before{background-image:linear-gradient(-90deg,var(--black) 50%,rgba(0,0,0,0))}
.dark .intro-heading-2::before{background-image:linear-gradient(90deg,var(--black) 30%,rgba(0,0,0,0) 100%)} */
.dark .mf-cursor::before,.dark .clients img{filter:invert(1)}
/* Menu */
/* .nav-content>.list:first-of-type>:last-child{display:none} */
.burger path{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%;transition:opacity .3s,transform .5s,stroke-dasharray .5s;will-change:transform}
.burger path:nth-child(1),.burger path:nth-child(3){stroke-dasharray:16;stroke-dashoffset:40}
.burger path:nth-child(1){stroke-dasharray:23.75}
.menu.open .burger path{stroke-dasharray:20}
.menu.open .burger path:nth-child(1){transform:translate3d(-25%,25%,0) rotate(45deg)}
.menu.open .burger path:nth-child(3){transform:translate3d(-25%,-25%,0) rotate(-45deg)}
.menu.open .burger path:nth-child(2){opacity:0;transform:scaleX(0)}
.menu.open>.nav{height:var(--height)}
.nav-content>*{transition:opacity 1s var(--ease),transform 1s var(--ease)}
.menu:not(.open) .nav-content>*{opacity:0;transform:translate3d(0,2rem,0);transition-delay:0s!important;transition-duration:.5s}
/* Buttons */
a.box,.box-chat{position:relative;overflow:hidden}
.btn::before,a.box::before,.box-chat::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:currentColor;opacity:0;transition:opacity .5s;z-index:-1}
.btn:hover::before,a.box:hover::before,.box-chat:hover::before{opacity:.05}
/* Links */
.link>:first-child,.cta>:first-child,.w-richtext a{position:relative}
.link>:first-child::before,.cta>:first-child::before,.w-richtext a::before{content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:1px solid;transform-origin:right;transform:scaleX(0);transition:transform .8s var(--ease)}
.link.w--current>:first-child::before,.link:hover>:first-child::before,.cta:hover>:first-child::before,.w-richtext a:hover::before{transform-origin:left;transform:scaleX(1.001)}
.cta>.text-btn::before{bottom:-.25rem}
/* Project Filters */
.btn-filter{transition:background-color .5s;perspective:50rem}
.btn-filter:hover,.btn-filter.on{background-color:rgba(250,250,250,.4)}
.filters-menu{opacity:0;pointer-events:none;transition:opacity .5s}
.filters-menu:focus-within,.btn-filter.on+.filters-menu{opacity:1;pointer-events:auto}
.filter>.diamond{transition:transform .5s;will-change:transform}
.filter:not(:hover):not(.on)>.diamond{transform:scale(0)}
.btn-filter svg{transform:rotate(90deg);transition:transform .5s;will-change:transform}
.btn-filter.on svg{transform:rotate(90deg) rotateY(180deg)}
/* Project Infos */
.project-details>.w-dyn-item:not(:last-child):not(:only-child)::after{content:","}
.project-details>.tag>:last-child::before{content:"x"}
.bottom-nav-header::before,.bottom-nav-bar::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}
.bottom-nav-header::before{background-color:var(--ui-light);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);border-radius:1.5rem 1.5rem 0 0}
.bottom-nav-bar::before{background-color:currentColor;transform-origin:left;transform:scaleX(0)}
.ready .bottom-nav-bar::before{transform:scaleX(var(--progress))}
.bottom-nav:not(.open) .bottom-nav-header::before{transition:background-color .5s .5s}
.bottom-nav.open .bottom-nav-header::before{background-color:#fff}
.bottom-nav.open .icon-plus{transform:rotate(45deg)}
.grid-project-infos{transition:max-height .6s var(--ease)}
.bottom-nav:not(.open) .grid-project-infos{max-height:0}
/* Project Content */
.project-content::before,.project-content::after{display:none}
.project-content{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1.5rem;grid-row-gap:1.5rem}
.project-content figure{width:100%;max-width:100%;height:100%}
.project-content figure.w-richtext-align-fullwidth{padding-top:61.89%;grid-column:1/3}
.project-content figure.w-richtext-align-center{padding-top:100%}
.project-content figure>div{display:block!important}
.project-content figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1.5rem}
.project-content .w-iframe{position:relative;padding-top:75.5%;overflow:hidden;border-radius:1.5rem}
.project-content .w-iframe[squared]{padding-top:100%}
.project-content .w-iframe:not([squared]){grid-column:1/3}
.project-content iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
/* Project Content Captions */
.btn-caption{position:absolute;bottom:1.25rem;right:1.25rem;width:2rem;height:2rem;background:none}
.btn-caption>svg{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s;will-change:transform;overflow:visible}
.btn-caption[aria-pressed=true]>svg{transform:rotate(90deg)}
.btn-caption path{transform-origin:50% 50%;transition:opacity .3s,transform .5s;will-change:transform}
.btn-caption[aria-pressed=true] path:first-child{opacity:0;transform:scaleX(0)}
.project-content figcaption{opacity:0;pointer-events:none;transition:opacity .5s}
.btn-caption[aria-pressed=true]+figcaption{opacity:1;pointer-events:auto}
/* Max Mobile Portrait */
@media screen and (max-width:480px){
.nav{width:calc(100% - var(--padding)*2);left:var(--padding)}
.logo-link{background-color:transparent!important}
.project-content{grid-column-gap:.75rem;grid-row-gap:.75rem}
[data-carousel]::after{content:'flickity';display:none}
[data-carousel] .flickity-slider>*{width:90%;margin-right:1.25rem}
}
/* Min Mobile Landscape */
@media screen and (min-width:480px){
[data-carousel]::after{content:""}
}
/* Max Mobile Landscape */
@media screen and (max-width:767px){
.header>.header-col:last-child{display:none}
.header-col .btn:last-child{flex-grow:1;flex-shrink:1;flex-basis:0%}
.copyright-col{pointer-events:none}
.copyright-col>*{pointer-events:auto}
.project-content figcaption{font-size:1rem;padding:1.5rem}
}
/* Min Tablet */
@media screen and (min-width:767px){
html{font-size:calc(0.625rem + 0.41666666666666663vw)}
.menu .header-col{display:none}
}
/* Min Desktop */
@media screen and (min-width:991px){
.grid-projects{padding-bottom:2.875rem}
.grid-projects>*:nth-child(3n+2){position:relative;top:2.875rem}
.project-header>*{padding-bottom:calc(var(--height) + 2rem);margin-bottom:calc(-1 * var(--height) - 2rem)}
}
.project-content .w-embed:has(video) {
grid-column: 1 / 3;
position: relative;
/* padding-top: 74.25%; */
overflow: hidden;
border-radius: 1.5rem;
}
.project-content video{scale: 1.01;}
@media screen and (min-width:767px){
.project-content .w-embed:has(.full-width-bg) {
background-color: var(--white);
overflow: hidden;
border-radius: 1.5rem;
padding: 1.5rem;
}
}
.project-content .w-embed:has(.full-width-bg) {
grid-column: 1 / 3;
}
.project-content .w-embed:has(.ratio-widescreen) {
padding-top: 0% !important;
aspect-ratio: 16 / 9;
}
.project-content .w-embed:has(video[in-column]) {
grid-column: auto;
}
.grid-project-infos a::before {transform: scaleX(1.001) !important; transform-origin: 0% 50% !important;}
.grid-project-infos a:hover::before {transform: scaleX(0) !important;transform-origin: 100% 100% !important;}


*,:after,:before{border:0 solid;box-sizing:border-box;}
:after,:before{--tw-content:"";}
:disabled{cursor:default;}
img,svg{display:block;vertical-align:middle;}
img{height:auto;max-width:100%;}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}
.relative{position:relative;}
.z-\[10\]{z-index:10;}
.mx-\[10\.415\%\]{margin-left:10.415%;margin-right:10.415%;}
.my-\[0px\]{margin-bottom:0;margin-top:0;}
.flex{display:flex;}
.aspect-\[570\/370\]{aspect-ratio:570/370;}
.h-full{height:100%;}
.w-full{width:100%;}
.flex-col{flex-direction:column;}
.items-center{align-items:center;}
.justify-center{justify-content:center;}
.space-y-\[1\.375\%\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.375%*var(--tw-space-y-reverse));margin-top:calc(1.375%*(1 - var(--tw-space-y-reverse)));}
.overflow-hidden{overflow:hidden;}
.object-cover{-o-object-fit:cover;object-fit:cover;}
.p-\[1\.639506\%\]{padding:1.639506%;}
.device-wrapper{border-radius:3.5%/5%;}
.device-wrapper-inner{border-radius:1.75%/2.5%;z-index:1;}
ul li{margin-top: 24px; font-size: 15px;}
hr{border-bottom: 1px solid #444 !important; height: 1px !important;width: 75%;
    margin: 0;}
iframe{border-radius:20px !important;}