<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>L91 Art Foundation</title>
  <meta name="description" content="L91 Art Foundation is a private foundation dedicated to contemporary visual culture." />
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="L91 Art Foundation">
  <meta property="og:title" content="L91 Art Foundation">
  <meta property="og:description" content="A global contemporary art foundation presenting thoughtful exhibitions and quiet encounters with art.">
  <meta property="og:url" content="https://l91art.org">
  <meta property="og:image" content="https://l91art.org/assets/og-default.jpg">
  <meta property="og:image:width" content="1319">
  <meta property="og:image:height" content="1319">
  <meta property="og:image:alt" content="L91 Art Foundation identity image">

  <meta name="theme-color" content="#ffffff" />
  <meta name="color-scheme" content="light" />

  <link rel="canonical" href="https://l91art.org">

  <!-- Favicon -->
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">

  <link rel="icon" href="/assets/favicon.ico" sizes="any">
  <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
  <link rel="icon" type="image/png" href="/assets/favicon-32x32-crisp.png" sizes="32x32">
  <link rel="icon" type="image/png" href="/assets/favicon-16x16-crisp.png" sizes="16x16">
  <link rel="mask-icon" href="/assets/safari-pinned-tab.svg" color="#111111">
  <link rel="manifest" href="/assets/site.webmanifest">
  <!-- Windows tile -->
  <meta name="msapplication-TileImage" content="/assets/android-chrome-192x192.png">
  <meta name="msapplication-TileColor" content="#ffffff">
  <!-- iPhone Fav -->
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon.png">

  <!-- Stylesheet -->
  <link rel="preload" href="/assets/site.css" as="style">
  <link rel="stylesheet" href="/assets/site.css">

</head>

<body class="index-page">

  <header role="banner" aria-label="Primary">
    <div class="bar">
      <button class="menu-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="drawer">
        <span></span><span></span>
      </button>

      <a href="/" class="wordmark home-link" aria-label="Home">
        <img src="/assets/logo.png" alt="L91 Art Foundation logo">
      </a>
    </div>
  </header>



  
<!-- Drawer -->
<nav id="drawer" class="drawer" aria-hidden="true">
  <button class="drawer-close" aria-label="Close menu"></button>
  <div class="drawer-backdrop" aria-hidden="true"></div>

  <div class="drawer-panel" role="menu" aria-label="Site">
    <div class="drawer-main">
      <a class="drawer-link" href="about.html" role="menuitem">About</a>
      <a class="drawer-link" href="programs.html" role="menuitem">Programs</a>
      <a class="drawer-link" href="events.html" role="menuitem">Events</a>
      <a class="drawer-link" href="press.html" role="menuitem">Press</a>
      <a class="drawer-link" href="support.html" role="menuitem">Support</a>
    </div>


    <div class="drawer-secondary">
      <a class="drawer-link secondary" href="privacy.html" role="menuitem">Privacy</a>
      <a class="drawer-link secondary" href="terms.html" role="menuitem">Terms</a>
      <a class="drawer-link secondary" href="accessibility.html" role="menuitem">Accessibility</a>
      <a class="drawer-link secondary" href="contact.html" role="menuitem">Contact</a>
    </div>
  </div>
</nav>




<main class="wrap">
  <!-- Split-flap board (kept within content width) -->
  <section class="sf-hero" aria-label="L91 split-flap headline">
    <h1 class="sf-sr-only">L91 Art Foundation</h1>
    <div class="sf-board" id="sfBoard" data-cols="10" aria-hidden="true">
      <div class="sf-row" data-text="L91"></div>
      <div class="sf-row" data-text="ART"></div>
      <div class="sf-row" data-text="FOUNDATION"></div>
    </div>
  </section>

  <!-- Intro (no special hero layout; uses normal wrap flow) -->
  <p class="lede">
    L91 Art Foundation is a private foundation dedicated to contemporary visual culture.
  </p>

  <div class="prose">
    <p>
      The Foundation supports programs and events developed with artists, curators, and partner
      organizations, working across cities and contexts. Through collaboration and long-term
      engagement, L91 contributes to the development of ideas, practices, and conversations
      shaping contemporary art today.
    </p>

    <p>
      This site offers information about the Foundation’s mission, activities, and ongoing work.
    </p>
  </div>
  



  <section class="index-gallery" aria-label="Featured works">
    <div class="ig-slider">
      <ul class="ig-track" id="igTrack">
        <!-- repeat tiles; only 3 show at once on desktop -->
        <li class="ig-tile">
            <picture>
              <source srcset="/assets/about1.avif" type="image/avif">
              <source srcset="/assets/about1.webp" type="image/webp">
              <img src="/assets/about1.jpg" alt="…" width="1080" height="1440" loading="lazy" decoding="async">
            </picture>
          </li>
          <li class="ig-tile">
            <picture>
              <source srcset="/assets/about2.avif" type="image/avif">
              <source srcset="/assets/about2.webp" type="image/webp">
              <img src="/assets/about2.jpg" alt="…" width="1080" height="1440" loading="lazy" decoding="async">
            </picture>
          </li>
          <li class="ig-tile">
            <picture>
              <source srcset="/assets/about3.avif" type="image/avif">
              <source srcset="/assets/about3.webp" type="image/webp">
              <img src="/assets/about3.jpg" alt="…" width="1080" height="1440" loading="lazy" decoding="async">
            </picture>
          </li>
          <!-- more images to the right -->
          <li class="ig-tile">
            <picture>
              <source srcset="/assets/about4.avif" type="image/avif">
              <source srcset="/assets/about4.webp" type="image/webp">
              <img src="/assets/about4.jpg" alt="…" width="1080" height="1440" loading="lazy" decoding="async">
            </picture>
          </li>
          <li class="ig-tile">
            <picture>
              <source srcset="/assets/about5.avif" type="image/avif">
              <source srcset="/assets/about5.webp" type="image/webp">
              <img src="/assets/about5.jpg" alt="…" width="1080" height="1440" loading="lazy" decoding="async">
            </picture>
          </li>
          <li class="ig-tile">
            <picture>
              <source srcset="/assets/about6.avif" type="image/avif">
              <source srcset="/assets/about6.webp" type="image/webp">
              <img src="/assets/about6.jpg" alt="…" width="1080" height="1440" loading="lazy" decoding="async">
            </picture>
        </li>
      </ul>
    </div>
    <div class="ig-controls" aria-hidden="true">
      <div class="ig-dots" id="igDots"></div>
    </div>
  </section>


</main>


<footer class="site-footer" role="contentinfo">
  <div class="footer-inner">

    <div class="footer-logo" aria-hidden="true">
      <img src="/assets/footer.png"
          alt="L91 Art Foundation"
          class="footer-logo-image"
          loading="lazy"
          decoding="async">
    </div>

    <div class="footer-text">

      <p class="footer-address">
        307 W 38th St, 16th Fl, #1008<br>
        New York, NY 10018
      </p>

      <p class="footer-email">
        <a href="mailto:contact@l91art.org">contact@l91art.org</a>
      </p>

      <p class="footer-copy">© 2026 L91 Art Foundation. All rights reserved.</p>

      <div class="footer-links">
        <a href="privacy.html">Privacy Policy</a>
        <a href="terms.html">Terms of Use</a>
        <a href="accessibility.html">Accessibility</a>
        <a href="contact.html">Contact</a>
      </div>

    </div>

  </div>
</footer>



<script defer src="/assets/site.js"></script>
</body>
</html>
