#p_vaelorans{min-height:6000px}#p_vaelorans #vaetitle .top{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:150px}#p_vaelorans #vaetitle .top .sh{color:var(--b);font-size:2rem}#p_vaelorans #vaetitle .top .sth{font-size:8rem;line-height:1;filter:drop-shadow(0 0 24px white);color:#fff;text-align:center}@media screen and (max-width:1280px){#p_vaelorans #vaetitle .top .sth{font-size:5rem}}@media screen and (max-width:1024px){#p_vaelorans #vaetitle .top .sth{font-size:3rem}}#p_vaelorans #vaetitle #hovercube{width:1480px;height:700px;margin:-50px auto 0;position:relative;z-index:1}@media screen and (max-width:1024px){#p_vaelorans #vaetitle #hovercube{transform:translateX(-30%)}}@media screen and (max-width:550px){#p_vaelorans #vaetitle #hovercube{scale:.7;transform:translateX(-50%)}}#p_vaelorans #vaetitle #hovercube .floor-magic{width:100%;height:100%;scale:1.5;position:absolute;z-index:-20;top:20%;animation:floormagic 5s ease infinite alternate,floorblink 1s linear infinite alternate}@keyframes floormagic{0%{rotate:-4deg}to{rotate:4deg}}@keyframes floorblink{0%{opacity:.5}to{opacity:1}}#p_vaelorans #vaetitle #hovercube .center-crystal{position:absolute;left:calc(50% - 150px);width:300px;top:40%;animation:centerrock 2s cubic-bezier(.55,.085,.68,.53) infinite alternate-reverse}#p_vaelorans #vaetitle #hovercube .elips{position:absolute;left:calc(50% - 250px);width:500px;top:40%;animation:centerrock 2s cubic-bezier(.55,.085,.68,.53) infinite alternate-reverse,rotate 10s linear infinite;opacity:.5;mix-blend-mode:difference}#p_vaelorans #vaetitle #hovercube .elips.b{mix-blend-mode:color-dodge;animation:centerrock 2.5s cubic-bezier(.55,.085,.68,.53) infinite alternate-reverse,rotate linear 15s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.4s}@keyframes centerrock{0%{transform:translateY(-5%)}to{transform:translateY(10%)}}@keyframes rotate{0%{rotate:1turn}to{rotate:0deg}}#p_vaelorans .scroll{max-width:min(1440px,80%);margin:0 auto;position:relative;z-index:1;background:url(/b/bgscroller.png),linear-gradient(180deg,#b26be1,rgba(205,187,255,.7529411765));background-blend-mode:multiply;padding:100px 2em 200px;transition:height 1.5s ease}#p_vaelorans .scroll #sfoot{height:50px;background:url(/b/bg_scrolledge.png);background-size:100% 100%;scale:1.2;border-radius:4em;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;width:100%;left:0;transform-origin:center}@media screen and (max-width:800px){#p_vaelorans .scroll #sfoot .btn-main{font-size:1.2rem}}#p_vaelorans .scroll #stop{height:50px;background:url(/b/bg_scrolledge.png);background-size:100% 100%;scale:1.2;border-radius:4em;display:flex;justify-content:center;align-items:center;transform-origin:center;position:absolute;top:0;width:100%;left:0}#p_vaelorans .scroll .vh{font-family:var(--fontS);font-weight:lighter;font-size:5rem;color:#fff;padding:.25em 3em;position:relative;line-height:1;text-align:center}@media screen and (max-width:1280px){#p_vaelorans .scroll .vh{font-size:3.5rem}}@media screen and (max-width:800px){#p_vaelorans .scroll .vh{font-size:2.5rem;width:100%}}@media screen and (max-width:500px){#p_vaelorans .scroll .vh{font-size:1.4rem}}#p_vaelorans .scroll .vh:before{content:"";position:absolute;bottom:20%;left:0;width:100%;height:43%;background:#6a438e;z-index:-1}#p_vaelorans .scroll #general-vae{display:flex;flex-direction:column;justify-content:center;align-items:center}#p_vaelorans .scroll #general-vae .hr{height:30px;margin-top:-10px}#p_vaelorans .scroll #general-vae .title{font-size:2rem;color:var(--b)}#p_vaelorans .scroll #general-vae .var{height:350px}#p_vaelorans .scroll #general-vae .desc{background:linear-gradient(to bottom,var(--b),var(--p));max-width:80%;margin:0 auto;padding:2em;border:none;box-shadow:0 0 14px rgba(86,38,131,.9333333333)}#p_vaelorans .scroll #general-vae .desc:before{opacity:.2}#p_vaelorans .scroll #general-vae .desc:after{opacity:1}#p_vaelorans .scroll #general-vae .desc p{text-align:center;font-size:2rem;text-shadow:0 0 4px rgba(106,67,142,.3137254902)}@media screen and (max-width:1280px){#p_vaelorans .scroll #general-vae .desc p{font-size:1.5rem}}@media screen and (max-width:800px){#p_vaelorans .scroll #general-vae .desc p{font-size:1rem}}#p_vaelorans .scroll #general-vae .desc{color:#fff}#p_vaelorans .scroll #anatomy{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:100px 0}@media screen and (max-width:1024px){#p_vaelorans .scroll #anatomy{flex-direction:column}}#p_vaelorans .scroll #anatomy .traits-list{display:flex;justify-content:start;flex-direction:column;margin:50px 0;gap:2em;width:100%}#p_vaelorans .scroll #anatomy .traits-list .trait:hover{transform:scale(1.05)}#p_vaelorans .scroll #anatomy .traits-list .trait:nth-child(2n){transform:translateX(10%)}#p_vaelorans .scroll #anatomy .traits-list .trait{min-height:14px;width:70%;transition:all .8s ease;border-radius:initial;display:grid;grid-template-columns:200px 1fr;grid-gap:4em;gap:4em;padding:1em;align-items:center}@media screen and (max-width:1024px){#p_vaelorans .scroll #anatomy .traits-list .trait{width:100%;grid-template-columns:90px 1fr}}@media screen and (max-width:550px){#p_vaelorans .scroll #anatomy .traits-list .trait{display:flex;flex-direction:column}}#p_vaelorans .scroll #anatomy .traits-list .trait .icon{scale:1.3;width:100%}@media screen and (max-width:1280px){#p_vaelorans .scroll #anatomy .traits-list .trait .icon{scale:1.1}}@media screen and (max-width:800px){#p_vaelorans .scroll #anatomy .traits-list .trait .icon{scale:1}}#p_vaelorans .scroll #anatomy .traits-list .trait p{font-size:1.8rem;color:#4b94fb;text-shadow:0 0 4px #4b94fb}@media screen and (max-width:800px){#p_vaelorans .scroll #anatomy .traits-list .trait p{font-size:1.2rem}}#p_vaelorans .scroll #anatomy{position:relative}#p_vaelorans .scroll #anatomy .gems{position:absolute;right:-10%;width:30%;top:30%;background:rgba(29,30,56,.5607843137);border-radius:50%;aspect-ratio:1/1}@media screen and (max-width:1024px){#p_vaelorans .scroll #anatomy .gems{position:relative;width:50%}}#p_vaelorans .scroll #anatomy .gems img{object-fit:contain;scale:1.4;width:100%;height:100%}#p_vaelorans .scroll #jasper{display:grid;grid-template-columns:1.3fr 2fr;grid-gap:200px;gap:200px;max-width:80%;margin:0 auto;align-items:center}#p_vaelorans .scroll #jasper .l{position:relative;width:100%;height:100%}#p_vaelorans .scroll #jasper .l .panel{position:absolute;left:0;top:0;width:100%;z-index:-10;height:100%}#p_vaelorans .scroll #jasper .l .jasper{width:650px;position:absolute;scale:1;animation:jasper 5s ease infinite alternate;right:-30%}@media screen and (max-width:1440px){#p_vaelorans .scroll #jasper .l .jasper{width:420px}}@keyframes jasper{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-5%) rotate(-3deg)}}@media screen and (max-width:1440px){#p_vaelorans .scroll #jasper{gap:100px}#p_vaelorans .scroll #jasper .l{height:400px}}@media screen and (max-width:1024px){#p_vaelorans .scroll #jasper{display:flex;flex-direction:column}#p_vaelorans .scroll #jasper .l .panel{height:400px;position:relative}}#p_vaelorans .scroll #jasper .r{width:100%}#p_vaelorans .scroll #jasper .r .rhead{display:flex;flex-direction:column}#p_vaelorans .scroll #jasper .r .rhead .sh{font-size:1.8rem;color:var(--b);text-shadow:0 0 4px rgba(0,0,0,.678)}#p_vaelorans .scroll #jasper .r .rhead .vh{text-align:left;padding:.25em;width:100%;margin-top:-30px;line-height:1;font-family:var(--fontSR)}#p_vaelorans .scroll #jasper .r .desc{color:#fff;font-weight:lighter;font-size:1.2rem}@media screen and (max-width:1280px){#p_vaelorans .scroll #jasper .r .desc{font-size:.9rem}}#p_vaelorans .scroll #jasper .r .desc p{margin-bottom:.5em;text-shadow:0 0 4px hsla(0,0%,100%,.555)}#p_vaelorans .scroll #jasper .r .message{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;height:250px;padding:3em}@media screen and (max-width:1440px){#p_vaelorans .scroll #jasper .r .message{height:300px}}#p_vaelorans .scroll #jasper .r .message .msh{color:gray;opacity:.7;text-align:center;text-decoration:underline}#p_vaelorans .scroll #jasper .r .message .quote{font-size:2rem;text-align:center;color:var(--b)}@media screen and (max-width:1440px){#p_vaelorans .scroll #jasper .r .message .quote{font-size:1.6rem}}#p_vaelorans .scroll #jasper .r .message .oribon{position:absolute;bottom:-25px;height:50px}