<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Kei Ishikawa | Film Director</title>

  <meta name="description" content="Kei Ishikawa — Film Director. Selected works, bio, and contact.">

  <style>

    :root { color-scheme: light; }

    body{

      margin:0;

      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

      line-height:1.6;

      padding:56px 24px;

    }

    .wrap{ max-width: 820px; margin: 0 auto; }

    h1{ font-size: 40px; letter-spacing: .2px; margin: 0 0 8px; }

    .role{ margin: 0 0 28px; font-size: 18px; opacity: .8; }

    nav a{

      text-decoration: none;

      border-bottom: 1px solid currentColor;

      padding-bottom: 2px;

      margin-right: 14px;

    }

    nav a:hover{ opacity:.75; }

    .note{ margin-top: 28px; font-size: 14px; opacity: .65; }

  </style>

</head>

<body>

  <div class="wrap">

    <h1>Kei Ishikawa</h1>

    <p class="role">Film Director</p>


    <nav>

      <a href="works.html">Works</a>

      <a href="about.html">About</a>

      <a href="contact.html">Contact</a>

    </nav>


    <p class="note">© <span id="y"></span> Kei Ishikawa</p>

  </div>


  <script>

    document.getElementById('y').textContent = new Date().getFullYear();

  </script>

</body>

</html>