.hero-gate{display:none}html.hg-on .hero-gate{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#10275a;transition:opacity .55s ease,visibility 0s linear .55s}html.hg-on:not(.hg-done),html.hg-on:not(.hg-done) body{overflow:hidden}html.hg-done .hero-gate{opacity:0;visibility:hidden;pointer-events:none}
.hero-gate__inner{display:grid;justify-items:center;gap:clamp(28px,4vw,40px)}
.hero-gate__mark{width:clamp(112px,12vw,150px);height:auto}
.hero-gate__scene{display:grid;justify-items:center;width:clamp(230px,24vw,300px)}
.hero-gate__car{display:block;width:64%;height:auto;margin-bottom:-1px;animation:hg-bob .28s ease-in-out infinite alternate}
.hero-gate__wheel{transform-box:fill-box;transform-origin:center;animation:hg-spin .42s linear infinite}
.hero-gate__road{position:relative;display:block;width:100%;height:16px;border-radius:8px;overflow:hidden;background:#2a313c;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.hero-gate__road i{position:absolute;top:50%;left:0;right:-52px;height:3px;margin-top:-1.5px;background:repeating-linear-gradient(90deg,#fff 0 26px,transparent 26px 52px);animation:hg-road .42s linear infinite reverse}
@keyframes hg-road{to{transform:translateX(-52px)}}@keyframes hg-spin{to{transform:rotate(-360deg)}}@keyframes hg-bob{to{transform:translateY(-2px)}}
html:not(.menu-seen) .st-menu img:not(.st-menu__logo img){display:none!important}
@keyframes fv-pop{0%{opacity:0;scale:.55;translate:0 26px}60%{opacity:1;scale:1.07;translate:0 -4px}100%{opacity:1;scale:1;translate:0 0}}
@keyframes fv-drop{0%{opacity:0;translate:0 -36px}100%{opacity:1;translate:0 0}}
@keyframes fv-char{0%{opacity:0;scale:.4;translate:0 .45em}65%{opacity:1;scale:1.16;translate:0 -.06em}100%{opacity:1;scale:1;translate:0 0}}
html.hg-on:not(.fv-go) :is(header.st-header>.st-header__logo,header.st-header .st-nav__main,.top-fv .st-catch__box,.top-fv .st-catch__main,.top-fv .st-catch__en,.top-fv .st-kv-weather,.top-fv .st-refined-dispatch__guide,.top-fv .st-refined-dispatch__label,.top-fv .st-kv-actions__card){opacity:0!important}
html.fv-go :is(header.st-header>.st-header__logo,header.st-header .st-nav__main){animation:fv-drop .6s cubic-bezier(.2,.8,.2,1) backwards}
html.fv-go .top-fv :is(.st-catch__box,.st-catch__en){display:inline-block}
html.fv-go .top-fv .st-catch__box{animation:fv-pop .6s cubic-bezier(.34,1.56,.64,1) .15s backwards}
html.fv-go .top-fv .st-catch__main>span{display:inline-block;animation:fv-char .55s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(.32s + var(--delay,0ms) * 4.4)}
html.fv-go .top-fv .st-catch__en{animation:fv-pop .6s cubic-bezier(.34,1.56,.64,1) 1.05s backwards}
html.fv-go .top-fv .st-kv-weather{animation:fv-pop .6s cubic-bezier(.34,1.56,.64,1) 1.15s backwards}
html.fv-go .top-fv .st-refined-dispatch__guide{transform-origin:50% 100%;animation:fv-pop .75s cubic-bezier(.34,1.56,.64,1) 1.25s backwards}
html.fv-go .top-fv .st-refined-dispatch__label{animation:fv-pop .5s cubic-bezier(.34,1.56,.64,1) 1.4s backwards}
html.fv-go .top-fv .st-kv-actions__card{animation:fv-pop .6s cubic-bezier(.34,1.56,.64,1) backwards}
html.fv-go .top-fv .st-kv-actions__card:nth-child(1){animation-delay:1.5s}html.fv-go .top-fv .st-kv-actions__card:nth-child(2){animation-delay:1.65s}html.fv-go .top-fv .st-kv-actions__card:nth-child(3){animation-delay:1.8s}
