<header class="ak-header">
  <a class="ak-site-title" href="/">片瀬碧 Aoi Katase</a>

  <nav class="ak-nav" aria-label="Main navigation">
    <a href="/">HOME</a>
    <a href="/NEWS">NEWS</a>

    <div class="ak-nav-item ak-work-menu">
      <span class="ak-nav-label" tabindex="0">WORK</span>
      <div class="ak-subnav" aria-label="Works">
        <a href="/EF641000">EF64 1000</a>
        <a href="/Series255">Series 255 BOSO VIEW</a>
        <a href="/Series103Kyushu">Series 103 Kyushu</a>
        <a href="/Series185B6">Series 185 B6</a>
        <a href="/Series185C1">Series 185 C1</a>
      <a href="/Yashimagahara-Suwa">Yashimagahara Suwa</a>
      </div>
    </div>

    <a href="/PUB">PUBLICATIONS</a>
    <a href="/BLOG">BLOG</a>
    <a href="/ABOUT">ABOUT</a>
  </nav>

  <button class="ak-menu-button" type="button" aria-label="Open menu">
    <span></span>
    <span></span>
    <span></span>
  </button>
</header>

<div class="ak-mobile-menu" aria-hidden="true">
  <div class="ak-mobile-menu-head">
    <a class="ak-mobile-title" href="/">片瀬碧 AOI KATASE</a>
    <button class="ak-menu-close" type="button" aria-label="Close menu">×</button>
  </div>

  <nav class="ak-mobile-nav" aria-label="Mobile navigation">
    <a href="/">HOME</a>
    <a href="/NEWS">NEWS</a>

    <button class="ak-mobile-work-toggle" type="button">
      <span>WORK</span>
      <span class="ak-mobile-arrow">›</span>
    </button>

    <div class="ak-mobile-subnav">
      <a href="/EF641000">EF64 1000</a>
      <a href="/Series255">Series 255 BOSO VIEW</a>
      <a href="/Series103Kyushu">Series 103 Kyushu</a>
      <a href="/Series185B6">Series 185 B6</a>
      <a href="/Series185C1">Series 185 C1</a>
      <a href="/Yashimagahara-Suwa">Yashimagahara Suwa</a>
    </div>

    <a href="/PUB">PUBLICATIONS</a>
   <a href="/BLOG">BLOG</a> 
   <a href="/ABOUT">ABOUT</a>
  </nav>
</div>

<footer class="ak-footer">
  <a class="ak-contact" href="mailto:aoikatase.photo@gmail.com">Contact</a>
  <span>© Aoi Katase 2026</span>
</footer>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const targets = document.querySelectorAll(
    ".notion-image, .notion-asset-wrapper"
  );

  targets.forEach(function (el) {
    el.classList.add("fade-in-section");
  });

  const observer = new IntersectionObserver(
    function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add("is-visible");
          observer.unobserve(entry.target);
        }
      });
    },
    {
      threshold: 0.08,
      rootMargin: "0px 0px -20px 0px"
    }
  );

  targets.forEach(function (el) {
    observer.observe(el);
  });

  const menuButton = document.querySelector(".ak-menu-button");
  const closeButton = document.querySelector(".ak-menu-close");
  const mobileMenu = document.querySelector(".ak-mobile-menu");
  const workToggle = document.querySelector(".ak-mobile-work-toggle");

  function openMenu() {
    document.body.classList.add("ak-menu-open");
    mobileMenu.setAttribute("aria-hidden", "false");
  }

  function closeMenu() {
    document.body.classList.remove("ak-menu-open");
    mobileMenu.setAttribute("aria-hidden", "true");
    document.body.classList.remove("ak-work-open");
  }

  if (menuButton && mobileMenu) {
    menuButton.addEventListener("click", openMenu);
  }

  if (closeButton && mobileMenu) {
    closeButton.addEventListener("click", closeMenu);
  }

  if (workToggle) {
    workToggle.addEventListener("click", function () {
      document.body.classList.toggle("ak-work-open");
    });
  }

  document.querySelectorAll(".ak-mobile-menu a").forEach(function (link) {
    link.addEventListener("click", closeMenu);
  });
});
</script>

PUBLICATIONS

旅の終わり記憶の始まり VOL.03 Series 185 B6 Joetsu Chūō

旅の終わり記憶の始まり VOL.02 Series 185 B6 Tokaido Izu

旅の終わり記憶の始まり VOL.01 EF64 1000

PUBLICATIONS

旅の終わり 記憶の始まり VOL.03 Series 185 B6 Joetsu Chūō

旅の終わり 記憶の始まり VOL.02 Series 185 B6 Tokaido Izu

旅の終わり 記憶の始まり VOL.01 EF64 1000

旅の終わり記憶の始まり VOL.03 Series 185 B6 Joetsu Chūō

旅の終わり記憶の始まり VOL.02 Series 185 B6 Tokaido Izu

旅の終わり記憶の始まり VOL.01 EF64 1000