<link

  href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"

  rel="stylesheet"

/>

<link rel="stylesheet" href="styles.css" />

<main class="portfolio">

  <section class="header">

    <h1 class="header-title">Matt Wood Portfolio</h1>

    <p class="header-bio">

      Hi I'm Matt. I'm a versatile senior creative leader with deep experience

      conceiving, designing, and building compelling digital products, physical

      experiences, OOH media, film/TV, 3D/motion graphics, and, usually,

      combinations thereof. I have a unique combination of creative and

      storytelling vision, production know-how, and technical fluency in data

      science, machine learning, AI, and software development - skills I've

      brought to bear for Google, KPMG, PayPal, PWC, Hilton, InBev, Sapient

      Nitro, Huge, and others. I've led teams small and large; as a leader one

      of my north stars is to unify teams by creating an inclusive and

      collaborative environment that operates with very clear shared objectives

      and systems/processes for achieving them.

    </p>

  </section>

  <section class="project-grid">

    <article class="project-card">

      <figure class="project-image-container">

        <img

          src="https://placehold.co/344x229/d9d9d9/d9d9d9"

          alt="Mountain Landscape"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Mountain Landscape</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container tall">

        <img

          src="https://placehold.co/344x458/d9d9d9/d9d9d9"

          alt="Urban Architecture"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Urban Architecture</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container">

        <img

          src="https://placehold.co/344x344/d9d9d9/d9d9d9"

          alt="Portrait Study"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Portrait Study</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container tall">

        <img

          src="https://placehold.co/344x401/d9d9d9/d9d9d9"

          alt="Abstract Composition"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Abstract Composition</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container">

        <img

          src="https://placehold.co/344x287/d9d9d9/d9d9d9"

          alt="Street Photography"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Street Photography</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container extra-tall">

        <img

          src="https://placehold.co/344x516/d9d9d9/d9d9d9"

          alt="Nature Close-up"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Nature Close-up</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container">

        <img

          src="https://placehold.co/344x344/d9d9d9/d9d9d9"

          alt="Modern Interior"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Modern Interior</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container">

        <img

          src="https://placehold.co/344x229/d9d9d9/d9d9d9"

          alt="Night City"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Night City</h2>

    </article>

    <article class="project-card">

      <figure class="project-image-container tall">

        <img

          src="https://placehold.co/344x401/d9d9d9/d9d9d9"

          alt="Product Shot"

          class="project-image"

        />

      </figure>

      <h2 class="project-title">Product Shot</h2>

    </article>

  </section>

</main>