|
/work
|
<p class="font-[Multima] antialiased md:text-[16px] md:leading-[24px] text-[16px] leading-[26px] text-midnight text-midnight font-[500] hover:!opacity-[70%] !duration-100 transition-all">WORK</p>
|
|
|
/services
|
<p class="font-[Multima] antialiased md:text-[16px] md:leading-[24px] text-[16px] leading-[26px] text-midnight text-midnight font-[500] hover:!opacity-[70%] !duration-100 transition-all">SERVICES</p>
|
|
|
/insights
|
<p class="font-[Multima] antialiased md:text-[16px] md:leading-[24px] text-[16px] leading-[26px] text-midnight text-midnight font-[500] hover:!opacity-[70%] !duration-100 transition-all">INSIGHTS</p>
|
|
|
/about
|
<p class="font-[Multima] antialiased md:text-[16px] md:leading-[24px] text-[16px] leading-[26px] text-midnight text-midnight font-[500] hover:!opacity-[70%] !duration-100 transition-all">ABOUT</p>
|
|
|
/contact
|
<p class="font-[Multima] antialiased md:text-[16px] md:leading-[24px] text-[16px] leading-[26px] text-midnight text-midnight font-[500] hover:!opacity-[70%] !duration-100 transition-all">CONTACT</p>
|
|
|
/work
|
<p class="font-[Multima] antialiased md:text-[44px] md:leading-[48px] font-[950] !font-[Multima] text-[32px] leading-[36px] font-[950] !font-[Multima] text-midnight font-[950] hover:!opacity-[70%] !duration-100 transition-all">Work</p>
|
|
|
/services
|
<p class="font-[Multima] antialiased md:text-[44px] md:leading-[48px] font-[950] !font-[Multima] text-[32px] leading-[36px] font-[950] !font-[Multima] text-midnight font-[950] hover:!opacity-[70%] !duration-100 transition-all">Services</p>
|
|
|
/insights
|
<p class="font-[Multima] antialiased md:text-[44px] md:leading-[48px] font-[950] !font-[Multima] text-[32px] leading-[36px] font-[950] !font-[Multima] text-midnight font-[950] hover:!opacity-[70%] !duration-100 transition-all">Insights</p>
|
|
|
/about
|
<p class="font-[Multima] antialiased md:text-[44px] md:leading-[48px] font-[950] !font-[Multima] text-[32px] leading-[36px] font-[950] !font-[Multima] text-midnight font-[950] hover:!opacity-[70%] !duration-100 transition-all">About</p>
|
|
|
/contact
|
<p class="font-[Multima] antialiased md:text-[44px] md:leading-[48px] font-[950] !font-[Multima] text-[32px] leading-[36px] font-[950] !font-[Multima] text-midnight font-[950] hover:!opacity-[70%] !duration-100 transition-all">Contact</p>
|
|
|
/work/miro
|
<div class="aspect-[335/420] lg:aspect-video relative w-full h-full object-cover"><div class="absolute bottom-0 left-0 w-full h-3/4 md:h-1/2 z-0 lg:rounded-br-[20px] lg:rounded-bl-[20px] rounded-bl-[10px] rounded-br-[10px]" style="background:linear-gradient(0deg, rgba(21, 22, 22, 0.64) 10%, rgba(21, 22, 22, 0) 100%)"></div><video aria-hidden="true" preload="none" autoplay="" loop="" muted="" playsinline="" class="h-full w-full object-cover lg:rounded-[20px] rounded-[10px]"></video></div><div class="absolute bottom-2.5 lg:bottom-[40px] left-2.5 lg:left-[40px] flex flex-col gap-0.5 lg:gap-1.5 w-3/4"><p class="font-default antialiased md:text-[16px] md:leading-[24px] font-[500] !font-[Multima] text-[14px] leading-[20px] font-[500] !font-[Multima] text-ivory uppercase opacity-80">Strategy, Creative<!-- -->・<!-- -->Miro</p><h3 class="font-default antialiased md:text-[44px] md:leading-[48px] font-[950] !font-[Multima] text-[32px] leading-[36px] font-[950] !font-[Multima] text-white group-hover:underline">The Miro Transformation</h3></div><div class="absolute bottom-[40px] right-[40px] p-[14px] rounded-[60px] bg-yellow lg:block hidden group-hover:rotate-[-45deg] transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" aria-hidden="false" aria-label="Large arrow pointing right"><mask id="arrow-forward-large_svg__a" width="28" height="28" x="0" y="0" maskunits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h28v28H0z"></path></mask><g mask="url(#arrow-forward-large_svg__a)"><path fill="#010202" d="M11.51 6.312h4.228l7.439 7.531-7.439 7.393H11.51l6.122-5.984H4.51v-2.957h13.03l-6.03-5.983Z"></path></g></svg></div>
|
|
|
/work/zenchef
|
<div class="aspect-[335/420] lg:aspect-video relative w-full h-full object-cover"><div class="absolute bottom-0 left-0 w-full h-3/4 md:h-1/2 z-0 lg:rounded-br-[20px] lg:rounded-bl-[20px] rounded-bl-[10px] rounded-br-[10px]" style="background:linear-gradient(0deg, rgba(21, 22, 22, 0.64) 10%, rgba(21, 22, 22, 0) 100%)"></div><video aria-hidden="true" preload="none" autoplay="" loop="" muted="" playsinline="" class="h-full w-full object-cover lg:rounded-[20px] rounded-[10px]"></video></div><div class="absolute bottom-2.5 lg:bottom-[40px] left-2.5 lg:left-[40px] flex flex-col gap-0.5 lg:gap-1.5 w-3/4"><p class="font-default antialiased md:text-[16px] md:leading-[24px] font-[500] !font-[Multima] text-[14px] leading-[20px] font-[500] !font-[Multima] text-ivory uppercase opacity-80">Strategy, Technology<!-- -->・<!-- -->Zenchef</p><h3 class="font-default antialiased md:text-[44px] md:leading-[48px] font-[950] !font-[Multima] text-[32px] leading-[36px] font-[950] !font-[Multima] text-white group-hover:underline">Where Taste Meets Technology</h3></div><div class="absolute bottom-[40px] right-[40px] p-[14px] rounded-[60px] bg-yellow lg:block hidden group-hover:rotate-[-45deg] transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" aria-hidden="false" aria-label="Large arrow pointing right"><mask id="arrow-forward-large_svg__a" width="28" height="28" x="0" y="0" maskunits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h28v28H0z"></path></mask><g mask="url(#arrow-forward-large_svg__a)"><path fill="#010202" d="M11.51 6.312h4.228l7.439 7.531-7.439 7.393H11.51l6.122-5.984H4.51v-2.957h13.03l-6.03-5.983Z"></path></g></svg></div>
|
|
|
/contact
|
<div class="block mb-1">CONTACT US</div><button class="button_btn__Y5o7R button_btn--dark__wljnx group" type="button">Get in Touch<div class="bg-yellow p-[6px] rounded-[60px] flex items-center justify-center ml-1.5 group-hover:-rotate-45 trasition-all duration-200 button_icon__ctkxz"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" aria-hidden="true" aria-label="Arrow pointing right"><mask id="arrow-forward_svg__a" width="20" height="20" x="0" y="0" maskunits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h20v20H0z"></path></mask><g mask="url(#arrow-forward_svg__a)"><path fill="#151616" d="M8.222 4.508h3.02l5.313 5.38-5.314 5.28h-3.02l4.373-4.273H3.223V8.782h9.306L8.223 4.508Z"></path></g></svg></div></button>
|
|
|
/contact
|
Contact
|
|
|
/about
|
About
|
|
|
/services
|
Services
|
|
|
/work
|
Work
|
|
|
/tel: +31 6 55886664
|
+31 6 55886664
|
|
|
/
|
<p class="font-default antialiased md:text-[16px] md:leading-[24px] text-[16px] leading-[26px] text-midnight !text-[12px] !leading-[12px] hover:underline"> </p>
|
|