CINXE.COM
Arts at CERN
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="https://arts.cern/wp-content/themes/cern/assets/favicon.svg" type="image/svg+xml" /> <link rel="icon" type="image/png" sizes="32x32" href="https://arts.cern/wp-content/themes/cern/assets/favicon-32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="https://arts.cern/wp-content/themes/cern/assets/favicon-16.png" /> <title>Arts at CERN</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='stylesheet' id='app-css' href='https://arts.cern/wp-content/themes/cern/build/assets/app-BQ1kKb-2.css' type='text/css' media='all' /> <script type="module" src="https://arts.cern/wp-content/themes/cern/build/assets/app-Dem-uHTQ.js" defer></script><link rel="canonical" href="https://arts.cern/" /> <style>[x-cloak]{display: none;}</style> </head> <body class="text-slate antialiased"> <header x-data="{ ...siteHeader(true), open: false }" > <div class="fixed inset-x-0 top-0 transition px-4 sm:px-5 2xl:px-8 z-20 bg-transparent text-white" :class="{ '-translate-y-full': !show, 'bg-transparent text-white': isTransparent && isNearTop, 'bg-white text-slate': !isTransparent || !isNearTop, }" > <div class="py-4 flex justify-between border-b border-transparent" :class="{ '!border-slate': !isTransparent || !isNearTop }" > <h1 class="font-bold uppercase text-2xl sm:text-3xl 2xl:text-4xl opacity-0" :class="{'opacity-0': isTransparent && isNearTop}" ><a href="https://arts.cern">Arts at CERN</a></h1> <div class="flex items-center"> <nav class="hidden lg:block mr-10"> <ul class="flex space-x-6 text-xl 2xl:text-2xl font-medium"> <li><a href="/artistic-residencies" class="border-slide">Artistic residencies</a></li> <li><a href="/art-commissions" class="border-slide">Art commissions</a></li> <li><a href="/exhibitions-and-events" class="border-slide">Exhibitions & events</a></li> </ul> </nav> <button @click="open = true"><svg class="w-7 sm:w-8" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 32"><path d="M2 4h32M2 16h32M2 28h32" stroke="currentColor" stroke-width="4" stroke-linecap="square"/></svg> </button> </div> </div> </div> <div x-cloak x-show="open" x-transition.opacity.duration.500ms class="fixed inset-0 bg-gray-900/85 duration-500 z-30" > <div class="fixed inset-y-0 right-0 w-full lg:w-1/2 bg-pearl text-slate px-4 lg:p-12" @click.away="open = false" x-show="open" x-transition:enter="transition duration-500" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition duration-500" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" > <button class="absolute top-0 right-0 m-8" @click="open = false" ><svg class="w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M1.268 57 57 1m-.268 56L1 1" stroke="currentColor" stroke-width="2"/></svg> </button> <div class="h-full flex flex-col justify-center items-center"> <div class="w-full max-w-xl"> <div class="mb-10"> <div class="py-2 border-t font-mono text-xs">Programs</div> <ul class="leading-tight"> <li class="my-2.5"><a href="/artistic-residencies" class="text-2xl border-slide">Artistic residencies</a></li> <li class="my-2.5"><a href="/art-commissions" class="text-2xl border-slide">Art commissions</a></li> <li class="my-2.5"><a href="/exhibitions-and-events" class="text-2xl border-slide">Exhibitions & events</a></li> </ul> </div> <div class="mb-10"> <div class="py-2 border-t font-mono text-xs">Resources</div> <ul class="leading-tight"> <li class="my-2.5"><a href="/artists" class="text-2xl border-slide">Artists</a></li> <li class="my-2.5"><a href="/blog" class="text-2xl border-slide">Blog & news</a></li> <!-- <li class="my-2.5"><a href="/archive" class="text-2xl border-slide">Archive</a></li> --> </ul> </div> <div class="mb-10"> <div class="py-2 border-t font-mono text-xs">About us</div> <ul class="leading-tight"> <li class="my-2.5"><a href="/about-us" class="text-2xl border-slide">About</a></li> <li class="my-2.5"><a href="/support-us" class="text-2xl border-slide">Support us</a></li> <li class="my-2.5"><a href="https://c.spotler.com/ct/m9/k1/-Lo1fODA47Q9S-XbObwlt-djz47GRQW5p8E2hfR_O-tXLD4_p-_fOaSldWgq5kwB/3nPgss35dGYPv4S" target="_blank" class="text-2xl border-slide">Newslettter</a></li> </ul> </div> </div> </div> </div> </div> </header> <div class="relative h-svh flex flex-col justify-center"> <img width="1024" height="534" src="https://arts.cern/wp-content/uploads/2024/09/placeholder-1-1024x534.jpg" class="absolute w-full h-full inset-0 object-cover" alt="" decoding="async" fetchpriority="high" srcset="https://arts.cern/wp-content/uploads/2024/09/placeholder-1-1024x534.jpg 1024w, https://arts.cern/wp-content/uploads/2024/09/placeholder-1-300x156.jpg 300w, https://arts.cern/wp-content/uploads/2024/09/placeholder-1-768x400.jpg 768w, https://arts.cern/wp-content/uploads/2024/09/placeholder-1-1536x801.jpg 1536w, https://arts.cern/wp-content/uploads/2024/09/placeholder-1.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /> <div class="video-background"> <iframe src="https://player.vimeo.com/video/1012727341?background=1" frameborder="0" allow="autoplay" > </iframe> </div> <div class="absolute inset-0 bg-[length:4px_4px] opacity-60 mix-blend-difference" style="background-image: url(https://arts.cern/wp-content/themes/cern/assets/hero-pattern.png);" ></div> <div class="relative text-white flex flex-col justify-center text-center"> <div class="relative mx-auto font-bold uppercase text-7xl md:text-8xl 2xl:text-9xl"> <span class="mix-blend-difference">Arts at CERN</span> <span class="absolute top-0 left-0 opacity-60" aria-hidden="true">Arts at CERN</span> </div> <div class="relative mx-auto text-2xl md:text-4xl "> <span class="mix-blend-difference">When art meets science</span> <span class="absolute top-0 left-0 opacity-60" aria-hidden="true">When art meets science</span> </div> </div> </div> <div class="md:absolute md:bottom-0 md:inset-x-0 bg-slate text-white md:flex justify-between group"> <div class="px-4 sm:px-5 2xl:px-8 pt-2 pb-3 md:py-5 md:flex"> <div class="flex items-baseline"> <span class="text-sm font-mono">Open call:</span> <span class="text-xl md:text-2xl 2xl:text-3xl ml-4">Collide Copenhagen residency award</span> </div> <div class="flex items-baseline md:ml-16"> <span class="text-sm font-mono">Deadline:</span> <span class="text-xl md:text-2xl 2xl:text-3xl tracking-wide ml-4">12.11.24 – 13.12.24</span> </div> </div> <a href="https://arts.cern/call/collide-copenhagen-residency-award/" class="relative block overflow-hidden grow max-w-xl bg-blue group-hover:text-slate transition-colors"> <div class="absolute inset-0 bg-pearl -translate-x-full group-hover:translate-x-0 transition-transform"></div> <div class="relative flex justify-between items-center px-4 sm:px-5 2xl:px-8 py-3 md:py-5"> <span class="text-2xl 2xl:text-3xl uppercase">Apply!</span> <svg class="h-6 2xl:h-8" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 34"><path d="M.47 17H40m0 0L24.941 1m15.06 16L24.94 33" stroke="currentColor" stroke-width="2"/></svg> </div> </a> </div> <div class="px-4 sm:px-5 2xl:px-8 my-24 2xl:my-32"> <div class="max-w-[27ch] mx-auto xl:mr-0 text-3xl sm:text-4xl md:text-5xl 2xl:text-6xl"> Artists are welcome to CERN to experience how fundamental research pursues the big questions about our universe </div> </div> <div class="px-5 2xl:px-8 mt-16"> <div class="flex items-start mb-1 leading-none text-slate/30"> <span class="font-bold uppercase text-2xl sm:text-4xl">Featured</span> <span class="text-xl">(1)</span> </div> </div> <div class="relative px-4 sm:px-5 2xl:px-8 mb-16 md:flex md:space-x-4 group"> <div class="md:w-3/5 xl:w-2/3"> <div class="aspect-w-4 aspect-h-3 sm:aspect-w-16 sm:aspect-h-9 md:aspect-w-4 md:aspect-h-3 xl:aspect-w-16 xl:aspect-h-9 duotone"> <img width="1024" height="683" src="https://arts.cern/wp-content/uploads/2024/09/92__DSC8489_v2-1024x683.jpg" class="object-cover" alt="" decoding="async" srcset="https://arts.cern/wp-content/uploads/2024/09/92__DSC8489_v2-1024x683.jpg 1024w, https://arts.cern/wp-content/uploads/2024/09/92__DSC8489_v2-300x200.jpg 300w, https://arts.cern/wp-content/uploads/2024/09/92__DSC8489_v2-768x512.jpg 768w, https://arts.cern/wp-content/uploads/2024/09/92__DSC8489_v2-1536x1025.jpg 1536w, https://arts.cern/wp-content/uploads/2024/09/92__DSC8489_v2.jpg 2001w" sizes="(max-width: 1024px) 100vw, 1024px" /> </div> </div> <div class="md:w-2/5 xl:w-1/3 pr-8 2xl:pr-10 md:border-t mt-4 md:mt-0"> <div class="font-mono text-sm lg:text-base 2xl:text-lg">Exhibition</div> <div class="relative mt-4 md:mt-6 lg:mt-10"> <svg class="absolute top-2 w-4 sm:w-5 md:w-4 lg:w-6 2xl:w-8 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="relative font-medium text-2xl sm:text-3xl md:text-2xl lg:text-3xl xl:text-4xl 2xl:text-5xl !leading-[1.1] group-hover:translate-x-6 sm:group-hover:translate-x-7 md:group-hover:translate-x-6 lg:group-hover:translate-x-8 2xl:group-hover:translate-x-10 transition-transform">Exploring the Unknown</div> </div> <div class="text-xl sm:text-2xl md:text-xl lg:text-2xl xl:text-3xl 2xl:text-4xl mt-2">07.10.23 – 07.10.26</div> <p class="text-xl sm:text-2xl md:text-lg lg:text-xl xl:text-2xl 2xl:text-3xl mt-4 md:mt-6 lg:mt-10 !leading-tight">The CERN Science Gateway showcases art commissions by resident artists, including Yunchul Kim, Chloé Delarue, Ryoji Ikeda, and Julius von Bismarck. </p> </div> <a href="https://arts.cern/exhibition/exploring-the-unknown/" title="Read more" class="absolute inset-0"></a> </div> <div class="my-16 md:my-20 lg:my-24 px-4 sm:px-5 2xl:px-8"> <div class="flex items-start mb-1 leading-none text-slate/30"> <span class="font-bold uppercase text-2xl sm:text-4xl">Featured</span> <span class="text-xl">(4)</span> </div> <div class="flex flex-wrap -mx-1.5"> <div class="w-1/2 md:w-1/4 px-1.5 mb-6"> <div class="relative group"> <div class="duotone"> <img src="https://arts.cern/wp-content/uploads/2024/10/202410-258_117-scaled.jpg" class="max-h-screen"> </div> <div class="mt-2"> <div class="font-mono text-xs sm:text-sm">Interviews</div> <div class="relative"> <svg class="hidden md:block absolute top-1.5 w-4 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="relative font-medium text-lg md:text-xl xl:text-2xl leading-[1.15] md:pr-6 md:group-hover:translate-x-6 transition-transform">Nanna Debois Buhl’s Atmospheric Omens: artistic speculations on climate futures</div> </div> <div class="sm:text-xl">11.11.24</div> </div> <a href="https://arts.cern/nanna-debois-buhls-atmospheric-omens-artistic-speculations-on-climate-futures/" title="Nanna Debois Buhl’s Atmospheric Omens: artistic speculations on climate futures" class="absolute inset-0" ></a> </div> </div> <div class="w-1/2 md:w-1/4 px-1.5 mb-6"> <div class="relative group"> <div class="duotone"> <img src="https://arts.cern/wp-content/uploads/2024/11/202410-262_284.jpg" class="max-h-screen"> </div> <div class="mt-2"> <div class="font-mono text-xs sm:text-sm">News</div> <div class="relative"> <svg class="hidden md:block absolute top-1.5 w-4 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="relative font-medium text-lg md:text-xl xl:text-2xl leading-[1.15] md:pr-6 md:group-hover:translate-x-6 transition-transform">Alice Bucknell explores intelligence at the micro-scale through game worlding</div> </div> <div class="sm:text-xl">29.10.24</div> </div> <a href="https://arts.cern/alice-bucknell-starts-their-residency-at-cern/" title="Alice Bucknell explores intelligence at the micro-scale through game worlding" class="absolute inset-0" ></a> </div> </div> <div class="w-1/2 md:w-1/4 px-1.5 mb-6"> <div class="relative group"> <div class="duotone"> <img src="https://arts.cern/wp-content/uploads/2024/10/ARTSatCERN-38.jpg" class="max-h-screen"> </div> <div class="mt-2"> <div class="font-mono text-xs sm:text-sm">event</div> <div class="relative"> <svg class="hidden md:block absolute top-1.5 w-4 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="relative font-medium text-lg md:text-xl xl:text-2xl leading-[1.15] md:pr-6 md:group-hover:translate-x-6 transition-transform">CERN Art and Science Summit 2025</div> </div> <div class="sm:text-xl">05.02.25</div> </div> <a href="https://arts.cern/event/cern-art-and-science-summit-2025/" title="CERN Art and Science Summit 2025" class="absolute inset-0" ></a> </div> </div> <div class="w-1/2 md:w-1/4 px-1.5 mb-6"> <div class="relative group"> <div class="duotone"> <img src="https://arts.cern/wp-content/uploads/2024/10/Option-4.jpg" class="max-h-screen"> </div> <div class="mt-2"> <div class="font-mono text-xs sm:text-sm">News</div> <div class="relative"> <svg class="hidden md:block absolute top-1.5 w-4 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="relative font-medium text-lg md:text-xl xl:text-2xl leading-[1.15] md:pr-6 md:group-hover:translate-x-6 transition-transform">Lou Masduraud and Shailesh BR start their Connect India residency</div> </div> <div class="sm:text-xl">17.10.24</div> </div> <a href="https://arts.cern/lou-masduraud-and-shailesh-br-start-their-connect-india-residency/" title="Lou Masduraud and Shailesh BR start their Connect India residency" class="absolute inset-0" ></a> </div> </div> </div> </div> <div class="px-4 sm:px-5 2xl:px-8 py-16 mt-16 bg-pearl"> <div class="flex items-start mb-1 leading-none text-slate"> <span class="font-bold uppercase text-2xl sm:text-4xl">Programmes</span> <span class="text-xl">(3)</span> </div> <div class="relative md:flex mt-6 mb-12 -mx-1.5 group"> <div class="font-mono border-t md:hidden mx-1.5 mb-1" aria-hidden="true">01</div> <div class="md:w-1/2 px-1.5 md:order-1"> <div class="duotone"> <video autoplay loop muted playsinline poster="https://arts.cern/wp-content/themes/cern/assets/programs-1-1.jpg"> <source src="https://arts.cern/wp-content/themes/cern/assets/programs-1-1.mp4" type="video/mp4"> </video> </div> </div> <div class="md:w-1/4 px-1.5 md:order-0 "> <div class="font-mono border-t hidden md:block" aria-hidden="true">01</div> <div class="relative"> <svg class="absolute top-2 w-6 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="font-medium text-2xl md:text-4xl mt-4 md:mt-10 pr-10 group-hover:translate-x-10 transition-transform">Artistic residencies</div> </div> <div class="md:text-lg leading-tight mt-2 md:mt-4 md:pr-16">Artists immerse themselves in CERN's vibrant environment and engage with the scientific community</div> </div> <div class="hidden md:block w-1/4 px-1.5 md:order-2"> <div class="duotone"> <img src="https://arts.cern/wp-content/themes/cern/assets/programs-1-2.jpg" class=""> </div> </div> <a href="https://arts.cern/artistic-residencies/" class="absolute inset-0" title="Read more"></a> </div> <div class="relative md:flex mt-6 mb-12 -mx-1.5 group"> <div class="font-mono border-t md:hidden mx-1.5 mb-1" aria-hidden="true">02</div> <div class="md:w-1/2 px-1.5 md:order-0"> <div class="duotone"> <video autoplay loop muted playsinline poster="https://arts.cern/wp-content/themes/cern/assets/programs-2-1.jpg"> <source src="https://arts.cern/wp-content/themes/cern/assets/programs-2-1.mp4" type="video/mp4"> </video> </div> </div> <div class="md:w-1/4 px-1.5 md:order-2"> <div class="font-mono border-t hidden md:block" aria-hidden="true">02</div> <div class="relative"> <svg class="absolute top-2 w-6 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="font-medium text-2xl md:text-4xl mt-4 md:mt-10 pr-10 group-hover:translate-x-10 transition-transform">Art Commissions</div> </div> <div class="md:text-lg leading-tight mt-2 md:mt-4 md:pr-16">Artists are supported in turning their research and exploration into new artworks following their residencies at CERN</div> </div> <div class="hidden md:block w-1/4 px-1.5 md:order-1"> <div class="duotone"> <img src="https://arts.cern/wp-content/themes/cern/assets/programs-2-2.jpg" class=""> </div> </div> <a href="https://arts.cern/art-commissions/" class="absolute inset-0" title="Read more"></a> </div> <div class="relative md:flex mt-6 mb-12 -mx-1.5 group"> <div class="font-mono border-t md:hidden mx-1.5 mb-1" aria-hidden="true">03</div> <div class="md:flex-1 px-1.5 md:order-2"> <div class="duotone"> <video autoplay loop muted playsinline poster="https://arts.cern/wp-content/themes/cern/assets/programs-3-2.jpg"> <source src="https://arts.cern/wp-content/themes/cern/assets/programs-3-2.mp4" type="video/mp4"> </video> </div> </div> <div class="md:w-1/4 px-1.5 md:order-0"> <div class="font-mono border-t hidden md:block" aria-hidden="true">03</div> <div class="relative"> <svg class="absolute top-2 w-6 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> <div class="font-medium text-2xl md:text-4xl mt-4 md:mt-10 pr-10 group-hover:translate-x-10 transition-transform">Exhibitions & Events</div> </div> <div class="md:text-lg leading-tight mt-2 md:mt-4 md:pr-16">In collaboration with leading cultural and scientific institutions, the exhibitions and events create spaces for public engagement with CERN through artistic expression</div> </div> <div class="hidden md:block md:order-1 w-1/3 px-1.5"> <div class="duotone"> <img src="https://arts.cern/wp-content/themes/cern/assets/programs-3-1.jpg" class=""> </div> </div> <a href="https://arts.cern/exhibitions-and-events/" class="absolute inset-0" title="Read more"></a> </div> </div> <div class="relative _bg-blue _md:bg-transparent px-4 sm:px-5 2xl:px-8 py-5 md:flex items-center _text-white _md:text-slate _md: hover:text-white transition-colors group flex-row-reverse"> <div class="absolute inset-0 bg-blue -translate-x-full group-hover:translate-x-0 transition-transform"></div> <div class="relative md:w-1/2"> <img width="1024" height="683" src="https://arts.cern/wp-content/uploads/2024/10/Ars-Electronica-23-1024x683.jpg" class="group-hover:grayscale transition" alt="" decoding="async" srcset="https://arts.cern/wp-content/uploads/2024/10/Ars-Electronica-23-1024x683.jpg 1024w, https://arts.cern/wp-content/uploads/2024/10/Ars-Electronica-23-300x200.jpg 300w, https://arts.cern/wp-content/uploads/2024/10/Ars-Electronica-23-768x512.jpg 768w, https://arts.cern/wp-content/uploads/2024/10/Ars-Electronica-23.jpg 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /> <div class="absolute inset-0 bg-blue mix-blend-screen opacity-0 group-hover:opacity-100 transition-opacity"></div> </div> <div class="relative md:w-1/2 mt-4 md:mt-0"> <div class="max-w-xl mx-auto md:pr-4"> <div class="text-3xl sm:text-4xl lg:text-5xl xl:text-6xl 2xl:text-7xl"> <svg class="hidden md:inline-block w-6 lg:w-8 xl:w-10 mr-2 mb-2" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.587 46.413 45.253 2.747m0 0-41.03-.16m41.03.16.16 41.03" stroke="currentColor" stroke-width="4"/></svg> S+T+ARTS Grand Prize 2024 </div> <p class="sm:text-xl lg:text-2xl 2xl:text-3xl mt-3 lg:mt-10">Arts at CERN awarded European Commission's Grand Prize for Innovative Collaboration</p> <!-- <a href="https://arts.cern/arts-at-cern-awarded-european-commissions-starts-grand-prize-for-innovative-collaboration/" class="block md:hidden btn btn-outline btn-white my-4">Read more</a> --> </div> </div> <a href="https://arts.cern/arts-at-cern-awarded-european-commissions-starts-grand-prize-for-innovative-collaboration/" class="block absolute inset-0" title="Read more"></a> </div> <div class="md:flex bg-pearl px-4 sm:px-5 2xl:px-8 pt-16 pb-16 xl:pb-20 2xl:pb-24 mt-16"> <div class="md:w-1/2 font-bold text-3xl md:text-4xl xl:text-5xl 2xl:text-6xl uppercase">Newsletter</div> <div class="md:w-1/2 mt-10 md:mt-0"> <p class="text-xl sm:text-2xl lg:text-3xl xl:text-4xl 2xl:text-5xl mb-12">Join our vibrant community to up to receive regular updates on the latest open calls, residencies, exhibitions, and events.</p> <a href="https://c.spotler.com/ct/m9/k1/-Lo1fODA47Q9S-XbObwlt-djz47GRQW5p8E2hfR_O-tXLD4_p-_fOaSldWgq5kwB/3nPgss35dGYPv4S" target="_blank" class="block btn btn-outline w-full text-center xl:text-xl 2xl:text-2xl lg:py-4 xl:py-5">Join Our Newsletter</a> </div> </div> <div class="px-4 sm:px-5 2xl:px-8 py-12 lg:py-20 bg-slate text-pearl"> <div class="lg:flex -mx-2"> <div class="lg:w-1/4 min-w-72 px-2"> <div class="font-bold uppercase text-3xl md:text-4xl">Arts at CERN</div> <div class="mt-6 lg:mt-10 flex items-start"> <span>by:</span> <svg class="w-32 lg:w-40" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 158"><path d="M33.53 65.546c-.796.605-3.566 2.328-7.734 2.328-7.542 0-12.68-4.753-12.68-12 0-7.204 5.448-11.998 12.857-11.998 2.881 0 6.182.888 8.023 1.678-.384.852-.701 1.977-.835 2.682l-.201.066c-1.425-1.577-3.716-2.943-7.106-2.943-4.3 0-9.252 3.483-9.252 10.429 0 6.764 5.044 10.358 9.555 10.358 4.052 0 5.992-1.891 7.733-3.361l.133.133-.492 2.628ZM52.211 66.217c0-.51.043-1.032.08-1.287-2.287.21-8.567.401-11.016.436-.042-.612-.095-7.865-.035-8.986.98 0 6.155.067 8.467.302a6.921 6.921 0 0 1-.1-1.168c0-.335.034-.936.1-1.27-1.977.167-4.51.334-8.467.334 0-.838.068-6.952.102-8.392 4.356 0 8.301.27 10.508.436a8.522 8.522 0 0 1-.08-1.157c0-.457.031-.828.08-1.144-1.16.078-4.911.169-6.923.169-2.01 0-5.115-.068-7.125-.169.133 2.85.268 5.765.268 8.648v5.765c0 2.883-.135 5.798-.268 8.715a172.309 172.309 0 0 1 7.523-.167c.7.003 1.587.013 2.502.029 1.587.028 3.259.077 4.464.139a8.508 8.508 0 0 1-.08-1.233ZM59.717 56.104v2.666c0 2.881.133 5.796.269 8.68-.571-.101-1.602-.111-1.813-.111-.21 0-1.242.01-1.812.11.134-2.882.268-5.797.268-8.68v-5.765c0-2.882-.134-5.798-.268-8.68 1.274.1 2.887.168 4.16.168 1.274 0 2.548-.169 3.82-.169 3.789 0 7.259 1.12 7.259 5.337 0 4.465-4.447 6.066-6.994 6.402 1.643 2.044 7.526 9.21 9.47 11.389-.67-.102-1.794-.112-2.1-.112-.306 0-1.463.01-2.1.112-1.324-2.02-5.568-8.38-8.452-11.347h-1.707Zm2.246-1.226c2.767-.057 6.401-.936 6.401-4.76 0-3.332-2.916-4.39-5.195-4.39-1.541 0-2.547.1-3.251.166-.101 2.447-.201 4.696-.201 7.11v1.843c.333.046 1.903.036 2.246.03ZM97.588 44.312a8.538 8.538 0 0 1-2.898 0c.147 2.746.4 7.826.4 11.158 0 2.507 0 4.696-.034 5.936-1.219-1.297-15.205-15.77-16.626-17.315l-1.097-.01c.05 2.132.111 4.446.111 8.669 0 5.405-.075 11.156-.351 14.7a8.481 8.481 0 0 1 1.468-.122 8.28 8.28 0 0 1 1.428.122c-.146-2.745-.399-7.827-.399-11.157 0-2.508.002-5.089.035-6.328 1.22 1.298 15.283 15.967 16.625 17.787l1.098.01c-.05-2.131-.111-4.527-.111-8.75 0-5.406.076-11.157.351-14.7ZM36.58 104.692c-6.587-10.422-8.461-20.484-8.723-28.184h-3.044c.255 8.4 2.292 17.21 6.85 25.841 1.074.868 3.598 1.971 4.917 2.343Z"/><path d="M159.575.79S83.835.188 59.686.201c-3.78.003-6.317.27-7.135.321C22.72 2.456.287 28.613.188 57.138.16 65.43 2.369 74.777 5.955 87.392a7920.816 7920.816 0 0 0 10.286 35.785h3.027L8.084 85.445l.083-.056c8.216 15.87 27.157 28.621 48.65 28.621 11.597 0 22.353-3.246 30.829-9.226l.073.069-49.755 52.946h3.885s34.937-37.17 46.821-49.79c9.107-9.67 13.838-15.901 15.818-19.134 2.27-3.71 9.485-14.399 9.215-30.145l.097-.008 21.802 99.075h3.129s-18.292-81.094-21.843-98.054c-3.493-16.69-7.62-27.04-12.074-32.944-1.53-.853-3.916-1.823-5.041-2.086 6.464 8.156 11.293 20.29 11.293 32.43 0 29.72-24.178 53.897-53.899 53.897-29.719 0-53.897-24.178-53.897-53.897 0-29.72 24.266-53.899 53.915-53.899 13.179 0 25.395 4.835 34.784 12.795 1.815.25 4.247.817 5.7 1.341l.01-.03A56.337 56.337 0 0 0 73.137 2.99v-.077l86.44.54-.001-2.664Z"/><path d="M44.14 114.281c-1.928-.284-4.336-.967-5.783-1.588 6.488 7.385 15.415 13.293 24.18 16.608l2.3-2.441c-9.507-3.211-16.417-8.371-20.698-12.579ZM123.432 109.966c-9.62 11.778-24.558 19.709-41.718 19.698a52.546 52.546 0 0 1-10.24-1.019l-2.462 2.614c4.71 1.088 8.885 1.498 12.876 1.498 17.652 0 32.752-8.239 42.364-19.081l-.82-3.71ZM143.48 14.306l-5.191 53.603h-.098c-.736-10.118-5.781-22.203-12.01-29.842-10.813-13.26-26.68-21.268-44.502-21.268-16.996 0-32.137 7.54-42.555 19.361l2.386 1.891C51.35 26.921 65.45 19.79 81.676 19.79c19.755 0 35.848 10.125 44.85 23.889 8.032 12.28 10.696 28.02 8.834 39.55-.628 3.895-2.041 11.468-7.231 20.049l.909 3.991c6.365-9.867 9.594-18.647 12.115-41.094 1.933-17.22 5.253-51.87 5.253-51.87l-2.926.002Z"/></svg> </div> </div> <div class="flex-grow px-2 sm:flex flex-wrap -mx-2 mt-16 -mb-12 lg:mt-0"> <div class="sm:w-1/2 md:w-1/3 px-2 mb-12"> <div class="py-2 border-t border-white font-mono text-xs md:text-sm">Programs</div> <ul class="leading-tight lg:text-lg xl:text-xl 2xl:text-2xl mt-4"> <li class="my-2.5"><a href="/artistic-residencies" class="border-slide">Artistic residencies</a></li> <li class="my-2.5"><a href="/art-commissions" class="border-slide">Art commissions</a></li> <li class="my-2.5"><a href="/exhibitions-and-events" class="border-slide">Exhibitions & events</a></li> </ul> </div> <div class="sm:w-1/2 md:w-1/3 px-2 mb-12"> <div class="py-2 border-t border-white font-mono text-xs md:text-sm">Resources</div> <ul class="leading-tight lg:text-lg xl:text-xl 2xl:text-2xl mt-4"> <li class="my-2.5"><a href="/artists" class="border-slide">Artists</a></li> <li class="my-2.5"><a href="/blog" class="border-slide">Blog & news</a></li> <!-- <li class="my-2.5"><a href="/archive" class="border-slide">Archive</a></li> --> </ul> </div> <div class="sm:w-1/2 md:w-1/3 px-2 mb-12"> <div class="py-2 border-t border-white font-mono text-xs md:text-sm">About us</div> <ul class="leading-tight lg:text-lg xl:text-xl 2xl:text-2xl mt-4"> <li class="my-2.5"><a href="/about-us" class="border-slide">About</a></li> <li class="my-2.5"><a href="/support-us" class="border-slide">Support us</a></li> <li class="my-2.5"><a href="https://c.spotler.com/ct/m9/k1/-Lo1fODA47Q9S-XbObwlt-djz47GRQW5p8E2hfR_O-tXLD4_p-_fOaSldWgq5kwB/3nPgss35dGYPv4S" class="border-slide" target="_blank">Newslettter</a></li> </ul> </div> <div class="sm:w-1/2 md:w-1/3 px-2 mb-12"> <div class="py-2 border-t border-white font-mono text-xs md:text-sm">Reach us</div> <ul class="leading-tight lg:text-lg xl:text-xl 2xl:text-2xl mt-4"> <li class="my-2.5"><a href="mailto:info.arts@cern.ch" class="border-slide">info.arts@cern.ch</a></li> </ul> </div> <div class="sm:w-1/2 md:w-1/3 px-2 mb-12"> <div class="py-2 border-t border-white font-mono text-xs md:text-sm">Social media</div> <ul class="flex space-x-2 mt-4"> <li><a class="block p-2 border border-white/30 hover:bg-white hover:border-white hover:text-slate transition-colors" href="https://www.facebook.com/ArtsatCERN/" target="_blank" rel="noopener"><svg class="w-5 h-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 18"><path d="m9.49 10.049.496-3.233H6.884V4.718c0-.885.433-1.747 1.822-1.747h1.41V.218S8.837 0 7.614 0C5.058 0 3.39 1.548 3.39 4.351v2.465H.549v3.233h2.84v7.815a11.261 11.261 0 0 0 3.495 0v-7.816H9.49Z"/></svg> </a></li> <li><a class="block p-2 border border-white/30 hover:bg-white hover:border-white hover:text-slate transition-colors" href="https://www.instagram.com/artsatcern/" target="_blank" rel="noopener"><svg class="w-5 h-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18"><path d="M9.339 1.621c2.405 0 2.69.01 3.636.053.879.038 1.353.186 1.67.31.418.161.72.358 1.034.67.316.317.51.616.671 1.035.123.316.271.794.31 1.67.042.95.052 1.234.052 3.636 0 2.405-.01 2.69-.052 3.636-.039.879-.187 1.353-.31 1.67-.162.418-.359.72-.671 1.034a2.77 2.77 0 0 1-1.034.671c-.317.123-.795.271-1.67.31-.95.042-1.235.052-3.636.052-2.405 0-2.69-.01-3.636-.052-.88-.039-1.354-.187-1.67-.31a2.784 2.784 0 0 1-1.034-.671 2.768 2.768 0 0 1-.672-1.034c-.123-.317-.27-.795-.31-1.67-.041-.95-.052-1.235-.052-3.636 0-2.405.01-2.69.053-3.636.038-.88.186-1.354.31-1.67.16-.419.358-.721.67-1.034.317-.317.616-.51 1.035-.672.316-.123.794-.27 1.67-.31.946-.041 1.23-.052 3.636-.052Zm0-1.621c-2.444 0-2.75.01-3.71.053C4.673.095 4.015.25 3.445.47A4.394 4.394 0 0 0 1.85 1.512a4.41 4.41 0 0 0-1.04 1.593c-.222.573-.377 1.227-.42 2.184-.042.963-.052 1.269-.052 3.713s.01 2.75.053 3.71c.042.956.197 1.614.418 2.183a4.393 4.393 0 0 0 1.04 1.596 4.4 4.4 0 0 0 1.594 1.038c.573.221 1.227.376 2.183.418.96.043 1.266.053 3.71.053s2.75-.01 3.71-.053c.956-.042 1.614-.197 2.184-.418a4.4 4.4 0 0 0 1.592-1.038A4.4 4.4 0 0 0 17.86 14.9c.221-.573.376-1.228.418-2.184.042-.96.053-1.266.053-3.71s-.01-2.75-.053-3.71c-.042-.956-.197-1.613-.418-2.183a4.215 4.215 0 0 0-1.03-1.6A4.4 4.4 0 0 0 15.234.475c-.573-.222-1.227-.377-2.183-.419C12.088.011 11.782 0 9.339 0Z"/><path d="M9.339 4.378a4.625 4.625 0 0 0 0 9.248 4.625 4.625 0 0 0 0-9.248Zm0 7.623a3 3 0 1 1 0-6 3 3 0 0 1 0 6ZM15.225 4.195a1.08 1.08 0 1 1-2.16 0 1.08 1.08 0 0 1 2.16 0Z"/></svg> </a></li> <li><a class="block p-2 border border-white/30 hover:bg-white hover:border-white hover:text-slate transition-colors" href="https://x.com/ArtsAtCERN" target="_blank" rel="noopener"><svg class="w-5 h-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 18"><path d="M16.06 0h3.053l-6.671 7.625L20.29 18h-6.145l-4.813-6.293L3.825 18H.769l7.136-8.155L.376 0h6.3l4.351 5.752L16.06 0Zm-1.073 16.172h1.692L5.758 1.732H3.942l11.045 14.44Z"/></svg> </a></li> <li><a class="block p-2 border border-white/30 hover:bg-white hover:border-white hover:text-slate transition-colors" href="https://vimeo.com/artsatcern" target="_blank" rel="noopener"><svg class="w-5 h-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 18"><path d="M20.497 4.164c-.09 2.026-1.474 4.8-4.15 8.32C13.581 16.162 11.24 18 9.326 18c-1.186 0-2.19-1.12-3.01-3.36L4.674 8.483c-.61-2.239-1.262-3.36-1.96-3.36-.153 0-.685.328-1.597.98l-.958-1.26a260.776 260.776 0 0 0 2.97-2.709C4.469.95 5.473.327 6.144.264c1.583-.155 2.558.952 2.924 3.321.395 2.557.669 4.147.822 4.77.457 2.121.959 3.18 1.508 3.18.426 0 1.065-.688 1.918-2.063.852-1.377 1.309-2.423 1.37-3.143.122-1.187-.335-1.783-1.37-1.783-.487 0-.989.115-1.506.342 1-3.35 2.911-4.977 5.731-4.884 2.091.062 3.077 1.45 2.956 4.16Z"/></svg> </a></li> </ul> </div> <div class="sm:w-1/2 md:w-1/3 px-2 mb-12"> <div class="py-2 border-t border-white font-mono text-xs md:text-sm">Legal</div> <ul class="leading-tight lg:text-lg xl:text-xl 2xl:text-2xl mt-4"> <li class="my-2.5"><a href="/privacy-policy" class="border-slide">Privacy policy</a></li> </ul> </div> </div> </div> </div> <div class="bg-blue text-pearl px-4 sm:px-5 2xl:px-8 py-3"> <div class="flex justify-between font-medium"> <div>© 2024 Arts at CERN</div> </div> </div> <!-- Matomo --><script type="text/javascript"> /* <![CDATA[ */ var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']);_paq.push(['enableLinkTracking']);_paq.push(['alwaysUseSendBeacon']);_paq.push(['setTrackerUrl', "\/\/arts.cern\/wp-content\/plugins\/matomo\/app\/matomo.php"]);_paq.push(['setSiteId', '1']);var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src="\/\/arts.cern\/wp-content\/uploads\/matomo\/matomo.js"; s.parentNode.insertBefore(g,s); /* ]]> */ </script> <!-- End Matomo Code --></body> </html>