/* bubun homepage: 6-line menu entrance — Pattern 1, 1.00 second.
   Center pair -> adjacent pair -> outer pair, each from faint to dark.
   The existing 6-line/X menu animation is unchanged.
   This small menu-indicator animation intentionally remains enabled when
   iOS / the browser uses prefers-reduced-motion: reduce. */
body.bubun-site.home-page.menu-intro--one:not(.menu-intro-complete)
  .site-menu-half > .site-menu-segment:nth-child(3),
body.bubun-site.home-page.menu-intro--one:not(.menu-intro-complete)
  .site-menu-half > .site-menu-segment:nth-child(4) {
  animation: bubun-intro-middle 0.6s linear 0.6s both;
}
body.bubun-site.home-page.menu-intro--one:not(.menu-intro-complete)
  .site-menu-half > .site-menu-segment:nth-child(2),
body.bubun-site.home-page.menu-intro--one:not(.menu-intro-complete)
  .site-menu-half > .site-menu-segment:nth-child(5) {
  animation: bubun-intro-next 0.6s linear 0.6s both;
}
body.bubun-site.home-page.menu-intro--one:not(.menu-intro-complete)
  .site-menu-half > .site-menu-segment:nth-child(1),
body.bubun-site.home-page.menu-intro--one:not(.menu-intro-complete)
  .site-menu-half > .site-menu-segment:nth-child(6) {
  animation: bubun-intro-outer 0.6s linear 0.6s both;
}
@keyframes bubun-intro-middle {
  0%, 8% { opacity: 0; }
  16.667% { opacity: .32; }
  33.333%, 100% { opacity: 1; }
}
@keyframes bubun-intro-next {
  0%, 33.333% { opacity: 0; }
  50% { opacity: .32; }
  66.667%, 100% { opacity: 1; }
}
@keyframes bubun-intro-outer {
  0%, 66.667% { opacity: 0; }
  83.333% { opacity: .32; }
  100% { opacity: 1; }
}