
:root{--global-logo-filter:none}.welcome.v8-pero-animated{z-index:0;--v8-card-pad-top:40px;--v8-card-pad-bottom:24px;--v8-card-pad-x:24px;--v8-logo-w-lg:120px;--v8-logo-w-sm:92px;--v8-logo-mb:20px;--v8-subtitle-mt:20px;--v8-subtitle-fz:14px;--v8-title-mt:32px;--v8-title-mb:8px;--v8-top-mb:20px;--v8-feature-gap:28px;--v8-feature-pb:20px;--v8-feature-icon-gap:10px;--v8-feature-icon:28px;background:#000;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}@supports (height:1dvh){.welcome.v8-pero-animated{--v8-card-pad-top:clamp(16px,14.2857dvh - 64px,40px);--v8-card-pad-bottom:clamp(16px,4.7619dvh - 10.6667px,24px);--v8-card-pad-x:clamp(16px,57.1429vw - 189.714px,24px);--v8-logo-w-lg:clamp(86px,20.2381dvh - 27.3333px,120px);--v8-logo-w-sm:clamp(66px,15.4762dvh - 20.6667px,92px);--v8-logo-mb:clamp(10px,5.9524dvh - 23.3333px,20px);--v8-subtitle-mt:clamp(10px,5.9524dvh - 23.3333px,20px);--v8-subtitle-fz:min(clamp(13px,.5952dvh + 9.6667px,14px),clamp(12.5px,10vw - 23.5px,14px));--v8-title-mt:clamp(12px,11.9048dvh - 54.6667px,32px);--v8-title-mb:clamp(6px,1.1905dvh - .6667px,8px);--v8-top-mb:clamp(6px,8.3333dvh - 40.6667px,20px);--v8-feature-gap:clamp(16px,7.1429dvh - 24px,28px);--v8-feature-pb:clamp(0px,11.9048dvh - 66.6667px,20px);--v8-feature-icon-gap:clamp(6px,2.381dvh - 7.3333px,10px);--v8-feature-icon:clamp(22px,3.5714dvh + 2px,28px)}}.v8-pero-animated .welcome-pero-bg{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.v8-pero-animated .welcome-content-container{z-index:10;min-height:0;padding:var(--v8-card-pad-top)var(--v8-card-pad-x)var(--v8-card-pad-bottom);background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;animation:1.2s cubic-bezier(.22,1,.36,1) 1s forwards v8SlideUp;display:flex;position:absolute;inset:16px;overflow:hidden;transform:translateY(1000px);box-shadow:0 10px 40px #0003}@keyframes v8SlideUp{to{transform:translateY(0)}}.v8-pero-animated .welcome-top{width:100%;margin-bottom:var(--v8-top-mb);flex-direction:column;align-items:center;animation:.5s cubic-bezier(.25,1,.5,1) 3s forwards v8ShiftToTop;display:flex;position:relative;transform:translateY(200px)}@keyframes v8ShiftToTop{to{transform:translateY(0)}}.v8-pero-animated .welcome-logo{width:var(--v8-logo-w-lg);filter:none;opacity:0;margin-bottom:0;animation:.8s 1.4s forwards v8LogoEntrance,.5s cubic-bezier(.25,1,.5,1) 3s forwards v8LogoShrink}@keyframes v8LogoEntrance{0%{opacity:0}to{opacity:1}}@keyframes v8LogoShrink{0%{width:var(--v8-logo-w-lg);margin-bottom:0}to{width:var(--v8-logo-w-sm);margin-bottom:var(--v8-logo-mb)}}.v8-pero-animated .welcome-subtitle{color:#555;text-align:center;margin-top:var(--v8-subtitle-mt);font-size:var(--v8-subtitle-fz);opacity:0;font-weight:400;line-height:1.4;animation:.8s 3.1s forwards v8SubtitleEntrance;transform:translateY(10px)}@keyframes v8SubtitleEntrance{to{opacity:1;transform:translateY(0)}}.v8-pero-animated .welcome-subtitle-welcome{font-family:var(--font-noto-serif-jp),serif;color:#111;letter-spacing:-1px;text-align:center;margin-top:var(--v8-title-mt);margin-bottom:var(--v8-title-mb);font-size:24px;font-weight:700}.v8-pero-animated .welcome-center{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;animation:.5s 3.5s forwards v8FeaturesEntrance;display:flex;overflow-y:auto;transform:translateY(40px)}@keyframes v8FeaturesEntrance{to{opacity:1;transform:translateY(0)}}.v8-pero-animated .welcome-features{flex-direction:column;align-items:center;margin-block:auto;display:flex}.v8-pero-animated .feature-list{align-items:center;gap:var(--v8-feature-gap);padding-bottom:var(--v8-feature-pb);flex-direction:column;display:flex}.v8-pero-animated .feature-list-item{text-align:center;align-items:center;gap:var(--v8-feature-icon-gap);opacity:0;flex-direction:column;animation:.6s forwards v8FeatureItem;display:flex;transform:translateY(20px)}.v8-pero-animated .feature-list-item:first-child{animation-delay:3.6s}.v8-pero-animated .feature-list-item:nth-child(2){animation-delay:3.8s}.v8-pero-animated .feature-list-item:nth-child(3){animation-delay:4s}@keyframes v8FeatureItem{to{opacity:1;transform:translateY(0)}}.v8-pero-animated .feature-list-icon{color:#444;justify-content:center;align-items:center;display:flex}.v8-pero-animated .feature-list-icon svg{width:var(--v8-feature-icon)!important;height:var(--v8-feature-icon)!important}.v8-pero-animated .feature-list-text{color:#666;font-size:14px;font-weight:500;line-height:1.4}.v8-pero-animated .welcome-bottom{opacity:0;flex-direction:column;flex:none;width:100%;animation:.6s 4.6s forwards v8CTAEntrance;display:flex;transform:translateY(20px)}@keyframes v8CTAEntrance{to{opacity:1;transform:translateY(0)}}.v8-pero-animated .btn{width:100%}@media (prefers-reduced-motion:reduce){.v8-pero-animated .welcome-content-container,.v8-pero-animated .welcome-top,.v8-pero-animated .welcome-logo,.v8-pero-animated .welcome-subtitle,.v8-pero-animated .welcome-center,.v8-pero-animated .feature-list-item,.v8-pero-animated .welcome-bottom{opacity:1!important;animation:none!important;transform:none!important}.v8-pero-animated .welcome-logo{width:var(--v8-logo-w-sm)!important;margin-bottom:var(--v8-logo-mb)!important}}
