/* Smartphone-only delivery layer. The desktop presentation remains unchanged. */
@media (max-width: 1023px) {
  :root {
    --font-ja: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
    --font-en: Arial, "Helvetica Neue", sans-serif;
  }

  .responsive-picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .responsive-picture img {
    display: block;
  }

  .opening picture {
    display: block;
  }

  .page-transition,
  .site-footer {
    background: #050505;
  }

  .menu-media {
    background-image: none;
  }

  .page-hero-bg {
    background:
      linear-gradient(90deg, rgba(255,255,255,0.98), rgba(255,255,255,0.84) 46%, rgba(255,255,255,0.42)),
      var(--hero-image-mobile, var(--hero-image));
    background-size: cover;
  }

  .people-hero .page-hero-bg {
    background:
      linear-gradient(0deg, rgba(255,255,255,0.92), rgba(255,255,255,0.56) 36%, rgba(255,255,255,0.12) 72%, rgba(255,255,255,0.08)),
      var(--hero-image-mobile, var(--hero-image));
    background-position: center, center;
    background-size: cover, auto 100%;
    background-repeat: no-repeat;
  }
  .tsunagi-approach {
    background:
      linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
      url("../assets/graphic-tsunagi-light-band-mobile.webp") center / cover no-repeat;
  }


  .tsunagi-hero-visual {
    background:
      linear-gradient(0deg, rgba(255, 255, 255, 0.98) 0 42%, rgba(255, 255, 255, 0.62) 68%, rgba(255, 255, 255, 0.12)),
      var(--tsunagi-hero-image-mobile, var(--tsunagi-hero-image));
    background-position: 61% center;
    background-size: cover;
  }

  .tsunagi-concerns {
    background:
      linear-gradient(rgba(253, 253, 251, 0.9), rgba(253, 253, 251, 0.9)),
      url("../assets/graphic-tsunagi-soft-circle-grid-mobile.webp") center / cover no-repeat;
  }

  .tsunagi-flow::after {
    background-image: url("../assets/graphic-tsunagi-tree-ring-lines-mobile.webp");
  }

  .tsunagi-faq-cta {
    background:
      linear-gradient(120deg, rgba(41, 70, 55, 0.98), rgba(41, 70, 55, 0.88)),
      url("../assets/graphic-tsunagi-light-band-mobile.webp") center / cover no-repeat;
  }
}