/* 3D 효과를 적용할 텍스트 컨테이너 */
      .mdt-effect-p {
        position: relative;
        display: inline-block;

        /* 자식(span)들의 3D 변환을 유지 */
        transform-style: preserve-3d;

        /* 깊이감을 위한 원근감 */
        perspective: 800px;
        perspective-origin: center;
      }

      /* splitText가 생성하는 단어/문자(span)에 기본 스타일 */
      .mdt-effect-p span {
        display: inline-block;
        backface-visibility: hidden; /* 뒤집혔을 때 깜빡임 방지 */
      }

      /* 접근성용 복제 텍스트가 겹쳐 표시되므로 position 관련 스타일 필요 */
      .accessible-clone {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        color: var(--hex-green-1, #00ff88);
        pointer-events: none;
      }
