#intro.brand-intro{background:#fff;color:#292532;isolation:isolate;display:block;animation:greetScreen .25s ease both}
#intro.brand-intro[hidden]{display:none}.greet-top{position:absolute;left:4.5%;right:4.5%;top:30px;display:flex;align-items:center;justify-content:space-between;z-index:4}.greet-top>span{font-size:12px;letter-spacing:.13em;color:#6c5d7f}.greet-top b{font-weight:650;margin-left:8px}.greet-skip{display:flex;align-items:center;gap:22px;padding:12px 16px;border:1px solid #e8e2ef;border-radius:30px;background:#fff;color:#5e536b;font:inherit;font-size:13px;cursor:pointer}.greet-skip>span{font-size:21px}.greet-skip:hover{background:#f8f5fc}.greet-skip:focus-visible{outline:2px solid #9a69cd;outline-offset:4px}
.greet-center{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;text-align:center;width:min(90%,900px);z-index:2}.greet-character{position:relative;width:240px;height:240px;margin:0 0 14px}.greet-mascot{position:relative;width:240px;height:240px;isolation:isolate;animation:greetRise .7s cubic-bezier(.2,.8,.2,1) both}.greet-logo{width:240px;height:240px;position:absolute;inset:0;object-fit:contain;clip-path:circle(48%);pointer-events:none}.greet-logo{z-index:1}.greet-shadow{position:absolute;bottom:4px;left:45px;right:45px;height:12px;border-radius:50%;background:#583f7b13;filter:blur(9px);animation:greetShadow .7s ease both}.greet-mask-defs{position:absolute;pointer-events:none}.greet-arm-layer{position:absolute;inset:0;z-index:3;clip-path:circle(45.5% at 50% 50%);pointer-events:none}.greet-arm-window{position:absolute;inset:0;clip-path:url(#greet-arm-occlusion)}.greet-elbow{position:absolute;left:150px;top:28px;width:44px;height:121.4074px;transform-origin:55% 92%;animation:greetArm 2.45s both;will-change:transform}.greet-wrist{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform-origin:53% 48%;animation:greetWrist 2.45s ease-in-out both;will-change:transform}.greet-forearm{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.greet-hello{position:absolute;right:-66px;top:-32px;padding:12px 20px;border:1px solid #e7dfef;background:#fff;border-radius:19px 19px 19px 5px;color:#6e418f;font-size:17px;font-weight:600;box-shadow:0 10px 30px #59407409;animation:greetHello 2.45s both}
.greet-market{display:block;text-transform:uppercase;letter-spacing:.34em;font-size:14px;font-weight:600;color:#9c4eb0;animation:greetText .65s .18s both}.greet-name{margin:8px 0 0!important;font-size:clamp(54px,7.7vw,94px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.065em!important;color:#292532}.greet-name span{display:inline-block;animation:greetLetter .72s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.26s + var(--i)*.035s)}.greet-tagline{font-size:16px;color:#7b7387;margin:18px 0 0;line-height:1.6;animation:greetText .65s .7s both}.greet-motion{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.greet-motion>svg{width:100%;height:100%;opacity:.65}.greet-track,.greet-orbit{fill:none;stroke:url(#greet-line);stroke-width:1;opacity:.45}.greet-orbit{stroke-dasharray:3 10;animation:greetOrbit 9s linear infinite;transform-origin:600px 390px}.greet-traveller{fill:none;stroke:url(#greet-line);stroke-width:2;stroke-linecap:round;stroke-dasharray:100 1800;animation:greetTrace 3s cubic-bezier(.3,.1,.3,1) both}.greet-spark{position:absolute;font-style:normal;font-size:26px;animation:greetSpark 2.8s ease both}.greet-spark.s1{top:27%;left:19%;color:#d0bbdb}.greet-spark.s2{right:17%;top:63%;color:#b3d6c7;font-size:20px;animation-delay:.14s}.greet-dot{position:absolute;width:9px;height:9px;background:#d7c4ed;border-radius:50%;animation:greetDrift 3s ease both}.greet-dot.d1{left:28%;bottom:25%}.greet-dot.d2{right:25%;top:25%;background:#f0ceb8;width:6px;height:6px;animation-delay:.1s}.greet-bottom{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:260px;text-align:center}.greet-words{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:16px;color:#675d72;font-size:12px;letter-spacing:.025em}.greet-words i{font-style:normal;color:#b6a5c4}.greet-words span{animation:greetText .5s both;animation-delay:calc(.5s + var(--i)*.4s)}.greet-timeline{height:2px;background:#f0ebf6;overflow:hidden;border-radius:9px}.greet-timeline i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#bb98dd,#986cbd,#a2d0be);transform-origin:left;animation:greetTimeline 2.52s cubic-bezier(.2,.6,.25,1) both}.greet-flyer{position:fixed;z-index:102;object-fit:contain;clip-path:circle(48%);pointer-events:none;transform-origin:top left}.greet-leaving{animation:greetExit .5s ease both!important}.greet-leaving .greet-hello{visibility:hidden}
@keyframes greetScreen{from{opacity:0}to{opacity:1}}@keyframes greetRise{from{opacity:0;transform:translateY(22px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes greetShadow{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes greetArm{
0%,8%{transform:translateY(102px);animation-timing-function:cubic-bezier(.16,.74,.24,1)}
27%{transform:translateY(-2px);animation-timing-function:ease-in-out}
34%,75%{transform:translateY(0);animation-timing-function:cubic-bezier(.42,0,.65,.2)}
86%{transform:translateY(37px);animation-timing-function:cubic-bezier(.2,.55,.3,1)}
97%,100%{transform:translateY(108px)}}
@keyframes greetWrist{
0%,26%{transform:rotate(0)}
35%{transform:rotate(-10deg)}
45%{transform:rotate(13deg)}
56%{transform:rotate(-11deg)}
66%{transform:rotate(10deg)}
75%,100%{transform:rotate(0)}}@keyframes greetHello{0%,15%{opacity:0;transform:translate(-7px,9px) scale(.9)}28%,73%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-6px)}}@keyframes greetLetter{from{opacity:0;transform:translateY(32px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes greetText{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes greetTrace{from{stroke-dashoffset:100}to{stroke-dashoffset:-1700}}@keyframes greetOrbit{to{stroke-dashoffset:-120}}@keyframes greetSpark{0%{opacity:0;transform:rotate(-25deg) scale(.5)}35%,75%{opacity:.9;transform:rotate(10deg) scale(1)}100%{opacity:.4;transform:rotate(25deg) scale(.8)}}@keyframes greetDrift{from{opacity:0;transform:translateY(25px)}to{opacity:.8;transform:translateY(-20px)}}@keyframes greetTimeline{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes greetExit{to{opacity:0;transform:scale(1.015)}}
@media(max-width:600px){.greet-top{top:22px;left:22px;right:22px}.greet-top>span{font-size:9px;letter-spacing:.06em}.greet-top b{margin-left:3px}.greet-skip{font-size:11px;gap:10px;padding:9px 12px}.greet-skip>span{font-size:18px}.greet-center{top:46%;width:94%}.greet-character{transform:scale(.84);margin:-19px 0 -3px}.greet-hello{right:-35px;top:-34px;font-size:16px;padding:10px 14px}.greet-market{font-size:11px;letter-spacing:.3em}.greet-name{font-size:clamp(46px,13vw,68px)!important;letter-spacing:-.065em!important}.greet-tagline{font-size:13px;max-width:290px;margin:18px auto 0}.greet-bottom{bottom:35px;width:230px}.greet-words{font-size:11px}.greet-spark.s1{left:9%;top:29%}.greet-spark.s2{right:8%;top:65%}.greet-dot.d1{left:15%;bottom:26%}.greet-dot.d2{right:13%;top:22%}}
@media(max-height:600px) and (min-width:601px){.greet-character{transform:scale(.65);margin:-42px 0 -35px}.greet-name{font-size:60px!important}.greet-center{top:48%}.greet-tagline{font-size:13px;margin-top:8px}.greet-bottom{bottom:18px}.greet-top{top:16px}}
@media(prefers-reduced-motion:reduce){#intro.brand-intro,.brand-intro *{animation:none!important;transition:none!important}.brand-intro .greet-motion,.brand-intro .greet-elbow,.brand-intro .greet-hello,.brand-intro .greet-timeline{display:none}.greet-name span{filter:none!important}}
