
  <div class="proj-wrap">

    <section class="proj-hero">
      <div class="proj-hero-text">
        <p class="proj-tag">Bokdesign ✶ 2024</p>
        <h1 class="proj-title">Reiseguidebøker</h1>
        <p class="proj-desc">
          Redesign av bokserien «100 unike opplevelser» med fokus på rolig og oversiktlig stil. Skisser og konsepter for smussomslag og illustrasjoner for Roma, New York og Oslo.
        </p>
      </div>
    </section>

    <div class="proj-meta">
      <div class="proj-meta-item">
        <p class="proj-meta-label">Skills</p>
        <p class="proj-meta-value">Bokdesign, illustrasjon</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Hva?</p>
        <p class="proj-meta-value">Omslag og innholdsdesign</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Type prosjekt</p>
        <p class="proj-meta-value">Individuelt</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Verktøy</p>
        <p class="proj-meta-value">Illustrator, InDesign</p>
      </div>
    </div>

    <div class="proj-gallery" id="resultat">
      <div class="proj-gallery-item">
        <img src="/images/Bok_result/static.wixstatic.com__934954_1c23e41a3de6475680b83375eb52f3e5~mv2.jpg" alt="Reiseguidebøker" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Bok_result/static.wixstatic.com__934954_2b97d775fb574ee8bfe2b42e3bf67849~mv2.jpg" alt="Reiseguidebøker" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Bok_result/static.wixstatic.com__934954_c7959d2ba9a04dbabf1adfed7be5a1f9~mv2.jpg" alt="Reiseguidebøker" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Bok_result/static.wixstatic.com__934954_e60178ff14194a1786037be147796756~mv2.png" alt="Reiseguidebøker" />
      </div>
    </div>

    <nav class="proj-nav" aria-label="Prosjektnavigasjon">
      <a href="/reiseapp" class="proj-nav-btn">
        <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <polyline points="13 4 7 10 13 16"/>
        </svg>
        Forrige
      </a>
      <a href="/sideprosjekter" class="proj-nav-btn">
        Neste
        <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <polyline points="7 4 13 10 7 16"/>
        </svg>
      </a>
    </nav>

  </div>
