#brand-intro{display:none;position:fixed;inset:0;background:#000;z-index:1000;pointer-events:none;align-items:center;justify-content:center}.show-intro #brand-intro:not([hidden]){display:flex!important;animation:intro-exit .45s 1.8s both,intro-failsafe 0s 4s forwards}.intro-logo{position:relative;width:min(670px,85vw);aspect-ratio:4724/1122}.intro-part{position:absolute;inset:0;width:100%;height:auto;animation:intro-piece .85s cubic-bezier(.22,.75,.2,1) both}.part-1{clip-path:inset(20% 88% 49% 5%);--x:-150px;--y:-120px}.part-2{clip-path:inset(20% 81.5% 49% 12%);--x:0px;--y:-160px;animation-delay:.08s}.part-3{clip-path:inset(15% 73% 50% 18.5%);--x:170px;--y:-90px;animation-delay:.14s}.part-4{clip-path:inset(51% 88% 20% 5%);--x:-130px;--y:90px;animation-delay:.12s}.part-5{clip-path:inset(51% 81.5% 20% 12%);--x:0px;--y:150px;animation-delay:.18s}.part-6{clip-path:inset(51% 73% 20% 18.5%);--x:130px;--y:110px;animation-delay:.24s}.part-7{clip-path:inset(0 0 0 27%);animation:intro-word .4s 1s both}@keyframes intro-piece{from{opacity:0;transform:translate(var(--x),var(--y))}to{opacity:1;transform:translate(0,0)}}@keyframes intro-word{from{opacity:0}to{opacity:1}}@keyframes intro-exit{to{opacity:0;visibility:hidden}}
#brand-intro{--intro-ready:1;width:100vw;height:100vh;overflow:hidden}
#brand-intro[hidden]{display:none!important}
@keyframes intro-failsafe{to{display:none;visibility:hidden;opacity:0}}
@media(prefers-reduced-motion:reduce){#brand-intro{display:none!important}.intro-part{animation:none!important}}