body{margin:0}h1{text-align:center}#hero-c{height:100vh;height:100svh;overflow:hidden;z-index:-2;margin-bottom:25vh}#hero-c-black{z-index:-1;position:fixed;top:0;bottom:0;width:100%;height:100vh;height:100lvh;background:#000;opacity:1}#hero-c-content{position:relative;height:100vh;height:100svh}#hero-c #hero-c-video{position:absolute;width:100%;height:100%;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}#hero-c #hero-c-info{color:#fff;opacity:1;transition:opacity .2s linear;width:100%}#hero-c-video video{position:absolute;width:100%;height:100%;z-index:-1;left:0;top:0;object-fit:cover}#hero-c-video video.mobile{display:none}@media screen and (max-width:600px){#hero-c-video video.desktop{display:none}#hero-c-video video.mobile{display:block}}main{background:#fff}#hero-c-info{position:relative;height:100%}#hero-c-info>div{width:72px;height:56px;position:absolute}@media screen and (min-width:1414px){#hero-c-info>div{height:60px}}#hero-c .main{width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease;padding:25px}#hero-c .main>div{max-width:var(--w-s)}#hero-c .main p{margin:5px 0;font-size:18pt;line-height:24pt}#hero-c .quote{font-weight:700;display:inline-block}#hero-c .quote span,#hero-c .quote-auhtor span{border-radius:8px;padding:0 8px}#hero-c .quote span{background-image:linear-gradient(130deg,#3d3548ca,#3c1e4bc3);border-radius:8px;background-attachment:fixed;-webkit-box-decoration-break:clone;box-decoration-break:clone}#hero-c .quote-auhtor{text-align:right}#hero-c .quote-auhtor span{background:#ac932ec8}#hero-c .exposure{bottom:36px;width:100%;text-align:center;height:auto;font-size:24px}#hero-c #hero-c-info-output{bottom:8px;width:100%;height:unset;text-align:center;font-size:12pt}#hero-c #hero-c-info-output span{font-size:10pt;color:#aaaa}#hero-c .rec{position:absolute;top:20px;right:0;font-size:12pt;padding-left:25px;height:auto;line-height:24px}#hero-c .rec:after{content:"";position:absolute;background:red;height:18px;width:18px;left:0;top:3px;border-radius:11px;animation:rec-blink 1s linear 2s infinite}@keyframes rec-blink{0%{background-color:red}50%{background-color:transparent}to{background-color:red}}@media screen and (min-width:480px){#hero-c .main p{font-size:20pt;line-height:28pt}#hero-c .quote{text-align:justify}}@media screen and (min-width:800px){#hero-c .main p{font-size:24pt;line-height:32pt}}#hotn{--hotn-color: #0f0c122f;background:linear-gradient(to bottom,var(--hotn-color),var(--bg-page));padding:75px var(--pd);padding-bottom:100px;position:relative}#hotn .content{position:relative;z-index:1}#hotn .content>div{margin:0 auto}#hotn .pattern{z-index:0;background-image:url(/assets/img/page/home/hotn_pattern.svg?v=2);background-repeat:repeat-x;height:90%;width:100%;position:absolute;bottom:0;left:0}#hotn .links{display:block;width:100%;max-width:420px;padding:15px;margin:0 auto}#hotn .links .links-content{transform:rotate(-45deg) scale(.75);margin-top:-25%;display:flex;flex-wrap:wrap}#hotn .links .links-content .sqrt{position:relative;width:50%}#hotn .links a{position:relative;display:block;border-radius:22px;overflow:hidden;margin:8px;color:#fff}#hotn .links a.about{position:absolute;width:50%;height:50%;bottom:0;left:0;background:#3f3f3f}#hotn .links a.about:hover{background:#ffffff48}#hotn .links a.about:hover img{transform:rotate(-45deg) scale(.85) translate(12px,-12px)}#hotn .links a.design{background:linear-gradient(100deg,#d1d1d1,#e6e6e6);color:#000}#hotn .links a.design:hover{background:#e6e6e6}#hotn .links a.games{background:linear-gradient(45deg,#d42b28,#f5663b)}#hotn .links a.games:hover{background:#eb5936}#hotn .links a.games:hover img{transform:rotate(-45deg) scale(1.12) translate(5px,-5px)}#hotn .links a.philosophy{background:linear-gradient(170deg,#3a324d,#332d40)}#hotn .links a.philosophy:hover{background:#3a324d}#hotn .links a img{width:100%;height:100%;padding:5px;vertical-align:middle;transition:transform .4s ease}#hotn .links a span{position:absolute;display:block;width:100%;left:0;bottom:-10px;transition:all .4s ease;opacity:0;text-align:center}#hotn .links a:hover img{transform:rotate(45deg) scale(1.12) translate(-5px,-5px)}#hotn .links a:hover span{bottom:10px;color:inherit;opacity:1}#hotn .text{max-width:420px}#hotn .text h1,#hotn .text h2{text-align:center;margin:5px 0}#hotn .text h1{color:transparent;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;clip-path:inset(1px);background-image:linear-gradient(25deg,#ffee71 0,#ffd56c 70%)}#hotn .text h2{font-size:1.17em;color:transparent;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;clip-path:inset(1px);background-image:radial-gradient(at 80%,at 20%,#ebe268 0,#eee365 60%,#6319a8 130%);background-image:radial-gradient(at 80% 20%,#ebe268,#ebe068 60%,#6319a8 130%)}#hotn .text p{margin:12px 0;text-align:center}#hotn h4{position:absolute;top:-36px;right:0;width:100%;margin:0;padding:0 15px;text-align:center;font-size:36px;font-weight:700;color:var(--hotn-color)}@media screen and (min-width:768px){#hotn .content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pd)}#hotn .content>div{width:0;flex:1;margin:0;max-width:unset}#hotn .text h1,#hotn .text h2,#hotn .text p{text-align:left}#hotn .text h4{text-align:right}#hotn .text .links{padding:10px}}#roadmap h2{text-align:center;margin-top:0;padding-top:128px}#roadmap p{text-align:center;margin:0}#roadmap img{width:100%;height:auto}