@property --intro02-hole{syntax:'<percentage>';inherits:false;initial-value:0%}
body.intro02-lock{overflow:hidden}
.intro02{--intro02-black:#050505;--intro02-lime:#c9ff00;--intro02-text:#f5f5f5;--intro02-ease:cubic-bezier(.4,0,.2,1);position:fixed;inset:0;z-index:12000;display:none;overflow:hidden;isolation:isolate;color:var(--intro02-text);font-family:'Nimbus Sans','Helvetica Neue',Arial,sans-serif}
.intro02-pending .intro02,.intro02.is-active{display:block}
.intro02[hidden]{display:none!important}
.intro02__veil{position:absolute;inset:0;z-index:0;background:var(--intro02-black);--intro02-hole:0%;-webkit-mask-image:radial-gradient(ellipse farthest-corner at 50% 49%,transparent calc(var(--intro02-hole) - .2%),#000 calc(var(--intro02-hole) + .2%));mask-image:radial-gradient(ellipse farthest-corner at 50% 49%,transparent calc(var(--intro02-hole) - .2%),#000 calc(var(--intro02-hole) + .2%))}
.intro02.is-revealing .intro02__veil{animation:intro02-reveal-home 930ms var(--intro02-ease) 130ms both}
@keyframes intro02-reveal-home{from{--intro02-hole:0%}to{--intro02-hole:108%}}
.intro02__lockup{position:absolute;left:50%;top:48%;display:flex;align-items:center;gap:clamp(18px,2.8vw,42px);transform:translate(-50%,-50%);pointer-events:none}
.intro02__origin-logo{width:clamp(170px,15.2vw,230px);aspect-ratio:1536/1422;flex:none}
.intro02__origin-name,.intro02__flying-name{display:flex;flex-direction:column;align-items:flex-start;flex:none;font-size:clamp(36px,3.3vw,49px);font-weight:780;letter-spacing:.105em;line-height:1.18;text-align:left}
.intro02__origin-name{visibility:hidden}
.intro02__origin-name span,.intro02__flying-name span{display:block;white-space:nowrap}
.intro02__flying-lockup{position:fixed;z-index:5;display:flex;align-items:center;gap:clamp(18px,2.8vw,42px);opacity:1;pointer-events:none;transform-origin:0 0;will-change:transform}
.intro02__flying-logo{position:relative;width:clamp(170px,15.2vw,230px);aspect-ratio:1536/1422;flex:none}
.intro02__part{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translate3d(var(--intro02-dx),var(--intro02-dy),0) scale(.985);will-change:transform,opacity}
.intro02__part--1{--intro02-dx:-14px;--intro02-dy:-13px;--intro02-delay:0ms}
.intro02__part--2{--intro02-dx:14px;--intro02-dy:-11px;--intro02-delay:55ms}
.intro02__part--3{--intro02-dx:-12px;--intro02-dy:13px;--intro02-delay:105ms}
.intro02__part--4{--intro02-dx:15px;--intro02-dy:9px;--intro02-delay:155ms}
.intro02__part--5{--intro02-dx:-10px;--intro02-dy:16px;--intro02-delay:205ms}
.intro02__part--6{--intro02-dx:12px;--intro02-dy:14px;--intro02-delay:245ms}
.intro02.is-playing .intro02__part{animation:intro02-assemble 800ms var(--intro02-ease) var(--intro02-delay) forwards}
@keyframes intro02-assemble{0%{opacity:0;transform:translate3d(var(--intro02-dx),var(--intro02-dy),0) scale(.985)}26%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.intro02__flying-name{position:relative;opacity:0;will-change:transform,opacity}
.intro02.is-playing .intro02__flying-name{animation:intro02-reveal-name 460ms var(--intro02-ease) 820ms both}
@keyframes intro02-reveal-name{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.intro02__flying-name>i{position:absolute;left:0;bottom:-15px;width:5px;height:5px;border-radius:1px;background:var(--intro02-lime);opacity:0}
.intro02.is-playing .intro02__flying-name>i{animation:intro02-accent 280ms ease-out 1090ms both}
@keyframes intro02-accent{0%{opacity:0;box-shadow:0 0 0 transparent}45%{opacity:1;box-shadow:0 0 9px rgba(201,255,0,.42)}100%{opacity:0;box-shadow:0 0 0 transparent}}
.intro02__guides{position:absolute;left:50%;top:48%;z-index:2;width:min(600px,72vw);height:260px;transform:translate(-50%,-50%);pointer-events:none}
.intro02__guides i{position:absolute;background:#404040;opacity:0}
.intro02__guides i:nth-child(1){left:8%;top:49%;width:84%;height:1px}
.intro02__guides i:nth-child(2){left:38%;top:5%;width:1px;height:90%}
.intro02__guides i:nth-child(3){left:37%;top:92%;width:28%;height:1px}
.intro02.is-playing .intro02__guides i{animation:intro02-guide 780ms ease-out 40ms both}
@keyframes intro02-guide{0%{opacity:0;transform:scaleX(.7)}30%{opacity:.28}82%{opacity:.09}100%{opacity:0;transform:scaleX(1)}}
.intro02__skip{position:fixed;right:clamp(22px,5.7vw,104px);top:30px;z-index:9;padding:15px 2px;border:0;background:none;color:#aeb0ad;font-size:10px;letter-spacing:.17em;transition:color 220ms ease,opacity 220ms ease}
.intro02__skip span{margin-left:10px;color:var(--intro02-lime)}
.intro02__skip:hover,.intro02__skip:focus-visible{color:#fff}
.intro02__skip:focus-visible{outline:2px solid var(--intro02-lime);outline-offset:5px}
.intro02.is-revealing .intro02__skip{opacity:0;pointer-events:none}
html.intro02-active #app .site-logo{opacity:0}
@media(max-width:700px){.intro02__lockup,.intro02__flying-lockup{gap:12px}.intro02__lockup{top:47%}.intro02__origin-logo,.intro02__flying-logo{width:clamp(118px,32vw,163px)}.intro02__origin-name,.intro02__flying-name{font-size:clamp(25px,7vw,34px)}.intro02__skip{right:21px;top:19px}.intro02__guides{top:47%;width:95vw;height:190px}}
@media(max-width:375px){.intro02__lockup,.intro02__flying-lockup{gap:8px}.intro02__origin-logo,.intro02__flying-logo{width:115px}.intro02__origin-name,.intro02__flying-name{font-size:25px}}
@media(prefers-reduced-motion:reduce){.intro02{display:none!important}html.intro02-active #app .site-logo{opacity:1}.intro02 *{animation:none!important;transition:none!important}}