Studio Likeness
'Warp and Weft' for Vitra x Jongeriuslab
</div> </div> </div> </div> </div> <div class="absolute top-[calc(50%-20px)] left-[11px] md:left-[4px] xl:left-[-2px]"> </div> </div> </div> </div> </div> <div class=" z-30 pointer-events-auto w-full flex justify-center items-center px-3.75 md:px-7.5 pt-48 pb-10 text-white subpixel-antialiased " style="background-image: linear-gradient(#BFE7F0 0%, #000000 30%)" > <div class="w-full"> <div class=" my-4 border-white w-full border-t "> </div> <div class=" mt-8 font-display text-3xl md:text-5.5xl uppercase "> Wildfox Running </div> <div class=" mt-24 mb-[80px] pb-2 border-b border-white w-full lg:w-[75%] max-w-[1000px] text-white "> <div id="mc_embed_signup "> <form action="https://wildfoxrunning.us9.list-manage.com/subscribe/post?u=98f54e500a98d3c34f775e6d2&id=239b07786c&f_id=00b621e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate > <div id="mc_embed_signup_scroll" class="flex justify-between w-full" > <div class="mc-field-group w-full mr-4"> <input type="email" value="" name="EMAIL" class=" required email text-white font-main text-xl md:text-3xl w-full bg-transparent focus:outline-none " placeholder="Email Address" id="mce-EMAIL" > </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <input type="text" name="b_98f54e500a98d3c34f775e6d2_e4151918fd" tabindex="-1" value=""> </div> <div class="clear"> <input type="submit" value="Subscribe to our Newsletter" name="subscribe" id="mc-embedded-subscribe" class=" font-main italic text-white bg-transparent text-xl md:text-3xl focus:outline-none " > </div> </div> </form> </div> </div> <div class=" mt-12 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-y-8 gap-x-4 md:gap-x-8 text-lg md:text-xl leading-relaxed "> <nav> <ul> <a class="block" href="https://wildfoxrunning.com/pages/about-us" > About us </a> <a class="block" href="https://wildfoxrunning.com/pages/contact" > Contact </a> </nav> <div class="hidden lg:block"> </div> <nav> <ul> <a class="block" href="https://www.instagram.com/wildfoxrunning/?hl=de" target="_blank" > Instagram </a> <a class="block" href="https://www.behance.net/wildfoxrunningartist" target="_blank" > Behance </a> <a class="block" href="https://www.gosee.news/wildfoxrunning/page/news" target="_blank" > GoSee </a> <a class="block" href="https://theagents.club/wildfox-running-frankfurt/" target="_blank" > The Agents Club </a> </nav> </div> <div class=" mt-24 text-sm md:text-base "> <div> © 2024 Wildfox Running <a class="text-gray-400 ml-4 md:ml-6" href="https://wildfoxrunning.com/pages/imprint" > Imprint </a> <a class="text-gray-400 ml-4 md:ml-6" href="https://wildfoxrunning.com/pages/privacy" > Privacy </a> </div> <div class=" my-8 border-white w-full border-t "> </div> <div>🌱 We are offsetting the entire carbon footprint of our website. Read more about it <a class="text-gray-400" href="/pages/carbon-offsetting">here</a>. </div> </div> </div> </div> </div> </div> <a id="monogram" class=" block fixed top-4 left-4 md:top-6 md:left-7 z-40 w-8 h-8 md:w-11 md:h-11 transition-opacity duration-500 ease-in-out mix-blend-difference " href="/" > <svg viewBox="0 0 42 48" fill="white" xmlns="http://www.w3.org/2000/svg"> <path d="M20.79 21H22.05L28.56 -1.43051e-06H27.87L22.32 17.97L16.14 -1.43051e-06H15L9.27 17.94L3.21 -1.43051e-06H0.57L7.68 21H8.94L14.61 3.3L20.79 21Z" /> <path d="M12.34 27.51H16.42C20.47 27.51 22.06 29.37 22.06 32.4C22.06 35.34 20.47 37.29 16.18 37.29H12.34V27.51ZM16.18 37.8C19.18 37.8 20.68 38.49 21.46 41.82L22.9 48H25.51L24.1 42C23.38 38.88 21.55 37.83 18.82 37.56V37.5C22.27 37.17 24.79 35.4 24.79 32.4C24.79 28.83 21.94 27 16.42 27H9.82V48H12.34V37.8H16.18Z" /> <path d="M40.55 24.65V24.14H31.34V14.51H41.39V14H28.82V35H31.34V24.65H40.55Z" /> </svg> </a> <div x-data="wfrMenu()" @keyup.escape.window="hideOpenMenu()" > <div class=" fixed bottom-4 right-4 md:bottom-8 md:right-8 z-50 w-12 h-12 md:w-18 md:h-18 mix-blend-difference " > <div class=" bg-white block z-50 relative rounded-full w-full h-full pointer-events-auto cursor-pointer opacity-1 blur-0 transition duration-500 ease-in-out filter nontouch:hover:blur-md nontouch:hover:opacity-70 " x-on:click="toggleMenu()" > <div class=" h-full w-full flex flex-col justify-center items-center "> <div class="w-[50%]" x-show="!menuIsActive" > <div class="w-full my-1 h-px bg-black"> </div> <div class="w-full my-1 h-px bg-black"> </div> <div class="w-full my-1 h-px bg-black"> </div> </div> <div class="w-[50%] mb-[10px]" x-show="menuIsActive" > <div class=" absolute top-0 left-0 w-full my-1 h-px bg-black transform rotate-45 "> </div> <div class=" absolute top-0 left-0 w-full my-1 h-px bg-black transform -rotate-45 "> </div> </div> </div> </div> </div> <nav class=" fixed top-0 left-0 w-full h-full bg-black z-40 text-white text-base xl:text-lg overflow-scroll leading-relaxed " x-show="menuIsActive" x-cloak > <div class=" w-full flex justify-center items-center px-3.75 md:px-7.5 relative py-5 "> <div class="w-full"> <div class=" grid grid-cols-2 lg:grid-cols-4 gap-x-4 gap-y-6 "> <div> <a text="About us" url="https://wildfoxrunning.com/pages/about-us" class="font-main text-base subpixel-antialiased" href="https://wildfoxrunning.com/pages/about-us" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/pages/about-us')" > About us </a> </div> <div> <a text="Contact" url="https://wildfoxrunning.com/pages/contact" class="font-main text-base subpixel-antialiased" href="https://wildfoxrunning.com/pages/contact" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/pages/contact')" > Contact </a> </div> </div> <div class=" mt-4 pt-4 border-t border-white grid grid-cols-2 lg:grid-cols-4 gap-x-4 gap-y-6 "> <div> <div class=" font-display text-lg uppercase "> Photographers </div> <ul class="mt-3"> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [29,15,2,3,4,18,9,27], 'photographers' ), 'opacity-100': artistIsHighlighted( [29,15,2,3,4,18,9,27], 'photographers' ) }" > <a text="Ansgar Sollmann" url="https://wildfoxrunning.com/artists/photographers/ansgar-sollmann" x-on:mouseover="highlightCategories( [29,15,2,3,4,18,9,27], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/ansgar-sollmann" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/ansgar-sollmann')" > Ansgar Sollmann </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [29,15,2,3,4,18,8,9,27,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [29,15,2,3,4,18,8,9,27,25], 'photographers' ) }" > <a text="Daniel Feistenauer" url="https://wildfoxrunning.com/artists/photographers/daniel-feistenauer" x-on:mouseover="highlightCategories( [29,15,2,3,4,18,8,9,27,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/daniel-feistenauer" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/daniel-feistenauer')" > Daniel Feistenauer </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,2,3,4,24,18,8,9], 'photographers' ), 'opacity-100': artistIsHighlighted( [15,2,3,4,24,18,8,9], 'photographers' ) }" > <a text="Daniela Müller Brunke" url="https://wildfoxrunning.com/artists/photographers/daniela-mueller-brunke" x-on:mouseover="highlightCategories( [15,2,3,4,24,18,8,9], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/daniela-mueller-brunke" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/daniela-mueller-brunke')" > Daniela Müller Brunke </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [44,15,4,26,18,8,9,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [44,15,4,26,18,8,9,25], 'photographers' ) }" > <a text="David Daub" url="https://wildfoxrunning.com/artists/photographers/david-daub" x-on:mouseover="highlightCategories( [44,15,4,26,18,8,9,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/david-daub" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/david-daub')" > David Daub </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [44,15,3,4,26,18,9,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [44,15,3,4,26,18,9,25], 'photographers' ) }" > <a text="David Fischer" url="https://wildfoxrunning.com/artists/photographers/david-fischer" x-on:mouseover="highlightCategories( [44,15,3,4,26,18,9,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/david-fischer" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/david-fischer')" > David Fischer </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,2,3,4,24,26,18,8,9,27], 'photographers' ), 'opacity-100': artistIsHighlighted( [15,2,3,4,24,26,18,8,9,27], 'photographers' ) }" > <a text="Feli & Pepita" url="https://wildfoxrunning.com/artists/photographers/feli-pepita" x-on:mouseover="highlightCategories( [15,2,3,4,24,26,18,8,9,27], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/feli-pepita" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/feli-pepita')" > Feli & Pepita </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,4,18,8,9], 'photographers' ), 'opacity-100': artistIsHighlighted( [15,4,18,8,9], 'photographers' ) }" > <a text="Harun Güler" url="https://wildfoxrunning.com/artists/photographers/harun-guler" x-on:mouseover="highlightCategories( [15,4,18,8,9], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/harun-guler" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/harun-guler')" > Harun Güler </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [1,29,15,3,4,26,18,8,9], 'photographers' ), 'opacity-100': artistIsHighlighted( [1,29,15,3,4,26,18,8,9], 'photographers' ) }" > <a text="Janine Sametzky" url="https://wildfoxrunning.com/artists/photographers/janine-sametzky" x-on:mouseover="highlightCategories( [1,29,15,3,4,26,18,8,9], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/janine-sametzky" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/janine-sametzky')" > Janine Sametzky </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [43,15,26,18,8,9,22,25,31], 'photographers' ), 'opacity-100': artistIsHighlighted( [43,15,26,18,8,9,22,25,31], 'photographers' ) }" > <a text="Johannes Knuth" url="https://wildfoxrunning.com/artists/photographers/johannes-knuth" x-on:mouseover="highlightCategories( [43,15,26,18,8,9,22,25,31], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/johannes-knuth" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/johannes-knuth')" > Johannes Knuth </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,2,26,18,8,9,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [15,2,26,18,8,9,25], 'photographers' ) }" > <a text="Julia Marie Werner" url="https://wildfoxrunning.com/artists/photographers/julia-marie-werner" x-on:mouseover="highlightCategories( [15,2,26,18,8,9,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/julia-marie-werner" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/julia-marie-werner')" > Julia Marie Werner </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,2,24,26,18,8,9,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [15,2,24,26,18,8,9,25], 'photographers' ) }" > <a text="Kajetan Kandler" url="https://wildfoxrunning.com/artists/photographers/kajetan-kandler" x-on:mouseover="highlightCategories( [15,2,24,26,18,8,9,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/kajetan-kandler" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/kajetan-kandler')" > Kajetan Kandler </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [4,26,18,9], 'photographers' ), 'opacity-100': artistIsHighlighted( [4,26,18,9], 'photographers' ) }" > <a text="Leon Schweer" url="https://wildfoxrunning.com/artists/photographers/leon-schweer" x-on:mouseover="highlightCategories( [4,26,18,9], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/leon-schweer" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/leon-schweer')" > Leon Schweer </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [44,15,23,26,18,9,22,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [44,15,23,26,18,9,22,25], 'photographers' ) }" > <a text="Manuel Nagel" url="https://wildfoxrunning.com/artists/photographers/manuel-nagel" x-on:mouseover="highlightCategories( [44,15,23,26,18,9,22,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/manuel-nagel" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/manuel-nagel')" > Manuel Nagel </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,18,8,9], 'photographers' ), 'opacity-100': artistIsHighlighted( [15,18,8,9], 'photographers' ) }" > <a text="Morten Borgestad" url="https://wildfoxrunning.com/artists/photographers/morten-borgestad" x-on:mouseover="highlightCategories( [15,18,8,9], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/morten-borgestad" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/morten-borgestad')" > Morten Borgestad </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [44,15,18], 'photographers' ), 'opacity-100': artistIsHighlighted( [44,15,18], 'photographers' ) }" > <a text="Norte Studio" url="https://wildfoxrunning.com/artists/photographers/norte-studio" x-on:mouseover="highlightCategories( [44,15,18], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/norte-studio" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/norte-studio')" > Norte Studio </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [44,15,26,18,9,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [44,15,26,18,9,25], 'photographers' ) }" > <a text="Ole Westermann" url="https://wildfoxrunning.com/artists/photographers/ole-westermann" x-on:mouseover="highlightCategories( [44,15,26,18,9,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/ole-westermann" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/ole-westermann')" > Ole Westermann </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [29,15,4,33,24,26,18,9], 'photographers' ), 'opacity-100': artistIsHighlighted( [29,15,4,33,24,26,18,9], 'photographers' ) }" > <a text="Sonja Tobias" url="https://wildfoxrunning.com/artists/photographers/sonja-tobias" x-on:mouseover="highlightCategories( [29,15,4,33,24,26,18,9], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/sonja-tobias" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/sonja-tobias')" > Sonja Tobias </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,2,3,4,18,9,27,25], 'photographers' ), 'opacity-100': artistIsHighlighted( [15,2,3,4,18,9,27,25], 'photographers' ) }" > <a text="Stefan Milev" url="https://wildfoxrunning.com/artists/photographers/stefan-milev" x-on:mouseover="highlightCategories( [15,2,3,4,18,9,27,25], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/stefan-milev" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/stefan-milev')" > Stefan Milev </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [29,15,4,24,26,18,8,9], 'photographers' ), 'opacity-100': artistIsHighlighted( [29,15,4,24,26,18,8,9], 'photographers' ) }" > <a text="Steffen Hofemann" url="https://wildfoxrunning.com/artists/photographers/steffen-hofemann" x-on:mouseover="highlightCategories( [29,15,4,24,26,18,8,9], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/steffen-hofemann" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/steffen-hofemann')" > Steffen Hofemann </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [1,15,41,3,4,5,18,8,27], 'photographers' ), 'opacity-100': artistIsHighlighted( [1,15,41,3,4,5,18,8,27], 'photographers' ) }" > <a text="Studio Likeness" url="https://wildfoxrunning.com/artists/photographers/studio-likeness" x-on:mouseover="highlightCategories( [1,15,41,3,4,5,18,8,27], 'photographers' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/photographers/studio-likeness" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/photographers/studio-likeness')" > Studio Likeness </a> </li> </ul> </div> <div> <div class=" font-display text-lg uppercase "> Illustrators </div> <ul class="mt-3"> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,13,15,38,19,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,13,15,38,19,8], 'illustrators' ) }" > <a text="Alberto Lot" url="https://wildfoxrunning.com/artists/illustrators/alberto-lot" x-on:mouseover="highlightCategories( [16,13,15,38,19,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/alberto-lot" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/alberto-lot')" > Alberto Lot </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,38,20,8,9], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,38,20,8,9], 'illustrators' ) }" > <a text="Annelie Carlstroem" url="https://wildfoxrunning.com/artists/illustrators/annelie-carlstroem" x-on:mouseover="highlightCategories( [16,15,3,38,20,8,9], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/annelie-carlstroem" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/annelie-carlstroem')" > Annelie Carlstroem </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,34,38,8,9,21], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,34,38,8,9,21], 'illustrators' ) }" > <a text="Bastian Preussger" url="https://wildfoxrunning.com/artists/illustrators/bastian-preussger" x-on:mouseover="highlightCategories( [16,15,3,34,38,8,9,21], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/bastian-preussger" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/bastian-preussger')" > Bastian Preussger </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,13,15,3,4,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,13,15,3,4,8], 'illustrators' ) }" > <a text="Casa Matze" url="https://wildfoxrunning.com/artists/illustrators/casa-matze" x-on:mouseover="highlightCategories( [16,13,15,3,4,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/casa-matze" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/casa-matze')" > Casa Matze </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,4,8,21], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,4,8,21], 'illustrators' ) }" > <a text="Chris Harnan" url="https://wildfoxrunning.com/artists/illustrators/chris-harnan" x-on:mouseover="highlightCategories( [16,15,3,4,8,21], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/chris-harnan" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/chris-harnan')" > Chris Harnan </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,18,37,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,18,37,8], 'illustrators' ) }" > <a text="Clara Panainte" url="https://wildfoxrunning.com/artists/illustrators/clara-panainte" x-on:mouseover="highlightCategories( [16,15,3,18,37,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/clara-panainte" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/clara-panainte')" > Clara Panainte </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,8], 'illustrators' ) }" > <a text="Flacoux" url="https://wildfoxrunning.com/artists/illustrators/flacoux" x-on:mouseover="highlightCategories( [16,15,3,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/flacoux" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/flacoux')" > Flacoux </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,14,15,3,38,37,19,8,21], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,14,15,3,38,37,19,8,21], 'illustrators' ) }" > <a text="Julia Praschma" url="https://wildfoxrunning.com/artists/illustrators/julia-praschma" x-on:mouseover="highlightCategories( [16,14,15,3,38,37,19,8,21], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/julia-praschma" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/julia-praschma')" > Julia Praschma </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,38,36,19,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,38,36,19,8], 'illustrators' ) }" > <a text="Julia Schwarz" url="https://wildfoxrunning.com/artists/illustrators/julia-schwarz" x-on:mouseover="highlightCategories( [16,15,3,38,36,19,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/julia-schwarz" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/julia-schwarz')" > Julia Schwarz </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [29,15,3,4,5,37,19,8,9], 'illustrators' ), 'opacity-100': artistIsHighlighted( [29,15,3,4,5,37,19,8,9], 'illustrators' ) }" > <a text="Lina Ekstrand" url="https://wildfoxrunning.com/artists/illustrators/lina-ekstrand" x-on:mouseover="highlightCategories( [29,15,3,4,5,37,19,8,9], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/lina-ekstrand" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/lina-ekstrand')" > Lina Ekstrand </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [42,16,13,15,3,38,32,19,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [42,16,13,15,3,38,32,19,8], 'illustrators' ) }" > <a text="Martin Nicolausson" url="https://wildfoxrunning.com/artists/illustrators/martin-nicolausson" x-on:mouseover="highlightCategories( [42,16,13,15,3,38,32,19,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/martin-nicolausson" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/martin-nicolausson')" > Martin Nicolausson </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,5,38,36,32,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,5,38,36,32,8], 'illustrators' ) }" > <a text="Melanie Gandyra" url="https://wildfoxrunning.com/artists/illustrators/melanie-gandyra" x-on:mouseover="highlightCategories( [16,15,3,5,38,36,32,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/melanie-gandyra" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/melanie-gandyra')" > Melanie Gandyra </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,15,3,37,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,15,3,37,8], 'illustrators' ) }" > <a text="Paul Grabowski" url="https://wildfoxrunning.com/artists/illustrators/paul-grabowski" x-on:mouseover="highlightCategories( [16,15,3,37,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/paul-grabowski" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/paul-grabowski')" > Paul Grabowski </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [8,9], 'illustrators' ), 'opacity-100': artistIsHighlighted( [8,9], 'illustrators' ) }" > <a text="Shane Keisuke Berkery" url="https://wildfoxrunning.com/artists/illustrators/shane-keisuke-berkery" x-on:mouseover="highlightCategories( [8,9], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/shane-keisuke-berkery" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/shane-keisuke-berkery')" > Shane Keisuke Berkery </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,14,15,3,38,20,8,9,21], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,14,15,3,38,20,8,9,21], 'illustrators' ) }" > <a text="Sören Kunz" url="https://wildfoxrunning.com/artists/illustrators/soren-kunz" x-on:mouseover="highlightCategories( [16,14,15,3,38,20,8,9,21], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/soren-kunz" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/soren-kunz')" > Sören Kunz </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [16,13,15,3,32,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [16,13,15,3,32,8], 'illustrators' ) }" > <a text="Stef Mosebach" url="https://wildfoxrunning.com/artists/illustrators/stef-mosebach" x-on:mouseover="highlightCategories( [16,13,15,3,32,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/stef-mosebach" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/stef-mosebach')" > Stef Mosebach </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [42,13,15,3,38,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [42,13,15,3,38,8], 'illustrators' ) }" > <a text="Studio Ayuhara" url="https://wildfoxrunning.com/artists/illustrators/studio-ayuhara" x-on:mouseover="highlightCategories( [42,13,15,3,38,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/studio-ayuhara" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/studio-ayuhara')" > Studio Ayuhara </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [15,37,19,20,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [15,37,19,20,8], 'illustrators' ) }" > <a text="Suthipa Kamyam" url="https://wildfoxrunning.com/artists/illustrators/suthipa-kamyam" x-on:mouseover="highlightCategories( [15,37,19,20,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/suthipa-kamyam" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/suthipa-kamyam')" > Suthipa Kamyam </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [42,16,15,21], 'illustrators' ), 'opacity-100': artistIsHighlighted( [42,16,15,21], 'illustrators' ) }" > <a text="Tina Touli" url="https://wildfoxrunning.com/artists/illustrators/tina-touli" x-on:mouseover="highlightCategories( [42,16,15,21], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/tina-touli" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/tina-touli')" > Tina Touli </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !artistIsHighlighted( [13,15,3,36,32,8], 'illustrators' ), 'opacity-100': artistIsHighlighted( [13,15,3,36,32,8], 'illustrators' ) }" > <a text="Tobi Frank" url="https://wildfoxrunning.com/artists/illustrators/tobi-frank" x-on:mouseover="highlightCategories( [13,15,3,36,32,8], 'illustrators' )" x-on:mouseout="emptyHighlightedCategories()" class="font-navi text-sm" href="https://wildfoxrunning.com/artists/illustrators/tobi-frank" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/artists/illustrators/tobi-frank')" > Tobi Frank </a> </li> </ul> </div> <div> <div class=" font-display "> <span class="text-lg uppercase">Categories</span> <span class="text-sm uppercase">(Photographers)</span> </div> <ul class="mt-3"> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 43, 'photographers' ), 'opacity-100': categoryIsHighlighted( 43, 'photographers' ) }" > <a text="AI" url="https://wildfoxrunning.com/discipline/photographers#AI" x-on:mouseover="hoverCategory(43, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#AI" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#AI')" > AI </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 1, 'photographers' ), 'opacity-100': categoryIsHighlighted( 1, 'photographers' ) }" > <a text="Accessoires" url="https://wildfoxrunning.com/discipline/photographers#Accessoires" x-on:mouseover="hoverCategory(1, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#Accessoires" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#Accessoires')" > Accessoires </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 29, 'photographers' ), 'opacity-100': categoryIsHighlighted( 29, 'photographers' ) }" > <a text="Beauty" url="https://wildfoxrunning.com/discipline/photographers#beauty" x-on:mouseover="hoverCategory(29, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#beauty" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#beauty')" > Beauty </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 44, 'photographers' ), 'opacity-100': categoryIsHighlighted( 44, 'photographers' ) }" > <a text="CGI" url="https://wildfoxrunning.com/discipline/photographers#CGI" x-on:mouseover="hoverCategory(44, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#CGI" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#CGI')" > CGI </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 15, 'photographers' ), 'opacity-100': categoryIsHighlighted( 15, 'photographers' ) }" > <a text="Commission" url="https://wildfoxrunning.com/discipline/photographers#commission" x-on:mouseover="hoverCategory(15, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#commission" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#commission')" > Commission </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 2, 'photographers' ), 'opacity-100': categoryIsHighlighted( 2, 'photographers' ) }" > <a text="Documentary" url="https://wildfoxrunning.com/discipline/photographers#Documentary" x-on:mouseover="hoverCategory(2, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#Documentary" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#Documentary')" > Documentary </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 3, 'photographers' ), 'opacity-100': categoryIsHighlighted( 3, 'photographers' ) }" > <a text="Editorial" url="https://wildfoxrunning.com/discipline/photographers#editorial" x-on:mouseover="hoverCategory(3, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#editorial" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#editorial')" > Editorial </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 4, 'photographers' ), 'opacity-100': categoryIsHighlighted( 4, 'photographers' ) }" > <a text="Fashion" url="https://wildfoxrunning.com/discipline/photographers#fashion" x-on:mouseover="hoverCategory(4, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#fashion" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#fashion')" > Fashion </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 5, 'photographers' ), 'opacity-100': categoryIsHighlighted( 5, 'photographers' ) }" > <a text="Food" url="https://wildfoxrunning.com/discipline/photographers#food" x-on:mouseover="hoverCategory(5, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#food" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#food')" > Food </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 33, 'photographers' ), 'opacity-100': categoryIsHighlighted( 33, 'photographers' ) }" > <a text="Interieur" url="https://wildfoxrunning.com/discipline/photographers#interieur" x-on:mouseover="hoverCategory(33, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#interieur" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#interieur')" > Interieur </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 24, 'photographers' ), 'opacity-100': categoryIsHighlighted( 24, 'photographers' ) }" > <a text="Kids" url="https://wildfoxrunning.com/discipline/photographers#kids" x-on:mouseover="hoverCategory(24, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#kids" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#kids')" > Kids </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 23, 'photographers' ), 'opacity-100': categoryIsHighlighted( 23, 'photographers' ) }" > <a text="Landscape" url="https://wildfoxrunning.com/discipline/photographers#Landscape" x-on:mouseover="hoverCategory(23, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#Landscape" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#Landscape')" > Landscape </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 26, 'photographers' ), 'opacity-100': categoryIsHighlighted( 26, 'photographers' ) }" > <a text="Lifestyle" url="https://wildfoxrunning.com/discipline/photographers#lifestyle" x-on:mouseover="hoverCategory(26, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#lifestyle" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#lifestyle')" > Lifestyle </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 18, 'photographers' ), 'opacity-100': categoryIsHighlighted( 18, 'photographers' ) }" > <a text="Motion" url="https://wildfoxrunning.com/discipline/photographers#motion" x-on:mouseover="hoverCategory(18, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#motion" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#motion')" > Motion </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 8, 'photographers' ), 'opacity-100': categoryIsHighlighted( 8, 'photographers' ) }" > <a text="Personal" url="https://wildfoxrunning.com/discipline/photographers#personal" x-on:mouseover="hoverCategory(8, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#personal" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#personal')" > Personal </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 9, 'photographers' ), 'opacity-100': categoryIsHighlighted( 9, 'photographers' ) }" > <a text="Portrait" url="https://wildfoxrunning.com/discipline/photographers#portrait" x-on:mouseover="hoverCategory(9, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#portrait" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#portrait')" > Portrait </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 22, 'photographers' ), 'opacity-100': categoryIsHighlighted( 22, 'photographers' ) }" > <a text="Sport" url="https://wildfoxrunning.com/discipline/photographers#Sport" x-on:mouseover="hoverCategory(22, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#Sport" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#Sport')" > Sport </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 27, 'photographers' ), 'opacity-100': categoryIsHighlighted( 27, 'photographers' ) }" > <a text="Still Life" url="https://wildfoxrunning.com/discipline/photographers#stillife" x-on:mouseover="hoverCategory(27, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#stillife" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#stillife')" > Still Life </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 25, 'photographers' ), 'opacity-100': categoryIsHighlighted( 25, 'photographers' ) }" > <a text="Transportation" url="https://wildfoxrunning.com/discipline/photographers#Transportation" x-on:mouseover="hoverCategory(25, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#Transportation" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#Transportation')" > Transportation </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 31, 'photographers' ), 'opacity-100': categoryIsHighlighted( 31, 'photographers' ) }" > <a text="Travel" url="https://wildfoxrunning.com/discipline/photographers#travel" x-on:mouseover="hoverCategory(31, 'photographers')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/photographers#travel" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/photographers#travel')" > Travel </a> </li> </ul> </div> <div> <div class=" font-display "> <span class="text-lg uppercase">Categories</span> <span class="text-sm uppercase">(Illustrators)</span> </div> <ul class="mt-3"> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 42, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 42, 'illustrators' ) }" > <a text="3D" url="https://wildfoxrunning.com/discipline/illustrators#3D" x-on:mouseover="hoverCategory(42, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#3D" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#3D')" > 3D </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 16, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 16, 'illustrators' ) }" > <a text="Animation" url="https://wildfoxrunning.com/discipline/illustrators#animation" x-on:mouseover="hoverCategory(16, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#animation" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#animation')" > Animation </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 29, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 29, 'illustrators' ) }" > <a text="Beauty" url="https://wildfoxrunning.com/discipline/illustrators#beauty" x-on:mouseover="hoverCategory(29, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#beauty" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#beauty')" > Beauty </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 13, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 13, 'illustrators' ) }" > <a text="Character" url="https://wildfoxrunning.com/discipline/illustrators#character" x-on:mouseover="hoverCategory(13, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#character" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#character')" > Character </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 14, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 14, 'illustrators' ) }" > <a text="Collage" url="https://wildfoxrunning.com/discipline/illustrators#collage" x-on:mouseover="hoverCategory(14, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#collage" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#collage')" > Collage </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 15, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 15, 'illustrators' ) }" > <a text="Commission" url="https://wildfoxrunning.com/discipline/illustrators#commission" x-on:mouseover="hoverCategory(15, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#commission" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#commission')" > Commission </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 3, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 3, 'illustrators' ) }" > <a text="Editorial" url="https://wildfoxrunning.com/discipline/illustrators#editorial" x-on:mouseover="hoverCategory(3, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#editorial" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#editorial')" > Editorial </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 4, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 4, 'illustrators' ) }" > <a text="Fashion" url="https://wildfoxrunning.com/discipline/illustrators#fashion" x-on:mouseover="hoverCategory(4, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#fashion" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#fashion')" > Fashion </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 5, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 5, 'illustrators' ) }" > <a text="Food" url="https://wildfoxrunning.com/discipline/illustrators#food" x-on:mouseover="hoverCategory(5, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#food" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#food')" > Food </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 34, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 34, 'illustrators' ) }" > <a text="Graphic Novel" url="https://wildfoxrunning.com/discipline/illustrators#graphic novel" x-on:mouseover="hoverCategory(34, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#graphic novel" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#graphic novel')" > Graphic Novel </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 38, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 38, 'illustrators' ) }" > <a text="Icons" url="https://wildfoxrunning.com/discipline/illustrators#Icons" x-on:mouseover="hoverCategory(38, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#Icons" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#Icons')" > Icons </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 36, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 36, 'illustrators' ) }" > <a text="Infographic" url="https://wildfoxrunning.com/discipline/illustrators#Infographic" x-on:mouseover="hoverCategory(36, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#Infographic" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#Infographic')" > Infographic </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 18, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 18, 'illustrators' ) }" > <a text="Motion" url="https://wildfoxrunning.com/discipline/illustrators#motion" x-on:mouseover="hoverCategory(18, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#motion" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#motion')" > Motion </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 32, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 32, 'illustrators' ) }" > <a text="Murals" url="https://wildfoxrunning.com/discipline/illustrators#Murals" x-on:mouseover="hoverCategory(32, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#Murals" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#Murals')" > Murals </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 37, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 37, 'illustrators' ) }" > <a text="Packaging" url="https://wildfoxrunning.com/discipline/illustrators#packaging" x-on:mouseover="hoverCategory(37, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#packaging" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#packaging')" > Packaging </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 19, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 19, 'illustrators' ) }" > <a text="Pattern" url="https://wildfoxrunning.com/discipline/illustrators#pattern" x-on:mouseover="hoverCategory(19, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#pattern" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#pattern')" > Pattern </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 20, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 20, 'illustrators' ) }" > <a text="Pencil Drawing" url="https://wildfoxrunning.com/discipline/illustrators#pencil-drawing" x-on:mouseover="hoverCategory(20, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#pencil-drawing" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#pencil-drawing')" > Pencil Drawing </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 8, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 8, 'illustrators' ) }" > <a text="Personal" url="https://wildfoxrunning.com/discipline/illustrators#personal" x-on:mouseover="hoverCategory(8, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#personal" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#personal')" > Personal </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 9, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 9, 'illustrators' ) }" > <a text="Portrait" url="https://wildfoxrunning.com/discipline/illustrators#portrait" x-on:mouseover="hoverCategory(9, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#portrait" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#portrait')" > Portrait </a> </li> <li class="transition-opacity" :class="{ 'opacity-25': !categoryIsHighlighted( 21, 'illustrators' ), 'opacity-100': categoryIsHighlighted( 21, 'illustrators' ) }" > <a text="Typography" url="https://wildfoxrunning.com/discipline/illustrators#Typography" x-on:mouseover="hoverCategory(21, 'illustrators')" x-on:mouseout="unhoverCategory()" class="font-navi text-sm" href="https://wildfoxrunning.com/discipline/illustrators#Typography" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/discipline/illustrators#Typography')" > Typography </a> </li> </ul> </div> </div> <div class=" mt-4 pt-4 border-t border-white grid grid-cols-2 lg:grid-cols-4 gap-x-4 gap-y-6 "> <div> <a text="Imprint" url="https://wildfoxrunning.com/pages/imprint" class="font-main text-base subpixel-antialiased" href="https://wildfoxrunning.com/pages/imprint" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/pages/imprint')" > Imprint </a> </div> <div> <a text="Privacy" url="https://wildfoxrunning.com/pages/privacy" class="font-main text-base subpixel-antialiased" href="https://wildfoxrunning.com/pages/privacy" x-on:click="hideMenuIfOnPage('https://wildfoxrunning.com/pages/privacy')" > Privacy </a> </div> <div> <a text="Instagram" url="https://www.instagram.com/wildfoxrunning/?hl=de" class="font-main text-base subpixel-antialiased" href="https://www.instagram.com/wildfoxrunning/?hl=de" x-on:click="hideMenuIfOnPage('https://www.instagram.com/wildfoxrunning/?hl=de')" > Instagram </a> </div> <div> <a text="Behance" url="https://www.behance.net/wildfoxrunningartist" class="font-main text-base subpixel-antialiased" href="https://www.behance.net/wildfoxrunningartist" x-on:click="hideMenuIfOnPage('https://www.behance.net/wildfoxrunningartist')" > Behance </a> </div> <div> <a text="GoSee" url="https://www.gosee.news/wildfoxrunning/page/news" class="font-main text-base subpixel-antialiased" href="https://www.gosee.news/wildfoxrunning/page/news" x-on:click="hideMenuIfOnPage('https://www.gosee.news/wildfoxrunning/page/news')" > GoSee </a> </div> <div> <a text="The Agents Club" url="https://theagents.club/wildfox-running-frankfurt/" class="font-main text-base subpixel-antialiased" href="https://theagents.club/wildfox-running-frankfurt/" x-on:click="hideMenuIfOnPage('https://theagents.club/wildfox-running-frankfurt/')" > The Agents Club </a> </div> </div> <div class=" mt-12 mb-[80px] pb-2 border-b border-white w-full lg:w-[75%] max-w-[1000px] text-white "> <div id="mc_embed_signup "> <form action="https://wildfoxrunning.us9.list-manage.com/subscribe/post?u=98f54e500a98d3c34f775e6d2&id=239b07786c&f_id=00b621e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate > <div id="mc_embed_signup_scroll" class="flex justify-between w-full" > <div class="mc-field-group w-full mr-4"> <input type="email" value="" name="EMAIL" class=" required email text-white font-main text-xl md:text-3xl w-full bg-transparent focus:outline-none " placeholder="Email Address" id="mce-EMAIL" > </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <input type="text" name="b_98f54e500a98d3c34f775e6d2_e4151918fd" tabindex="-1" value=""> </div> <div class="clear"> <input type="submit" value="Subscribe to our Newsletter" name="subscribe" id="mc-embedded-subscribe" class=" font-main italic text-white bg-transparent text-xl md:text-3xl focus:outline-none " > </div> </div> </form> </div> </div> </div> </div> </nav> </div> <script> function wfrMenu() { return { menuIsActive: false, highlightedCategories: [], hoveredCategory: 0, hoveredDiscipline: '', hideOpenMenu() { if (this.menuIsActive) { this.menuIsActive = false; } }, hideMenuIfOnPage(url) { if ( url.substr(0, url.indexOf('#')) == window.location.href.substr(0, url.indexOf('#')) ) { window.setTimeout(() => { this.menuIsActive = false; }, 700); } }, toggleMenu() { this.menuIsActive = !this.menuIsActive; }, highlightCategories(categories, disciplineSlug) { this.highlightedCategories = categories; this.hoveredDiscipline = disciplineSlug; }, emptyHighlightedCategories() { this.highlightedCategories = []; this.hoveredDiscipline = ''; }, hoverCategory(categoryId, disciplineSlug) { this.hoveredCategory = categoryId; this.hoveredDiscipline = disciplineSlug; }, unhoverCategory() { this.hoveredCategory = 0; this.hoveredDiscipline = ''; }, artistIsHighlighted(categories, disciplineSlug) { if (!this.hoveredCategory || !this.hoveredDiscipline) { return true; } return this.hoveredDiscipline == disciplineSlug && categories.indexOf(this.hoveredCategory) > -1; }, categoryIsHighlighted(categoryId, disciplineSlug) { if (!this.highlightedCategories.length || !this.hoveredDiscipline) { return true; } return this.hoveredDiscipline == disciplineSlug && this.highlightedCategories.indexOf(categoryId) > -1; } } } </script> </div> <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'x0AUPF5wtb2h9nuZYHxJt4Rf1YgV682TWBq24ikm';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <script src="https://unpkg.com/@nextapps-be/livewire-sortablejs@0.2.0/dist/livewire-sortable.js"></script> <script src="https://cdn.usefathom.com/script.js" data-site="MSDKDBTR" defer></script> </body> </html>