.intro-stage{color:var(--intro-ink,#fff);font-family:var(--intro-font,serif);background:0 0;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.intro-paper{background-color:var(--intro-veil-base,#0f0d0c);opacity:var(--intro-veil-opacity,.55);position:absolute;inset:0}.intro-mark{z-index:1;text-align:center;font-size:min(var(--intro-size,9.8cqw), calc(var(--intro-box,66cqw) / var(--intro-width,6)));white-space:nowrap;opacity:var(--intro-ink-opacity,.9);flex-direction:column;justify-content:center;align-items:center;gap:.04em;padding:10cqw;line-height:1.02;display:flex;position:absolute;inset:0}.intro-line{margin-block:-.3em;padding:.3em .2em;display:block}.intro-caret{opacity:0;background:currentColor;width:1.8cqw;height:.22em;margin-top:.35em;display:block}.intro-stage[data-playing=true][data-style=draw] .intro-line{animation-name:intro-draw,intro-line-arm;animation-duration:var(--intro-line-dur,1.5s), var(--intro-line-dur,1.5s);animation-delay:var(--intro-line-at,0s), var(--intro-line-at,0s);animation-timing-function:linear,linear;animation-fill-mode:both,both;-webkit-mask-image:linear-gradient(100deg,#000 0 50%,#0000 50%);mask-image:linear-gradient(100deg,#000 0 50%,#0000 50%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes intro-line-arm{0%{opacity:0}.01%{opacity:1}to{opacity:1}}@keyframes intro-draw{0%{-webkit-mask-position:86% 0;mask-position:86% 0}to{-webkit-mask-position:12% 0;mask-position:12% 0}}.intro-stage[data-style=type] .intro-mark{--intro-size:5.2cqw;letter-spacing:.06em;gap:.4em}.intro-stage[data-playing=true][data-style=type] .intro-line{animation-name:intro-type;animation-duration:var(--intro-line-dur,1.1s);animation-delay:var(--intro-line-at,0s);animation-timing-function:steps(16,end);animation-fill-mode:both}.intro-stage[data-playing=true][data-style=type] .intro-caret{animation:1.06s step-end .26s infinite both intro-caret}@keyframes intro-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes intro-caret{0%,49%{opacity:.8}50%,to{opacity:0}}.intro-stage[data-playing=true] .intro-paper{animation:intro-veil-lift var(--intro-veil-dur,.9s) cubic-bezier(.45, 0, .55, 1) var(--intro-veil-at,3.8s) forwards}@keyframes intro-veil-lift{0%{opacity:var(--intro-veil-opacity,.55)}to{opacity:0}}.intro-stage[data-playing=true] .intro-mark{animation:intro-mark-leave var(--intro-fade-dur,.52s) cubic-bezier(.4, 0, .6, 1) var(--intro-fade-at,3.6s) forwards}@keyframes intro-mark-leave{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes intro-fade-out{0%{opacity:1}to{opacity:0}}@keyframes intro-mark-fade{to{opacity:0}}.intro-overlay{animation:intro-retire 0s linear var(--intro-total,4.4s) forwards}@keyframes intro-retire{to{visibility:hidden;pointer-events:none}}.intro-stage[data-skipping=true]{animation:.22s forwards intro-fade-out}@media (prefers-reduced-motion:reduce){.intro-stage[data-playing=true] .intro-line,.intro-stage[data-playing=true] .intro-caret{opacity:1;clip-path:none;transform:none;-webkit-mask-image:none;mask-image:none;animation:none!important}.intro-stage[data-playing=true] .intro-paper{animation:intro-veil-lift var(--intro-veil-dur,.9s) ease var(--intro-veil-at,3.8s) forwards}.intro-stage[data-playing=true] .intro-mark{animation:intro-mark-fade var(--intro-fade-dur,.52s) ease var(--intro-fade-at,3.6s) forwards}}