#ld{position:fixed;inset:0;z-index:50;background:#000;display:grid;place-items:center;transition:opacity .5s}#ld.h{opacity:0;pointer-events:none}
.ring{animation:rot 1.1s linear infinite;transform-origin:center}@keyframes rot{to{transform:rotate(360deg)}}
.lt span{display:inline-block;font-size:clamp(34px,10vw,64px);font-weight:700;opacity:0;transform:translateY(24px) scale(.7);filter:blur(8px);animation:li .7s forwards}
@keyframes li{to{opacity:1;transform:none;filter:none}}
.ul{stroke-dasharray:300;stroke-dashoffset:300;animation:dr 1.2s .9s forwards}@keyframes dr{to{stroke-dashoffset:0}}