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}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 15px 100px;position:relative}#hotn .content{position:relative;z-index:1}#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 h1,#hotn h2{text-align:center;margin:5px 0}#hotn 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 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 .links{display:block;width:100%;max-width:420px;padding:15px;margin:0 auto}#hotn .links .content{transform:rotate(-45deg) scale(.75);margin-top:-25%}#hotn .links>.content>div{position:relative}#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 a.design{background:linear-gradient(100deg,#d1d1d1,#e6e6e6);color:#000}#hotn .games{background:linear-gradient(45deg,#d42b28,#f5663b)}#hotn .philosophy{background:linear-gradient(170deg,#3a324d,#332d40)}#hotn .links a.about:hover{background:#ffffff48}#hotn a.design:hover{background:#e6e6e6}#hotn .games:hover{background:#eb5936}#hotn .philosophy:hover{background:#3a324d}#hotn .links a img{width:100%;height:100%;padding:5px;vertical-align:middle;transition:transform .4s ease}#hotn .links a:hover img{transform:rotate(45deg) scale(1.12) translate(-5px,-5px)}#hotn .links a.games:hover img{transform:rotate(-45deg) scale(1.12) translate(5px,-5px)}#hotn .links a.about:hover img{transform:rotate(-45deg) scale(.85) translate(12px,-12px)}#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 span{bottom:10px;color:inherit;opacity:1}#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{padding:75px 20px}#hotn h1,#hotn h2{text-align:left}#hotn h4{text-align:right}#hotn .links{padding:10px}#hotn .text{padding-left:25px}}h2#v-areas-title{text-align:center;padding-top:128px;margin-top:0;margin-bottom:28px;font-size:24pt;color:#dcac58}#v-areas{margin:0 auto 64px;padding:0 var(--pd)}#v-areas .area{position:relative;height:240px;overflow:hidden;margin:24px 0;border-radius:18px}#v-areas .card{display:block;position:relative;height:100%}#v-areas img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;z-index:2}#v-areas h2{display:block;position:absolute;left:0;bottom:0;width:100%;padding:0 12px;margin:0;z-index:3;line-height:36px;font-size:16pt;text-align:center;color:var(--color-base-1);object-fit:cover;background:#8d59159e;transition:bottom .4s ease,opacity .3s ease;border-radius:18px 18px 0 0}#v-areas .creator{position:absolute;right:8px;top:36px;z-index:4;background:#1b1923b3;color:#f2d44e;padding:4px 8px;border-radius:16px;opacity:0;transition:opacity .35s ease,top .4s ease;width:min-content;text-decoration:none}#v-areas .area:hover .creator{top:8px;opacity:1}@media screen and (min-width:344px){h2#v-areas-title{font-size:28pt}#v-areas{display:grid;grid-template-columns:1fr 1fr;gap:var(--pd)}#v-areas .area{border-radius:24px;margin:0;height:280px}#v-areas .area:nth-child(2n){transform:translateY(50%)}#v-areas img{border-radius:24px}#v-areas h2{text-align:left;width:unset;left:8px;bottom:8px;line-height:44px;border-radius:16px;background:#1b1923b3}#v-areas .creator{font-size:10pt}}@media screen and (min-width:480px){h2#v-areas-title{font-size:32pt}#v-areas .area{border-radius:24px;margin:0;height:360px}#v-areas h2{text-align:left;width:unset;left:8px;bottom:8px;border-radius:16px;font-size:18pt;line-height:48px}#v-areas .creator{font-size:12pt}}@media screen and (min-width:860px){h2#v-areas-title{font-size:36pt;margin-bottom:32px}#v-areas{display:flex;max-width:1800px}#v-areas .area{width:0;height:90vh;height:calc(100vh - 128px);max-height:1024px;flex:1;background:var(--bg-box);border-radius:32px}#v-areas .area:nth-child(2n){transform:unset}#v-areas img{position:absolute;left:0;top:0;height:100%;width:100%;border-radius:32px;transition:top .4s ease,opacity .25s ease;object-fit:cover;opacity:.75}#v-areas .area:hover img{top:-64px;opacity:1}#v-areas h2{position:absolute;left:0;bottom:-32px;width:100%;transition:bottom .4s ease,opacity .3s ease;object-fit:cover;z-index:1;padding:0 12px;line-height:64px;height:64px;opacity:0;color:var(--color-base-1);text-align:center;font-size:20pt;background:none}#v-areas .area:hover h2{bottom:0;opacity:1}#v-areas .creator{transform:rotate(90deg) translate(100%);transform-origin:100% 0%;padding:12px 18px;border-radius:24px}}@media screen and (min-width:1024px){#v-areas h2{font-size:24pt}}#roadmap h2{text-align:center;margin-top:0;padding-top:128px}#roadmap p{text-align:center;margin:0}#roadmap img{width:100%;height:auto}