/* =========================================================
   HIT IT事業部 - Section heading flip animation styles
   Paired with assets/js/heading-flip.js
   ========================================================= */

/* ===== セクション見出し：英字1文字ずつ3D反転 + 日本語を遅れて表示 ===== */
.section-heading__en.heading-flip-ready{
  perspective:700px;
  perspective-origin:50% 50%;
}
.section-heading__en .heading-flip-char{
  display:inline-block;
  opacity:0;
  transform:translateY(.38em) rotateX(-105deg);
  transform-origin:50% 72%;
  backface-visibility:hidden;
  will-change:transform,opacity;
  transition:
    transform .68s cubic-bezier(.18,.72,.22,1),
    opacity .32s ease;
  transition-delay:calc(var(--flip-index) * 38ms);
}
.section-heading__en .heading-flip-space{
  display:inline-block;
  width:.28em;
}
.section-heading__en.is-flip-visible .heading-flip-char{
  opacity:1;
  transform:translateY(0) rotateX(0deg);
}
.section-heading__ja .heading-ja-inner{
  display:inline-block;
  opacity:0;
  transform:translateY(10px);
  will-change:transform,opacity;
  transition:
    transform .58s cubic-bezier(.2,.75,.25,1) .52s,
    opacity .42s ease .52s;
}
.section-heading__ja.is-heading-ja-visible .heading-ja-inner{
  opacity:1;
  transform:translateY(0);
}
@media(max-width:768px){
  .section-heading__en .heading-flip-char{
    transform:translateY(.28em) rotateX(-88deg);
    transition-duration:.58s;
    transition-delay:calc(var(--flip-index) * 30ms);
  }
  .section-heading__ja .heading-ja-inner{
    transform:translateY(7px);
    transition-delay:.44s;
  }
}
@media(prefers-reduced-motion:reduce){
  .section-heading__en .heading-flip-char,
  .section-heading__ja .heading-ja-inner{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}