@keyframes line-x{0%,to{transform:scaleX(0)}30%,60%{transform:scaleX(1)}0%,30%{transform-origin:0}60%,to{transform-origin:100%}}@keyframes line-y{0%{transform-origin:50% 0;transform:scaleY(0)}20%{transform-origin:50% 0;transform:scaleY(1)}80%{transform-origin:50% 100%;transform:scaleY(1)}to{transform-origin:50% 100%;transform:scaleY(0)}}.text{display:block}.text.sketch{position:relative}.text.sketch:not(.ani-active) .text-char,.text.sketch:not(.intersected) .text-char{opacity:0;transition:opacity 1s}.text.sketch:not(.ani-active) .text-word,.text.sketch:not(.intersected) .text-word{position:relative}.text.sketch:not(.ani-active) .text-text,.text.sketch:not(.intersected) .text-text{clip-path:polygon(0 0,-2em 0,0 100%,0 100%)}.text [class^=text-word-x],.text [class^=text-word-y],.text [class^=text-x],.text [class^=text-y]{z-index:-1;background:var(--light);transform-origin:0 0;animation:none;position:absolute}.text.intersected [class^=text-word-y],.text.intersected [class^=text-y]{animation-name:line-y}.text.intersected [class^=text-word-x],.text.intersected [class^=text-x]{animation-name:line-x}.text [class^=text-word-y],.text [class^=text-y]{width:1px;top:-.8em;bottom:-1em;transform:scaleY(0)}.text [class^=text-word-x],.text [class^=text-x]{height:1px;left:-1em;right:-1em;transform:scaleX(0)}.text [class^=text-word-x]:nth-child(4n+1),.text [class^=text-x]:nth-child(4n+1){left:-1.2em;right:-.8em}.text [class^=text-word-x]:nth-child(odd),.text [class^=text-x]:nth-child(odd){transform-origin:100% 0}.text [class^=text-word-x]:nth-child(4n+3),.text [class^=text-x]:nth-child(4n+3){left:-.8em;right:-1.2em}.text [class^=text-word-x]:nth-child(4n+4),.text [class^=text-x]:nth-child(4n+4){left:-.6em;right:-1.4em}.text-y-1{top:-.8em;bottom:-1.2em;left:.04em}.text-y-2{transform-origin:0 100%;top:-1.2em;bottom:-.8em;right:.02em}.text-x-ascent{top:0}.text-x-xheight{top:.32em}.text-x-baseline{bottom:0}.text-x-descent{bottom:-.25em}.text-text{clip-path:polygon(0 0,100% 0,110% 100%,0 100%)}.text-word{z-index:1;display:inline-block;position:relative}.text-word:not(.text-word-break){margin-bottom:.25em}.text-word:not(.text-word-break):not(.last){margin-right:.25em}.text-word-y-1{top:-.8em;bottom:-1.2em;left:.04em}.text-word-y-2{transform-origin:0 100%;top:-1.2em;bottom:-.8em;right:.02em}.text-word-x-ascent{top:.18em}.text-word-x-xheight{top:.45em}.text-word-x-baseline{top:1em}.text-word-x-descent{top:1.25em}@media (width<=768px){.text-word-break{display:block}}.text-word-text{clip-path:polygon(0 0,100% 0,115% 100%,0 100%)}.text:not(.conditional-option):not(.sketch) .text-char{opacity:0;transform:translate(-.15em)scale(1.25)}.text-char{display:inline-block}.text.ani-active.intersected:not(.conditional-option):not(.sketch) .text-char{opacity:1;transform:none}.char-slot{display:inline}@media (width<=768px){.char-break{display:block}.char-break+.char-space{width:.5em}}@media (width>=769px){.char-break{display:none}}