/* The original, readable type is the default. JS supplies short, finite motion. */
.type-glyph,.type-phrase{display:inline-block;transform-origin:50% 90%}
.type-phrase{white-space:nowrap}
[data-type-motion]>.type-shell{display:inline-block;max-width:100%;font:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:bottom;margin:0;padding:0}
.hero h1>span[data-type-line]{position:relative;overflow:visible;perspective:800px}
.hero h1 .type-glyph{backface-visibility:hidden;transform-origin:50% 75%}
.hero h1 .type-shell{display:inline-block;font:inherit;letter-spacing:inherit;transform-origin:0 50%;backface-visibility:hidden}
.hero h1 .type-echo{position:absolute;inset:0 auto auto 0;display:block;pointer-events:none;color:transparent;-webkit-text-stroke:1px #e2eeff;opacity:0;transform-origin:0 50%}
.type-live .hero h1 em{background:linear-gradient(105deg,#fff 30%,#b8d8ff 43%,#fff 49%,#fff 51%,#9abbef 57%,#fff 70%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:type-metal-light 4.4s ease-in-out infinite}
@keyframes type-metal-light{0%,15%{background-position:100% 50%}75%,100%{background-position:0 50%}}
.hero-ja .type-phrase{vertical-align:baseline}
.motion-tools{display:flex;align-items:center;gap:8px}
.hero-foot .type-replay{background:transparent;border-color:#ffffff45}
.hero-foot .type-replay:hover,.hero-foot .type-replay:focus-visible{background:#ffffff18;border-color:#fff}
.hero-foot .type-replay:disabled{opacity:.55;cursor:default}
@media(max-width:700px){.hero-foot{gap:10px}.motion-tools{gap:5px}.hero-foot .type-replay{padding-inline:9px;font-size:9px}.scroll-cue{gap:9px}}
@media(prefers-reduced-motion:reduce){.type-glyph,.type-phrase,.type-shell{transform:none!important;clip-path:none!important;opacity:1!important}.type-echo{display:none!important}.type-live .hero h1 em{animation:none;background:none;-webkit-text-fill-color:currentColor}}