#main-vision{justify-content:center;align-items:center;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}#main-vision>div{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#main-vision>.shade p{word-break:keep-all;padding:1em;font-size:1.6em;line-height:1.8;transform:translateY(-50px)}#main-vision>.shade{mix-blend-mode:soft-light;opacity:0;background-color:#000a;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;transition:all 2s;display:flex}#main-vision.loaded>.shade{opacity:1}#main-vision .line-wrapper{width:100%;display:flex;transform:translateY(50px)}#main-vision .line{background-color:#0000;width:25%;height:1px;position:relative}#main-vision .line:before{content:"";background-color:#fff;width:0;height:1px;position:absolute;top:0;left:0}#main-vision .line:after{content:"";opacity:0;background-color:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}#main-vision .line:first-child:before{animation:3s linear forwards lineExt}#main-vision .line:first-child:after{animation:.3s linear 3s forwards dotAppear}#main-vision .line:nth-child(2):before{animation:3s linear 3s forwards lineExt}#main-vision .line:nth-child(2):after{animation:.3s linear 6s forwards dotAppear}#main-vision .line:nth-child(3):before{animation:3s linear 6s forwards lineExt}#main-vision .line:nth-child(3):after{animation:.3s linear 9s forwards dotAppear}#main-vision .line:nth-child(4):before{animation:3s linear 9s forwards lineExt}#main-vision .line:nth-child(4):after{display:none}#main-vision .line>.label{color:#fff;white-space:nowrap;opacity:0;text-align:center;width:300px;font-size:1.2em;font-weight:600;position:absolute;top:-50px;right:0;transform:translate(calc(50% - 7px))}#main-vision .line:first-child>.label{animation:.3s linear 3s forwards labelAppear}#main-vision .line:nth-child(2)>.label{animation:.3s linear 6s forwards labelAppear}#main-vision .line:nth-child(3)>.label{animation:.3s linear 9s forwards labelAppear}@keyframes labelAppear{0%{opacity:0;transform:translate(calc(50% - 7px))translateY(20px)}to{opacity:1;transform:translate(calc(50% - 7px))translateY(0)}}@keyframes lineExt{0%{width:0}to{width:100%}}@keyframes dotAppear{0%{opacity:0;transform:translateY(-50%)scale(0)}to{opacity:1;transform:translateY(-50%)scale(1)}}#main-vision iframe{opacity:0;width:177.77vh;min-width:100vw;height:100vh;min-height:56.25vw;transition:opacity 2s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)}#main-vision.loaded iframe{opacity:.5}@media (max-width:768px){#main-vision .line>.label{font-size:.8em;top:-30px}}