<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Story: — Our Team &amp; Contact</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Spectral:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/main.css">
</head>
<body>

  <header class="site-header">
    <div class="wrap">
      <nav class="nav-left"><div class="nav-group">
        <a class="nav-link" data-ns="production-service" href="production-service.html" data-mega="production-service">Production Service</a>
        <a class="nav-link" data-ns="film-tv" href="film-tv.html">Film &amp; TV</a>
        <a class="nav-link" data-ns="photography" href="photography.html">Photography</a>
      </div></nav>
      <a class="brand-logo nav-center" data-ns="home" href="index.html">Story:</a>
      <nav class="nav-right"><div class="nav-group">
        <a class="nav-link" href="#" data-mega="brands">Brands</a>
        <a class="nav-link" href="#">Shop</a>
        <a class="nav-link" href="#" data-mega="search">Search</a>
        <a class="nav-link" data-ns="team" href="team.html">Contact</a>
      </div>
      <button class="nav-toggle">Menu</button></nav>
    </div>
  </header>

  <div data-barba="wrapper">
    <main id="main" class="page" data-barba="container" data-barba-namespace="team" data-bg="peach">

      <!-- OUR TEAM -->
      <section class="page-intro">
        <div class="wrap">
          <h1 class="h-page" data-split>Our Team</h1>
        </div>
      </section>

      <section class="section" style="padding-top:clamp(24px,3vw,40px)">
        <div class="wrap">
          <div class="team-grid" data-stagger>
            <article class="team-card reveal"><img src="https://picsum.photos/seed/ana1/480/640" alt="Ana Laura Solis"><div class="name">Ana Laura Solis</div><div class="role">Founder</div></article>
            <article class="team-card reveal"><img src="https://picsum.photos/seed/ana1/480/640" alt="Ana Laura Solis"><div class="name">Ana Laura Solis</div><div class="role">Founder</div></article>
            <article class="team-card reveal"><img src="https://picsum.photos/seed/ana1/480/640" alt="Ana Laura Solis"><div class="name">Ana Laura Solis</div><div class="role">Founder</div></article>
            <article class="team-card reveal"><img src="https://picsum.photos/seed/ana1/480/640" alt="Ana Laura Solis"><div class="name">Ana Laura Solis</div><div class="role">Founder</div></article>
            <article class="team-card reveal"><img src="https://picsum.photos/seed/ana1/480/640" alt="Ana Laura Solis"><div class="name">Ana Laura Solis</div><div class="role">Founder</div></article>
          </div>
        </div>
      </section>

      <!-- CONTACT -->
      <section class="contact section" id="contact">
        <div class="wrap">
          <h2 class="h-page" data-split>Contact</h2>
          <div class="contact__email" style="margin-top:36px">
            <a href="mailto:queonda@storyweproduce.com">queonda@storyweproduce.com</a><br>
            <a href="tel:+525552116213">+52 55 5211 6213</a>
          </div>

          <div class="contact-cols">
            <div class="contact-region reveal">
              <h3 data-split>Mexico</h3>
              <div class="contact-row"><div class="pos">Founder</div><div class="who">Ana Laura Solis<small>ana@storyweproduce.com</small></div></div>
              <div class="contact-row"><div class="pos">Partner/EP</div><div class="who">Joe Solis<small>ana@storyweproduce.com</small></div></div>
              <div class="contact-row"><div class="pos">Managing Director</div><div class="who">Aura Solis<small>ana@storyweproduce.com</small></div></div>
              <div class="contact-row"><div class="pos">Senior Producer</div><div class="who">Carlos Estrada<small>carlos@storyweproduce.com</small></div></div>
              <div class="contact-row"><div class="pos">Executive Producer</div><div class="who">Perla Cruz<small>carlos@storyweproduce.com</small></div></div>
              <div class="contact-row"><div class="pos">Bidding Producer</div><div class="who">Ara Aviña<small>carlos@storyweproduce.com</small></div></div>
            </div>

            <div class="contact-region reveal">
              <h3 data-split>Colombia</h3>
              <div class="contact-row"><div class="pos">Bidding Producer</div><div class="who">Carolina Galeano<small>caro@storyweproduce.com</small></div></div>
              <h3 data-split style="margin-top:56px">Chile</h3>
              <div class="contact-row"><div class="pos">Producer</div><div class="who">Cata Irribarren<small>cata@storyweproduce.com</small></div></div>
              <div class="contact-row"><div class="pos">Bidding Producer</div><div class="who">Montserrat Miranda<small>storychile@storyweproduce.com</small></div></div>
            </div>
          </div>
        </div>
      </section>

    </main>
  </div>

  <footer class="site-footer">
    <div class="wrap">
      <div class="footer-top">
        <div>
          <a href="index.html" class="footer-logo">Story:</a>
          <p class="footer-address">Fernando Montes de Oca #5<br>Colonia Condesa, 06140<br>México City, México</p>
        </div>
        <div class="footer-social">
          <a href="#">Instagram</a><a href="#">LinkedIn</a><a href="#">Facebook</a><a href="#">Vimeo</a>
        </div>
        <div class="footer-countries"><a href="/production-service/mexico.html">México</a><a href="/production-service/colombia.html">Colombia</a><a href="/production-service/chile.html">Chile</a><a href="/production-service/panama.html">Panamá</a><a href="/production-service/costa-rica.html">Costa Rica</a></div>
      </div>
      <div class="footer-partners">
        <img class="partner-logo" src="assets/logos/iq.svg" alt="International Quorum of Motion Picture Producers">
        <img class="partner-logo" src="assets/logos/entrepreneurs-organization.svg" alt="Entrepreneurs' Organization">
        <img class="partner-logo" src="assets/logos/yda.svg" alt="Young Director Award Friend">
        <img class="partner-logo" src="assets/logos/pandora.svg" alt="Pandora">
        <img class="partner-logo" src="assets/logos/owned.svg" alt="Owned">
      </div>
    </div>
  </footer>

  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js"></script>
  <script src="https://unpkg.com/lenis@1.1.13/dist/lenis.min.js"></script>
  <script src="https://unpkg.com/@barba/core"></script>
  <script src="js/main.js"></script>
</body>
</html>
