:root{--color-ink: #000000;--color-paper: #ffffff;--color-signal: #ffc400;--space-xs: 8px;--space-sm: 14px;--space-md: 20px;--space-lg: 40px;--space-xl: 64px;--space-section: 104px;--radius-panel: 40px;--radius-pill: 9999px}:focus-visible{outline:2px solid currentColor!important;outline-offset:6px}.navbar__menu--trigger,.navbar__menu--logo{cursor:pointer}.navbar__menu--trigger:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.l__menu[aria-hidden=true]{pointer-events:none}.l__menu[aria-hidden=false]{pointer-events:auto}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion body{overflow-x:hidden;overflow-y:auto}.reduced-motion .l__preloader,.reduced-motion .preloader__overlay,.reduced-motion #cursor,.reduced-motion canvas,.reduced-motion .landscape__touch__devices{display:none!important}.reduced-motion .main__container{position:relative!important;transform:none!important}.reduced-motion .tile{position:relative!important;width:100%!important;max-height:none;border-radius:0}.reduced-motion .landing__roles,.reduced-motion .project__label,.reduced-motion .project__animateIn,.reduced-motion .playground__label,.reduced-motion .webgl__image,.reduced-motion .l__navbar,.reduced-motion .contact__button--container,.reduced-motion .contact__newsletter{opacity:1!important;visibility:visible!important;transform:none!important}.reduced-motion .landing__roles span{display:none}.reduced-motion .landing__roles span:first-child{display:inline;top:0}.reduced-motion .project__image img,.reduced-motion img{opacity:1!important}.reduced-motion .l__menu{left:-110vw!important}.reduced-motion.menu-open .l__menu{left:0!important}.reduced-motion.menu-open .l__menu--overlay{opacity:.6!important;visibility:visible!important;pointer-events:auto}.reduced-motion .swiper-wrapper{transform:none!important;overflow-x:auto;scroll-snap-type:x mandatory}.reduced-motion .swiper-slide{scroll-snap-align:start}@media(min-width:1201px){.reduced-motion #tile__landing{min-height:900px}.reduced-motion #tile__manifesto{padding:100px 40px;height:auto;min-height:900px;overflow:hidden}.reduced-motion #tile__about{min-height:900px;overflow:hidden}.reduced-motion #tile__projects{padding:80px 40px;height:auto;overflow-x:auto}.reduced-motion #tile__contact{min-height:900px}}@media(min-width:1201px){.reduced-motion .l__navbar{top:4rem!important}}.reduced-motion .navbar__menu--trigger,.reduced-motion .navbar__label,.reduced-motion .navbar__links{opacity:1!important}.reduced-motion .landing__cta p:nth-child(2){display:block}.landing__bottom-left .landing__retrospective{padding-left:0}@media(max-width:1023px){html,body{overflow-x:hidden;overscroll-behavior-x:none}[asscroll-container]{overflow-x:hidden!important;overscroll-behavior-x:none}}.l__preloader{padding:0 40px}.l__preloader .preloader__content{display:flex;align-items:center;gap:0}.l__preloader .preloader__logo{display:block;width:37px;height:24px;flex:none}.l__preloader .preloader__content p{font-family:Inter Tight,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#fff;margin:0}.l__preloader .preloader__content .preloader__loading{margin-left:24px;font-size:16px;color:#c2c2c2}.l__preloader .preloader__content .preloader__number{margin-left:8px;font-size:16px;min-width:4ch;font-variant-numeric:tabular-nums}.navbar__menu--logo{opacity:0}.reduced-motion .navbar__menu--logo{opacity:1!important}.navbar--home .navbar__menu--trigger,.navbar--home .navbar__label,.l__menu[hidden],.l__menu--overlay[hidden],.l__menu__open--overlay[hidden]{display:none!important}.navbar--home .navbar__menu{height:auto}.navbar--home .navbar__menu--logo{display:block;width:37px;height:24px}.navbar--home .navbar__menu--logo img{display:block;width:37px;height:24px;object-fit:contain}.navbar--home .navbar__links{width:auto;gap:24px;justify-content:flex-end;align-items:flex-start}.navbar--home .navbar__links a{font-family:Inter Tight,sans-serif;font-weight:400;font-size:16px;line-height:1;color:#c2c2c2}.navbar--home .navbar__links a:hover,.navbar--home .navbar__links a:focus-visible{color:#fff}.navbar--home .hover--underline:after{background:currentColor}@media only screen and (min-width:1201px){.navbar--home{left:40px;width:calc(100vw - 80px);height:4rem;align-items:flex-start;margin-top:calc(40px - 2rem)}}@media only screen and (max-width:1200px){.navbar--home .navbar__menu--logo{position:absolute;top:5rem;left:4rem;pointer-events:all}.navbar--home .navbar__links{display:flex;position:absolute;top:5rem;right:4rem;pointer-events:all}}@media only screen and (min-width:1201px){.reduced-motion .navbar--home{margin-top:calc(40px - 4rem)}}.l__navbar.navbar--home{mix-blend-mode:normal}.navbar--home .navbar__menu--logo img{transition:filter .2s ease}.navbar--home .navbar__menu--logo.on-light img{filter:brightness(0)}.navbar--home .navbar__links a{transition:color .2s ease}.navbar--home .navbar__links a.on-light{color:#000}.navbar--home .navbar__links a.on-light:hover,.navbar--home .navbar__links a.on-light:focus-visible{color:#000}#cursor.cursor--on-yellow{mix-blend-mode:normal!important}#cursor.cursor--on-yellow span{background-color:#000!important}.navbar--home .navbar__menu--logo{filter:none!important}.l__navbar.navbar--home.navbar--black .navbar__links a{color:#c2c2c2}.l__navbar.navbar--home.navbar--black .navbar__links a:hover{color:#fff}.l__navbar.navbar--home.navbar--black .navbar__links a.on-light{color:#000}.navbar__burger{display:none}.mobile-menu[hidden]{display:none!important}.mobile-menu{display:none}@media only screen and (max-width:1200px){.navbar--home .navbar__links{display:none}.navbar--home .navbar__menu--logo{top:30px;left:20px}.navbar__burger{display:block;position:absolute;top:30px;right:20px;width:24px;height:24px;padding:0;border:0;background:none;color:#fff;cursor:pointer;pointer-events:all;-webkit-tap-highlight-color:transparent}.navbar__burger.on-light{color:#000}.navbar__burger svg{display:block}.navbar__burger .icon-close,.mobile-menu--open .navbar__burger .icon-menu{display:none}.mobile-menu--open .navbar__burger .icon-close{display:block}.mobile-menu--open .navbar__burger,.mobile-menu--open .navbar--home .navbar__menu--logo img{color:#fff;filter:none}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;display:flex;align-items:center;padding:0 20px 88px;visibility:hidden;pointer-events:none;transition:visibility 0s linear 1.05s}.mobile-menu:before,.mobile-menu:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(100%);transition:transform .9s cubic-bezier(.87,0,.13,1)}.mobile-menu:before{background:#ffc400;transition-delay:.1s}.mobile-menu:after{background:#0a0a0a;transition-delay:0s}.mobile-menu.is-open{visibility:visible;pointer-events:auto;transition:visibility 0s}.mobile-menu.is-open:before{transform:none;transition-delay:0s}.mobile-menu.is-open:after{transform:none;transition-delay:.1s}.mobile-menu__links{position:relative;z-index:1;opacity:0;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease}.mobile-menu.is-open .mobile-menu__links{opacity:1;transform:none;transition:opacity .4s ease .8s,transform .4s ease .8s}.reduced-motion .mobile-menu,.reduced-motion .mobile-menu:before,.reduced-motion .mobile-menu:after,.reduced-motion .mobile-menu__links{transition:none!important}.mobile-menu__links{display:flex;flex-direction:column;gap:23px}.mobile-menu__links a{font-family:Inter Tight,sans-serif;font-weight:400;font-size:32px;line-height:40px;color:#fff;text-decoration:none}.mobile-menu--open,.mobile-menu--open body{overflow:hidden}}:is(#tile__projects,.swiper__projectDetails) .project__item{--c: calc(50rem / 925);height:calc(1516 * var(--c));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(200 * var(--c)) calc(112 * var(--c)) calc(144 * var(--c));border:1px solid #434343;border-radius:calc(80 * var(--c));background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 2px 2px 8px #ffffff40;overflow:hidden;text-decoration:none}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--head{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--c))}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--name{font-family:"Instrument Serif",serif;font-weight:400;font-size:calc(104 * var(--c));line-height:1.2;color:#fff;white-space:nowrap;text-align:center;padding:0}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--category{font-family:Inter Tight,sans-serif;font-weight:400;font-size:calc(32 * var(--c));line-height:1.21;color:#999;text-align:center;border:0;padding:0;border-radius:0}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--image{width:100%;height:auto;aspect-ratio:1;flex:none;margin-top:calc(40 * var(--c));border-radius:50%;background:#919191;overflow:hidden}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--link{position:relative;inset:auto;margin-top:calc(128 * var(--c));padding-bottom:calc(14 * var(--c));font-family:Inter Tight,sans-serif;font-weight:400;font-size:calc(40 * var(--c));line-height:1.21;color:#fff;text-transform:none;letter-spacing:0}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(6 * var(--c));background:url(/img/arrow-head.svg) right center / calc(5 * var(--c)) calc(6 * var(--c)) no-repeat,linear-gradient(#fff,#fff) left center / calc(100% - 4 * var(--c)) 1px no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.65,0,.35,1)}:is(#tile__projects,.swiper__projectDetails) .project__item:hover .project__item--link{letter-spacing:0}:is(#tile__projects,.swiper__projectDetails) .project__item:is(:hover,:focus-visible) .project__item--link:after{clip-path:inset(0 0 0 0)}:is(#tile__projects,.swiper__projectDetails) .project__item:focus-visible{outline:1px solid #fff;outline-offset:4px}@media only screen and (max-width:1200px){:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--name{font-size:calc(104 * var(--c))}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--category{font-size:calc(32 * var(--c))}:is(#tile__projects,.swiper__projectDetails) .project__item .project__item--link{font-size:calc(40 * var(--c))}#tile__projects .swiper__projects .swiper-slide{height:calc(1516 * var(--c))}}#tile__about .about__content,#tile__about .about__title{pointer-events:none}#tile__about .about__content>:not(.about__title){pointer-events:auto}:is(#tile__projects,.swiper__projectDetails) div.project__item{cursor:default}:is(#tile__projects,.swiper__projectDetails) .project__item[data-case] .project__item--image{background-color:#1a1a1a;background-repeat:no-repeat}:is(#tile__projects,.swiper__projectDetails) .project__item[data-case="/project/case-1/"] .project__item--image{background-image:image-set(url(/img/cases/case-1-cover-1200.webp) 1x,url(/img/cases/case-1-cover.webp) 2x);background-size:275.6% auto;background-position:91.5% 50%}:is(#tile__projects,.swiper__projectDetails) .project__item[data-case="/project/case-2/"] .project__item--image{background-image:image-set(url(/img/cases/case-2-cover-1200.webp) 1x,url(/img/cases/case-2-cover.webp) 2x);background-size:235.3% auto;background-position:75.8% 0}:is(#tile__projects,.swiper__projectDetails) .project__item[data-case="/project/case-3/"] .project__item--image{background-image:image-set(url(/img/cases/case-3-cover-1200.webp) 1x,url(/img/cases/case-3-cover.webp) 2x);background-size:235.3% auto;background-position:23.1% 0}
