Home

<style>
  .javd-wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 48px 20px 80px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #171717;
  }

  .javd-hero {
    padding: 32px 0 42px;
  }

  .javd-brand {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 22px;
  }

  .javd-title {
    font-size: clamp(42px, 12vw, 68px);
    line-height: .95;
    letter-spacing: -.055em;
    margin: 0 0 20px;
    font-weight: 800;
  }

  .javd-subtitle {
    font-size: 19px;
    line-height: 1.55;
    margin: 0 0 10px;
  }

  .javd-tagline {
    font-size: 14px;
    color: #666;
    margin-bottom: 32px;
  }

  .javd-search {
    display: flex;
    gap: 8px;
  }

  .javd-search input {
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 14px;
    padding: 16px 18px;
    font-size: 16px;
    background: #fff;
    color: #171717;
  }

  .javd-search button {
    border: 0;
    border-radius: 14px;
    padding: 0 20px;
    background: #171717;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
  }

  .javd-section {
    padding: 32px 0;
    border-top: 1px solid #e8e8e8;
  }

  .javd-label {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    color: #777;
    margin-bottom: 14px;
  }

  .javd-list {
    display: flex;
    flex-direction: column;
  }

  .javd-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: #171717;
    padding: 17px 0;
    border-bottom: 1px solid #ededed;
  }

  .javd-link strong {
    display: block;
    font-size: 20px;
  }

  .javd-link small {
    display: block;
    color: #777;
    margin-top: 4px;
    font-size: 13px;
  }

  .javd-arrow {
    font-size: 20px;
    flex: 0 0 auto;
  }

  .javd-explore {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .javd-card {
    display: flex;
    min-height: 115px;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    border: 1px solid #dedede;
    border-radius: 16px;
    color: #171717;
    text-decoration: none;
  }

  .javd-card strong {
    font-size: 17px;
  }

  .javd-card span {
    color: #777;
    font-size: 13px;
  }

  .javd-random {
    width: 100%;
    background: #171717;
    color: #fff;
    border: 0;
    padding: 18px 20px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
  }

  .javd-az {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .javd-az a {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid #dedede;
    border-radius: 10px;
    color: #171717;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
  }

  .javd-about {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
  }

  @media (max-width: 480px) {
    .javd-wrap {
      padding: 28px 18px 60px;
    }

    .javd-explore {
      grid-template-columns: 1fr;
    }

    .javd-search button {
      padding: 0 15px;
    }
  }
</style>

<main class="javd-wrap">

  <section class="javd-hero">
    <div class="javd-brand">JAV Dictionary</div>

    <h1 class="javd-title">
      Japanese AV,<br>
      explained.
    </h1>

    <p class="javd-subtitle">
      A text-only dictionary of Japanese adult video terminology,
      industry language and culture.
    </p>

    <p class="javd-tagline">
      Learn JAV without opening a porn site.
    </p>

    <form class="javd-search" role="search" method="get" action="/">
      <input
        type="search"
        name="s"
        placeholder="Search a JAV term..."
        aria-label="Search JAV Dictionary"
      >
      <button type="submit">Search</button>
    </form>
  </section>


  <section class="javd-section" id="popular-terms">
    <div class="javd-label">POPULAR TERMS</div>

    <div class="javd-list">

      <a class="javd-link" href="/dictionary/bukkake/">
        <div>
          <strong>Bukkake</strong>
          <small>ぶっかけ · Japanese term</small>
        </div>
        <span class="javd-arrow">→</span>
      </a>

      <a class="javd-link" href="/dictionary/nakadashi/">
        <div>
          <strong>Nakadashi</strong>
          <small>中出し · Japanese term</small>
        </div>
        <span class="javd-arrow">→</span>
      </a>

      <a class="javd-link" href="/dictionary/kikatan/">
        <div>
          <strong>Kikatan</strong>
          <small>企画単体 · Industry term</small>
        </div>
        <span class="javd-arrow">→</span>
      </a>

      <a class="javd-link" href="/dictionary/senzoku/">
        <div>
          <strong>Senzoku</strong>
          <small>専属 · Industry term</small>
        </div>
        <span class="javd-arrow">→</span>
      </a>

      <a class="javd-link" href="/dictionary/hamedori/">
        <div>
          <strong>Hamedori</strong>
          <small>ハメ撮り · Japanese term</small>
        </div>
        <span class="javd-arrow">→</span>
      </a>

    </div>
  </section>


  <section class="javd-section">
    <div class="javd-label">EXPLORE JAV</div>

    <div class="javd-explore">

      <a class="javd-card" href="/dictionary/jav/">
        <strong>Start Here</strong>
        <span>What is JAV? →</span>
      </a>

      <a class="javd-card" href="/category/japanese-terms/">
        <strong>Japanese Terms</strong>
        <span>Words born in Japan →</span>
      </a>

      <a class="javd-card" href="/category/industry-terms/">
        <strong>Industry Terms</strong>
        <span>How JAV works →</span>
      </a>

      <a class="javd-card" href="/category/genres-culture/">
        <strong>Genres & Culture</strong>
        <span>Explore categories →</span>
      </a>

    </div>
  </section>


  <section class="javd-section">
    <div class="javd-label">DISCOVER SOMETHING NEW</div>

    <button class="javd-random" onclick="javdRandomTerm()">
      🎲 Learn a random JAV term
    </button>
  </section>


  <section class="javd-section">
    <div class="javd-label">A–Z DICTIONARY</div>

    <div class="javd-az">
      <a href="/dictionary/?letter=A">A</a>
      <a href="/dictionary/?letter=B">B</a>
      <a href="/dictionary/?letter=C">C</a>
      <a href="/dictionary/?letter=D">D</a>
      <a href="/dictionary/?letter=E">E</a>
      <a href="/dictionary/?letter=F">F</a>
      <a href="/dictionary/?letter=G">G</a>
      <a href="/dictionary/?letter=H">H</a>
      <a href="/dictionary/?letter=I">I</a>
      <a href="/dictionary/?letter=J">J</a>
      <a href="/dictionary/?letter=K">K</a>
      <a href="/dictionary/?letter=L">L</a>
      <a href="/dictionary/?letter=M">M</a>
      <a href="/dictionary/?letter=N">N</a>
      <a href="/dictionary/?letter=O">O</a>
      <a href="/dictionary/?letter=P">P</a>
      <a href="/dictionary/?letter=Q">Q</a>
      <a href="/dictionary/?letter=R">R</a>
      <a href="/dictionary/?letter=S">S</a>
      <a href="/dictionary/?letter=T">T</a>
      <a href="/dictionary/?letter=U">U</a>
      <a href="/dictionary/?letter=V">V</a>
      <a href="/dictionary/?letter=W">W</a>
      <a href="/dictionary/?letter=X">X</a>
      <a href="/dictionary/?letter=Y">Y</a>
      <a href="/dictionary/?letter=Z">Z</a>
    </div>
  </section>


  <section class="javd-section">
    <div class="javd-label">ABOUT</div>

    <p class="javd-about">
      JAV Dictionary is a text-only reference for understanding Japanese
      adult video terminology, industry language and culture.
      No explicit images. No explicit videos.
    </p>
  </section>

</main>

<script>
  function javdRandomTerm() {
    const terms = [
      '/dictionary/jav/',
      '/dictionary/bukkake/',
      '/dictionary/nakadashi/',
      '/dictionary/hamedori/',
      '/dictionary/kikatan/',
      '/dictionary/senzoku/'
    ];

    const random = terms[Math.floor(Math.random() * terms.length)];
    window.location.href = random;
  }
</script>