*{margin:0;padding:0}body{min-height:100vh;width:100vw;scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}*,*:before,*:after{box-sizing:border-box}html{background-color:#000;overflow-x:hidden;margin:0;position:relative;box-sizing:border-box}:root{--color-1:#03045E;--color-2:#023e8a;--color-3:#0077b6;--color-4:#0096c7;--color-5: #00b4d8;--color-6:#48cae4;--color-7:#90e0ef;--color-8:#ade8f4;--color-9: #caf0f8;--title-font: "Orbitron", sans-serif;--text-font: "Kanit", sans-serif}div.main{overflow-x:hidden}div.first-page .webgl{position:fixed;top:0;left:0;outline:none;display:block;width:100vw;height:100dvh;z-index:100}div.first-page div.main{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-family:var(--text-font);font-weight:400;font-style:normal;z-index:100;gap:14px;background:transparent;animation-name:opacityAnim;animation-duration:2s;animation-timing-function:ease-in-out;animation-delay:.3s;animation-iteration-count:1;animation-fill-mode:both}div.first-page div.main h1{color:#fff;font-size:1.6rem;text-align:center;font-family:var(--title-font);margin-top:12px}div.first-page div.main h1 span{color:var(--color-8)}div.first-page div.main .button-div{position:relative;display:flex;justify-content:center;align-items:stretch}div.first-page div.main .button-div div{width:100%;height:100%;position:absolute;z-index:1;top:0;background-color:#fff;clip-path:inset(50% 50% 50% 50%);transition:clip-path ease-in 1s}div.first-page div.main button{font-family:var(--title-font);font-weight:100;font-size:.7rem;font-style:normal;height:100%!important;text-align:center;position:relative;z-index:3;background-color:transparent;padding:3px 30px;border:solid 1px var(--color-8);color:#fff;box-shadow:0 0 #fff;transition:box-shadow .2s ease-in;margin-bottom:12px}div.first-page div.main button.mouseover{box-shadow:0 0 5px 1px var(--color-9)}div.first-page div.main button.mousedown{box-shadow:0 0 10px 2px var(--color-9)}@media screen and (max-width:480px){div.first-page div.main{gap:20px!important}div.first-page div.main h1{font-size:1.4rem!important}}@keyframes opacityAnim{0%{opacity:0}to{opacity:100%}}svg.menu-button g.top{transform:translate(.5px) translateY(-2.2px)}svg.menu-button g.bottom{transform:translate(.5px) translateY(2.2px)}svg.menu-button g.middle{transform:translate(.5px)}div.navbar{display:grid;width:100%;padding-right:3%;padding-left:3%;opacity:0%;position:fixed;top:0%;left:0;z-index:4;background-color:#000;box-sizing:border-box;grid-template-columns:repeat(2,1fr)}div.navbar div.logo{display:flex;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;align-items:center}div.navbar div.logo img{height:50px}div.navbar div.logo h1{color:#fff;font-size:1rem;font-family:var(--title-font)}div.navbar div.logo h1 span{color:var(--color-8)}div.navbar svg.menu-button{grid-column-start:2;grid-column-end:3;justify-self:end}div.navbar div.desktop-menu{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3;justify-self:end;align-self:center!important;color:#fff}div.navbar div.desktop-menu div.items{display:flex;justify-content:center;gap:clamp(15px,var(--menu-items-gap,30px),200px)}div.navbar div.desktop-menu a{text-decoration:none;color:#fff;font-family:var(--title-font);font-size:.8rem}div.navbar div.mobile-menu{width:100%;height:calc(100vh - 100%);display:none;position:absolute;top:100%;left:0;z-index:4;background-color:#000;padding-right:3%;padding-left:3%}div.navbar div.mobile-menu .close-part{width:100%;height:100%;background:linear-gradient(to bottom,#0000,#000 0%);z-index:1;position:absolute;top:0}div.navbar div.mobile-menu a{text-decoration:none;font-family:var(--title-font);color:#fff;font-size:2rem}div.navbar div.mobile-menu div.items{height:100%;width:100%;display:flex;flex-direction:column;gap:50px;justify-content:center}div.navbar div.mobile-menu div.items a:first-of-type{margin-top:5%}div.second-page{top:0;width:100%;display:none;visibility:hidden;overflow-y:visible;padding:0% 4%}div.second-page .webgl{position:fixed;top:0;left:0;outline:none;display:block;width:100vw;height:100vh;z-index:0}div.second-page div.title-part-container{position:relative;width:100%;height:100vh}div.second-page div.title-part-container div.title-part{width:100%;height:100vh;position:sticky;top:0;z-index:3;box-sizing:border-box}div.second-page div.title-part-container div.title-part :is(h1,h2){color:#fff}div.second-page div.title-part-container div.title-part div.titles{grid-row:5/13;margin-bottom:120px;width:90%;overflow-y:hidden;position:absolute;bottom:0}div.second-page div.title-part-container div.title-part div.titles div.gradient-closer{position:absolute;bottom:-50%;height:150%;width:100%;background:linear-gradient(0deg,black 0%,0%,transparent 100%)}div.second-page div.title-part-container div.title-part h1{font-family:var(--title-font);font-weight:700;font-size:clamp(1.7rem,4.5vw,3rem);text-shadow:0 0 8px black,0 0 12px black,0 0 16px black,0 0 20px black,0 0 24px black}div.second-page div.title-part-container div.title-part h1 span:first-of-type{color:var(--color-8)}div.second-page div.title-part-container div.title-part h1 span:last-of-type{color:var(--color-8)}div.second-page div.title-part-container div.title-part h2{font-family:var(--text-font);font-weight:400;font-size:clamp(1.1rem,2.5vw,1.8rem);margin-top:10px;width:100%;text-shadow:0 0 8px black,0 0 12px black,0 0 16px black,0 0 20px black,0 0 24px black}div.second-page div.intro-part{position:relative;z-index:2}div.second-page div.intro-part div[class*=intro]{height:150vh;width:100%;display:grid;grid-template-rows:repeat(12,1fr)}div.second-page div.intro-part div[class*=intro] div.text{grid-row-end:11;width:80%}div.second-page div.intro-part div[class*=intro] .header-container{margin-bottom:40px}div.second-page div.intro-part div[class*=intro] .header-container span,div.second-page div.intro-part div[class*=intro] h1{color:var(--color-8);font-family:var(--title-font);font-weight:500;line-height:1.2;font-size:clamp(1.6rem,3.2vw,2.1rem)}div.second-page div.intro-part div[class*=intro] .par-container{margin-bottom:20px}div.second-page div.intro-part div[class*=intro] .par-container span,div.second-page div.intro-part div[class*=intro] p{color:#fff;font-family:var(--text-font);font-weight:300;line-height:1.2;font-size:clamp(1.2rem,2.5vw,1.5rem);margin-top:40px;margin-bottom:15px}div.second-page div.intro-part div[class*=intro] ul{list-style:none}div.second-page div.intro-part div[class*=intro] li:nth-of-type(1){margin-top:15px}div.second-page div.intro-part div[class*=intro] .li-container{margin-top:20px;margin-bottom:8px}div.second-page div.intro-part div[class*=intro] .li-container span,div.second-page div.intro-part div[class*=intro] li{color:#fff;font-family:var(--text-font);font-weight:200;line-height:1.2;font-size:clamp(1rem,2vw,1.2rem);margin-top:10px}div.second-page div.intro-part div[class*=intro] div.all-ls-container{transition:opacity .5s ease-in}div.second-page div.intro-part div[class*=intro] div.all-ls-container.isOn{opacity:1}div.second-page div.intro-part div[class*=intro] div.all-ls-container.isOff{opacity:0}div.second-page div.intro-part div[class*=intro] div.split-word-border{transition:transform ease-in .5s;background-color:#fff9;height:3px;transform-origin:left}div.second-page div.intro-part div[class*=intro] div.split-word-border.isOn{transform:scaleX(1)!important}div.second-page div.intro-part div[class*=intro] div.split-word-border.isOff{transform:scaleX(0)}div.second-page div.intro-part div[class*=intro] div.split-word-div{overflow-y:hidden}div.second-page div.intro-part div[class*=intro] div.split-word-div span{display:inline-block;margin:0;transition:transform ease-in .5s}div.second-page div.intro-part div[class*=intro] div.split-word-div span.isOn{transform:translateY(0)}div.second-page div.intro-part div[class*=intro] div.split-word-div span.isOff:not([class*=noTransform]){transform:translateY(100%)}div.second-page div.intro-part div[class*=intro] p,div.second-page div.intro-part div[class*=intro] h1,div.second-page div.intro-part div[class*=intro] li,div.second-page div.intro-part div[class*=intro] span{text-shadow:0 0 2px black,0 0 4px black,0 0 6px black,0 0 8px black,0 0 10px black,0 0 12px black,0 0 14px black}div.second-page div.intro-part div[class*=intro] div.border{width:100%;position:relative;height:3px;background-color:#fff;opacity:.7}@media screen and (max-width: 400px){.title-part-container .titles{width:100%!important}}@media screen and (min-width: 700px){.navbar :is(svg.menu-button,.mobile-menu){display:none!important}}@media screen and (max-width:700px){.navbar .desktop-menu{display:none!important}}@media screen and (min-width:1200px){div.second-page{padding:0% 9%!important}div.second-page .navbar{padding:0 8%!important}}@media screen and (min-width:400px) and (max-width:750px){div.intro-part div.text{width:75%!important}}@media screen and (min-width:750px) and (max-width:1200px){div.intro-part div.text{width:55%!important}}@media screen and (min-width:1200px) and (max-width:1600px){div.intro-part div.text{width:55%!important}}@media screen and (min-width:1600px) and (max-width:5000px){div.intro-part div.text{width:50%!important}}