@charset"uft-8";

.split {
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    text-align: center; /* 親で中央寄せ */
}

    /* ラッパー（JSで付与する block 化） */
    .split > .split-wrapper {
        display: block;
        text-align: center;
    }

    /* 1行ブロック：内容幅で中央寄せ（widthは付けない） */
    .split .line {
        display: inline-block;
        text-align: center;
        overflow: hidden;
        line-height: 2.0;
        transform: translateY(0.8em);
        filter: blur(0.6em);
        opacity: 0;
        transition: transform 1.0s var(--ease-out-quart), filter 1.0s var(--ease-out-quart), opacity 1.0s linear;
    }

        .split .line.show {
            transform: translateY(0);
            filter: blur(0);
            opacity: 1;
        }

    /* 改行はブロック要素のセパレータで表現 */
    .split .line-break {
        display: block;
        height: 0; /* 行間 */
        content: "";
    }