.kana-glitch{position:relative;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:clamp(38px,7.6vh,69px);line-height:1;letter-spacing:.04em;white-space:nowrap;color:rgb(255 255 255/.12);--split-r:rgb(255 40 80/0.09);--split-g:rgb(40 255 150/0.08);-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:kana-flicker 4.2s steps(1) infinite}.kana-glitch:after,.kana-glitch:before{content:attr(data-text);position:absolute;top:0;bottom:0;left:-32px;right:-32px;padding:0 32px;color:inherit;background-color:var(--bg);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);pointer-events:none}.kana-glitch:before{animation:kana-slice-a 2.1s steps(1) infinite}.kana-glitch:after{color:transparent;animation:kana-slice-b 3.1s steps(1) .12s infinite}@keyframes kana-flicker{0%,31%,35%,76%,80%,to{color:rgb(255 255 255/.12);text-shadow:none}32%{color:rgb(255 255 255/.05);text-shadow:none}33%{color:rgb(255 255 255/.2);text-shadow:-3px 0 var(--split-r),3px 0 var(--split-g)}77%{color:rgb(255 255 255/.16);text-shadow:2px 0 var(--split-r),-2px 0 var(--split-g)}}@keyframes kana-slice-a{0%,14%,40%,52%,to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:none;text-shadow:none}3%{-webkit-clip-path:inset(14% 0 72% 0);clip-path:inset(14% 0 72% 0);transform:translateX(-16px) scaleX(1.4);text-shadow:-4px 0 var(--split-r),4px 0 var(--split-g)}6%{-webkit-clip-path:inset(58% 0 28% 0);clip-path:inset(58% 0 28% 0);transform:translateX(13px) skewY(9deg);text-shadow:5px 0 var(--split-r),-3px 0 var(--split-g)}9%{-webkit-clip-path:inset(31% 0 58% 0);clip-path:inset(31% 0 58% 0);transform:translateX(-10px) scaleX(.7);text-shadow:-3px 0 var(--split-g),3px 0 var(--split-r)}12%{-webkit-clip-path:inset(80% 0 9% 0);clip-path:inset(80% 0 9% 0);transform:translateX(18px) scaleX(1.5);text-shadow:-6px 0 var(--split-r),2px 0 var(--split-g)}43%{-webkit-clip-path:inset(42% 0 44% 0);clip-path:inset(42% 0 44% 0);transform:translateX(-14px) skewY(-10deg);text-shadow:4px 0 var(--split-g),-4px 0 var(--split-r)}47%{-webkit-clip-path:inset(5% 0 82% 0);clip-path:inset(5% 0 82% 0);transform:translateX(15px) scaleX(1.3) skewY(5deg);text-shadow:-5px 0 var(--split-r),5px 0 var(--split-g)}}@keyframes kana-slice-b{0%,14%,50%,56%,8%,to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);text-shadow:none}3%{-webkit-clip-path:inset(38% 0 55% 0);clip-path:inset(38% 0 55% 0);text-shadow:-6px 0 var(--split-r),6px 0 var(--split-g)}11%{-webkit-clip-path:inset(68% 0 25% 0);clip-path:inset(68% 0 25% 0);text-shadow:4px 0 var(--split-r)}53%{-webkit-clip-path:inset(20% 0 72% 0);clip-path:inset(20% 0 72% 0);text-shadow:-5px 0 var(--split-g)}}@media (max-width:750px){.kana-glitch{font-size:clamp(35px,7vh,62px)}}.kana-glitch[data-burst]{--split-r:rgb(255 40 80/0.45);--split-g:rgb(40 255 150/0.4);animation-duration:.22s}.kana-glitch[data-burst]:before{animation:kana-burst-a .22s steps(1) both}.kana-glitch[data-burst]:after{color:inherit;animation:kana-burst-b .22s steps(1) both}@keyframes kana-burst-a{0%{-webkit-clip-path:inset(18% 0 66% 0);clip-path:inset(18% 0 66% 0);transform:translate(calc(var(--to-x) * 14px),calc(var(--to-y) * 14px)) scaleX(1.3);text-shadow:-4px 0 var(--split-r),4px 0 var(--split-g)}35%{-webkit-clip-path:inset(52% 0 30% 0);clip-path:inset(52% 0 30% 0);transform:translate(calc(var(--to-x) * 40px),calc(var(--to-y) * 40px)) skewY(8deg);text-shadow:5px 0 var(--split-r),-5px 0 var(--split-g)}70%,to{-webkit-clip-path:inset(8% 0 58% 0);clip-path:inset(8% 0 58% 0);transform:translate(calc(var(--to-x) * 90px),calc(var(--to-y) * 90px)) scaleX(1.5);text-shadow:-6px 0 var(--split-r),6px 0 var(--split-g)}}@keyframes kana-burst-b{0%{-webkit-clip-path:inset(70% 0 12% 0);clip-path:inset(70% 0 12% 0);transform:translate(calc(var(--to-x) * 24px),calc(var(--to-y) * 24px));text-shadow:4px 0 var(--split-r)}50%,to{-webkit-clip-path:inset(36% 0 40% 0);clip-path:inset(36% 0 40% 0);transform:translate(calc(var(--to-x) * 70px),calc(var(--to-y) * 70px)) scaleX(.75);text-shadow:-5px 0 var(--split-g)}}.loader[data-cut]{opacity:0;pointer-events:none;transition:opacity .12s steps(2)}html[data-kana-lock] .hero__kana{animation:kana-lock .4s steps(1) both}@keyframes kana-lock{0%{transform:translateX(-8px) skewX(-12deg);-webkit-clip-path:inset(0 0 40% 0);clip-path:inset(0 0 40% 0);text-shadow:-5px 0 rgb(255 40 80/.5),5px 0 rgb(40 255 150/.45)}16%{transform:translateX(7px) scaleX(1.06);-webkit-clip-path:inset(32% 0 0 0);clip-path:inset(32% 0 0 0);text-shadow:4px 0 rgb(255 40 80/.4),-4px 0 rgb(40 255 150/.35)}32%{transform:translateX(-4px) skewX(6deg);-webkit-clip-path:inset(0 0 18% 0);clip-path:inset(0 0 18% 0);text-shadow:-3px 0 rgb(255 40 80/.3),3px 0 rgb(40 255 150/.25)}48%{transform:translateX(3px);-webkit-clip-path:inset(12% 0 0 0);clip-path:inset(12% 0 0 0);text-shadow:2px 0 rgb(255 40 80/.2),-2px 0 rgb(40 255 150/.18)}64%{transform:translateX(-1px);-webkit-clip-path:none;clip-path:none;text-shadow:-1px 0 rgb(255 40 80/.12),1px 0 rgb(40 255 150/.1)}80%,to{transform:none;-webkit-clip-path:none;clip-path:none;text-shadow:none}}@media (prefers-reduced-motion:reduce){.kana-glitch,.kana-glitch:after,.kana-glitch:before{animation-duration:6s}}.loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:var(--bg);transition:opacity .4s ease}.loader[data-leaving]{opacity:0;pointer-events:none}