#site-intro{position:fixed;inset:0;z-index:999999;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#141414 0%,#000 75%);animation:siBgOut .6s ease 2.1s forwards;}
#site-intro__frame{position:absolute;inset:28px;pointer-events:none;}
#site-intro__frame i{position:absolute;background:rgba(255,255,255,.55);}
#site-intro__frame i.t,#site-intro__frame i.b{left:0;right:0;height:1px;transform:scaleX(0);animation:siFrameX .5s ease .1s forwards,siFrameXOut .5s ease 2.1s forwards;}
#site-intro__frame i.l,#site-intro__frame i.r{top:0;bottom:0;width:1px;transform:scaleY(0);animation:siFrameY .5s ease .25s forwards,siFrameYOut .5s ease 2.1s forwards;}
#site-intro__frame i.t{top:0;}
#site-intro__frame i.b{bottom:0;}
#site-intro__frame i.l{left:0;}
#site-intro__frame i.r{right:0;}
#site-intro__stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;}
#site-intro__car{width:190px;opacity:0;filter:blur(18px);transform:scale(1.18);animation:siCarFocus .9s cubic-bezier(.22,.61,.36,1) .25s forwards;}
#site-intro__car img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.65));}
#site-intro__underline{margin-top:22px;width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:siLine .4s ease .9s forwards;}
#site-intro__mark{margin-top:16px;font-family:"Montserrat",sans-serif;font-weight:500;font-size:12px;letter-spacing:1em;color:rgba(255,255,255,.7);text-transform:uppercase;opacity:0;animation:siMarkIn .6s ease 1.1s forwards;}
@keyframes siFrameX{to{transform:scaleX(1);}}
@keyframes siFrameY{to{transform:scaleY(1);}}
@keyframes siFrameXOut{to{transform:scaleX(0);}}
@keyframes siFrameYOut{to{transform:scaleY(0);}}
@keyframes siCarFocus{0%{opacity:0;filter:blur(18px);transform:scale(1.18);}100%{opacity:1;filter:blur(0);transform:scale(1);}}
@keyframes siLine{to{width:170px;}}
@keyframes siMarkIn{from{opacity:0;letter-spacing:1.6em;}to{opacity:1;letter-spacing:1em;}}
@keyframes siBgOut{to{opacity:0;visibility:hidden;pointer-events:none;}}
#site-intro.si-skip{display:none;}
@media (prefers-reduced-motion: reduce){
  #site-intro{animation:siBgOut .01s linear .01s forwards;}
  #site-intro__frame i{animation:none;transform:none;}
  #site-intro__car{animation:none;opacity:1;filter:none;transform:none;}
  #site-intro__underline{animation:none;width:170px;}
  #site-intro__mark{animation:none;opacity:1;letter-spacing:1em;}
}
