.btn{--crop-width:30px;--crop-height:5px;--border-width:2px;align-items:center;background:var(--background);-webkit-clip-path:polygon(0 var(--crop-height),calc(100% - var(--crop-width) - var(--crop-height)) var(--crop-height),calc(100% - var(--crop-width)) 0,100% 0,100% 100%,calc(var(--crop-width) + var(--crop-height)) 100%,calc(var(--crop-width)) calc(100% - var(--crop-height)),0 calc(100% - var(--crop-height)));clip-path:polygon(0 var(--crop-height),calc(100% - var(--crop-width) - var(--crop-height)) var(--crop-height),calc(100% - var(--crop-width)) 0,100% 0,100% 100%,calc(var(--crop-width) + var(--crop-height)) 100%,calc(var(--crop-width)) calc(100% - var(--crop-height)),0 calc(100% - var(--crop-height)));color:var(--color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--button-font);font-size:var(--button-font-size);font-weight:600;justify-content:center;line-height:var(--button-line-height);min-width:140px;padding:20px 30px;position:relative}.btn.transparent{--background:transparent;--color:var(--white-color)}.btn.white{--background:var(--white-color)}.btn.badlands-gradient,.btn.citadel-gradient,.btn.frontier-gradient,.btn.grove-gradient,.btn.white{--color:#000}.btn.badlands-gradient{--background:linear-gradient(45deg,#ffb800,#ffbac3)}.btn.frontier-gradient{--background:linear-gradient(45deg,#60b3ff,#6bb3bd)}.btn.grove-gradient{--background:linear-gradient(45deg,#68e3d5,#b24ac2)}.btn.citadel-gradient{--background:linear-gradient(45deg,#8ff2f8,#ffd84e)}.btn:not(.white):after{background-color:var(--color);-webkit-clip-path:polygon(0 var(--crop-height),calc(100% - var(--crop-width) - var(--crop-height)) var(--crop-height),calc(100% - var(--crop-width)) 0,100% 0,100% 100%,calc(var(--crop-width) + var(--crop-height)) 100%,calc(var(--crop-width)) calc(100% - var(--crop-height)),0 calc(100% - var(--crop-height)),0 calc(100% - var(--crop-height) - var(--border-width)),calc(var(--crop-width) + var(--border-width)) calc(100% - var(--crop-height) - var(--border-width)),calc(var(--crop-width) + var(--border-width) + var(--crop-height)) calc(100% - var(--border-width)),calc(100% - var(--border-width)) calc(100% - var(--border-width)),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--crop-width) + var(--border-width)) var(--border-width),calc(100% - var(--crop-width) + var(--border-width) - var(--crop-height)) calc(var(--border-width) + var(--crop-height)),var(--border-width) calc(var(--crop-height) + var(--border-width)),var(--border-width) calc(100% - var(--crop-height) - var(--border-width)),0 calc(100% - var(--crop-height) - var(--border-width)));clip-path:polygon(0 var(--crop-height),calc(100% - var(--crop-width) - var(--crop-height)) var(--crop-height),calc(100% - var(--crop-width)) 0,100% 0,100% 100%,calc(var(--crop-width) + var(--crop-height)) 100%,calc(var(--crop-width)) calc(100% - var(--crop-height)),0 calc(100% - var(--crop-height)),0 calc(100% - var(--crop-height) - var(--border-width)),calc(var(--crop-width) + var(--border-width)) calc(100% - var(--crop-height) - var(--border-width)),calc(var(--crop-width) + var(--border-width) + var(--crop-height)) calc(100% - var(--border-width)),calc(100% - var(--border-width)) calc(100% - var(--border-width)),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--crop-width) + var(--border-width)) var(--border-width),calc(100% - var(--crop-width) + var(--border-width) - var(--crop-height)) calc(var(--border-width) + var(--crop-height)),var(--border-width) calc(var(--crop-height) + var(--border-width)),var(--border-width) calc(100% - var(--crop-height) - var(--border-width)),0 calc(100% - var(--crop-height) - var(--border-width)));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.btn .corner-1{-webkit-clip-path:polygon(100% 0,0 0,0 100%);clip-path:polygon(100% 0,0 0,0 100%);left:calc(var(--border-width) + 3px);top:calc(var(--crop-height) + var(--border-width) + 3px)}.btn .corner-1,.btn .corner-2{background-color:var(--color);height:15px;position:absolute;width:15px}.btn .corner-2{bottom:calc(var(--border-width) + 3px);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);right:calc(var(--border-width) + 3px)}.btn .btn-icon{height:1em;margin-left:.5em;margin-top:-.25em;width:1em}.gem{height:100px;width:100px}.gem stop{transition:.3s}.faction-preview{grid-column-gap:1rem;align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-areas:"title gem" "image none";grid-template-columns:auto auto;justify-content:flex-end}.faction-preview .title-container{grid-area:title}.faction-preview .title-container .faction-title{font-weight:var(--weight-medium);text-transform:uppercase;white-space:nowrap}.faction-preview .gem-container{grid-area:gem;height:80px;width:80px}.faction-preview .gem-container svg{max-height:100%;max-width:100%}.faction-preview .image-container{grid-area:image;margin-left:auto;overflow-y:clip;position:relative;transition:.3s}.faction-preview .image-container img{border:3px solid #646464;display:block;width:20vw}.faction-preview .image-container .corner{background-color:#fff;bottom:8px;-webkit-clip-path:polygon(0 0,100% 100%,0 100%,0 0);clip-path:polygon(0 0,100% 100%,0 100%,0 0);height:20px;left:8px;position:absolute;width:20px}.faction-preview .image-container .btn{margin-left:-25%;position:absolute;top:calc(50% - 31.2px)}@media screen and (max-width:870px){.faction-preview .image-container .corner{bottom:5px;height:15px;left:5px;width:15px}.faction-preview .image-container .btn{margin-left:-40%}}@media screen and (max-width:800px){.faction-preview .gem-container{height:50px;width:50px}.faction-preview .image-container{height:auto}.faction-preview .image-container img{width:70vw}.faction-preview .image-container .btn{left:25px;margin-left:0;top:calc(100% - 65px)}.faction-preview .image-container .spacer{content:"";display:block;height:30px;width:1px}.faction-preview .image-container .corner{bottom:35px}}@media screen and (max-width:400px){.faction-preview .title-container .faction-title{padding-left:1rem;text-align:right;white-space:normal}}.factions-container{display:flex;flex-direction:column;gap:1rem;position:relative}.factions-container:after{background-color:#fff;content:"";height:100%;position:absolute;right:32.5px;width:7.5px}@media screen and (max-width:800px){.factions-container{gap:3rem}.factions-container:after{right:21px;width:4px}}@media screen and (max-width:350px){.factions-container{gap:2rem}}.side-menu{--gap:2.5rem;background-color:transparent;display:flex;flex-direction:row;gap:var(--gap);height:var(--menu-height);justify-content:center;left:0;position:absolute;top:calc(var(--menu-height)*-1);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;width:100vh;z-index:var(--z-menu)}.side-menu .menu-link{color:hsla(0,0%,100%,.7);display:none;font-family:var(--button-font);font-size:var(--button-font-size);font-weight:var(--weight-medium);line-height:var(--button-line-height);text-decoration:none;text-transform:capitalize}.side-menu .menu-link.active{color:var(--white-color);font-weight:var(--weight-bold)}.side-menu .menu-link.display{align-items:center;display:flex;flex-direction:row;gap:var(--gap)}.side-menu .menu-link.display+.menu-link.display:before{content:url(/dusktopia/static/media/menu-divider.9093067cf66e4c60fac6.svg)}@media screen and (max-width:800px){.side-menu{display:none}}.faction-more{background-position:50%;background-size:cover;display:flex;flex-direction:row;height:100vh;left:0;max-width:100vw;opacity:0;padding-left:calc(var(--menu-height) + 20px);padding-top:1.5rem;position:fixed;top:100vh;transition:.3s;width:100vw;z-index:var(--z-faction-more)}.faction-more.active{opacity:1;top:0}.faction-more .content{display:flex;flex:1 1;flex-direction:column;z-index:2}.faction-more .content .buttons-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2rem}.faction-more .content .buttons-container .close-mobile,.faction-more .content .buttons-container .next-mobile{display:none}.faction-more .content .title-container{display:flex;flex-direction:row;height:80px;margin-bottom:2rem}.faction-more .content .title-container .desktop-title{height:100%;max-height:100%}.faction-more .content .title-container .mobile-title{display:none}.faction-more .content .description-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;max-width:1000px}.faction-more .content .description-container .description{font-family:MoveX;font-size:var(--normal-scaled-font-size);font-weight:700;line-height:var(--normal-scaled-line-height);text-transform:uppercase}.faction-more .content .objects-container{display:flex;flex-direction:row;gap:1.5rem;justify-content:center}.faction-more .content .objects-container .group{display:flex;flex-direction:column;gap:1.5rem}.faction-more .content .objects-container .group:nth-of-type(2n){padding-top:2rem}.faction-more .content .objects-container .group .object-card{align-items:center;-webkit-backdrop-filter:blur(46px);backdrop-filter:blur(46px);background:hsla(0,0%,100%,.2);border-image:linear-gradient(to right bottom,#fff,transparent,transparent,#fff) 1;border-style:solid;border-width:2px;display:flex;height:calc(25vw - var(--menu-height)/4 - var(--menu-height)/4 - 10px - 1.125rem);justify-content:center;max-height:200px;max-width:250px;padding:1rem;width:calc(25vw - var(--menu-height)/4 - var(--menu-height)/4 - 10px - 1.125rem)}.faction-more .content .objects-container .group .object-card img{max-height:100%;max-width:100%}.faction-more .content .objects-container .group .object-card.normal:nth-of-type(2n){margin-top:2rem}.faction-more .gem-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:calc(var(--menu-height) + 30px)}.faction-more .gem-container .gem{margin-top:-15px;width:80%;z-index:1}.faction-more .gem-container:after{background:#646464;content:"";height:300px;margin-left:7.5px;margin-top:-30px;width:5px}.faction-more .faction-more-ellipse{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;bottom:-20vh;-webkit-filter:blur(250px);filter:blur(250px);height:60vh;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);width:50%;z-index:1}.faction-more .faction-more-ellipse-1{left:0}.faction-more .faction-more-ellipse-2{right:0}@media screen and (max-width:800px){.faction-more{padding-left:2rem;padding-right:2rem}.faction-more .content{max-height:100vh;max-width:100%;overflow:hidden;position:relative}.faction-more .content .buttons-container .btn{display:none}.faction-more .content .buttons-container .close-mobile,.faction-more .content .buttons-container .next-mobile{align-items:center;display:flex;justify-content:center}.faction-more .content .buttons-container .close-mobile img,.faction-more .content .buttons-container .next-mobile img{height:100%;max-height:100%;max-width:100%;width:100%}.faction-more .content .buttons-container .next-mobile{height:40px;margin-right:10px;width:30px}.faction-more .content .buttons-container .close-mobile{height:40px;width:40px}.faction-more .content .title-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}.faction-more .content .title-container .desktop-title{display:none}.faction-more .content .title-container .mobile-title{display:inline;display:initial;max-width:100%}.faction-more .content .scroll-container{overflow:auto}.faction-more .content .description-container{max-width:100%}.faction-more .content .objects-container{flex-direction:column}.faction-more .content .objects-container .group{align-items:center}.faction-more .content .objects-container .group .object-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:calc(100vw - 4rem);-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100vw - 4rem)}.faction-more .gem-container{display:none}}@media screen and (max-width:350px){.faction-more{padding-left:1rem;padding-right:1rem}}@media screen and (max-width:800px){.faction-more .faction-more-ellipse{display:none}}.subtitle{align-items:flex-end;display:inline-flex;flex-direction:column}.subtitle .text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ffb800,#ffbac3);-webkit-background-clip:text;background-clip:text;font-family:Mazzard;font-size:var(--normal-scaled-font-size);font-weight:700;line-height:var(--normal-scaled-line-height);margin-bottom:-5px;padding-right:10px;text-transform:uppercase}.subtitle .underline{height:12px}.subtitle.type-1 .underline{content:url(/dusktopia/static/media/underline-1.991fd916fd828d39c0b8.svg)}.subtitle.type-2 .underline{content:url(/dusktopia/static/media/underline-2.fd9aa5d6697e4504e92c.svg)}.homepage .section{overflow:hidden;position:relative}.homepage .home{align-items:center;background-image:url(/dusktopia/static/media/hero.b4b63123f0b4b2d49de3.png);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding-left:calc(var(--menu-height) + 1rem);padding-right:calc(var(--menu-height) + 1rem)}.homepage .home .content{align-items:center;display:flex;flex-direction:column;gap:2rem}.homepage .home .content .section-title{letter-spacing:1rem;text-align:center}.homepage .home .content .button-container{display:flex;flex-direction:row;gap:1.5rem}.homepage .home .ellipse-1{background-color:#f1a347;left:-25%;opacity:.7}.homepage .home .ellipse-1,.homepage .home .ellipse-2{border-radius:50%;bottom:-25%;-webkit-filter:blur(150px);filter:blur(150px);height:30vw;position:absolute;width:50vw;z-index:0}.homepage .home .ellipse-2{background-color:rgba(255,114,190,.5);right:-25%}.homepage .factions{background-image:url(/dusktopia/static/media/planet.e8fb98347662b6d5657c.png);background-position:50%;background-size:cover;min-height:100vh}.homepage .factions .section-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;min-height:inherit;width:100%;z-index:2}.homepage .factions .section-content *{z-index:2}.homepage .factions .section-content .title-container{flex:1 1;text-align:center}.homepage .factions .section-content .title-container .section-title{letter-spacing:1rem}@media screen and (max-width:870px){.homepage .factions .section-content{gap:1rem;justify-content:flex-end}.homepage .factions .section-content .title-container{flex:initial}}.homepage .factions .ellipse{z-index:0}.homepage .factions .ellipse-1{background:#ff72be;-webkit-filter:blur(20vw);filter:blur(20vw);height:35vw;left:15%;position:absolute;top:25%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:50vw}.homepage .factions .ellipse-2{background:rgba(255,214,0,.5);-webkit-filter:blur(15vw);filter:blur(15vw);height:25vw;left:50%;position:absolute;top:25%;width:30vw}@media screen and (max-width:800px){.homepage .home{padding-left:1rem;padding-right:1rem}.homepage .home .content{gap:4rem}.homepage .home .content .section-title{letter-spacing:.7rem}.homepage .home .content .button-container{align-items:center;flex-direction:column-reverse}.homepage .home .ellipse{display:none}.homepage .factions .section-content{flex-direction:column;gap:4rem;justify-content:center;padding-bottom:2rem;padding-top:2rem}.homepage .factions .section-content .title-container{flex:initial}.homepage .factions .section-content .title-container .section-title{letter-spacing:.7rem}}@media screen and (max-width:400px){.homepage .factions .section-content{gap:4rem}.homepage .factions .section-content .title-container .section-title{letter-spacing:.5rem}}@media screen and (max-width:350px){.homepage .factions .section-content{gap:1.5rem}}.logo{width:200px}.logo img{max-width:100%}.header{background-color:transparent;left:0;position:fixed;top:0;width:100%;z-index:var(--z-header)}.header .nav{align-items:center;display:flex;flex-direction:row;height:var(--header-height);justify-content:space-between;padding:0 2rem}.header .nav>*{z-index:2}.header .nav .blur{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.header .nav .open-menu-container{display:none}.header .nav .menu{display:grid;grid-template-areas:"items bottom";grid-template-columns:1fr auto auto}.header .nav .menu .menu-heading{display:none}.header .nav .menu .nav-items{display:none;grid-area:items}.header .nav .menu .nav-items .nav-item .nav-link{text-transform:capitalize}.header .nav .menu .bottom-container{display:flex;flex-direction:row;gap:2rem;grid-area:bottom}.header .nav .menu .bottom-container .social{align-items:center;display:flex;flex-direction:row;gap:1.5rem}.header .nav .menu .bottom-container .social .social-img{height:auto;width:25px}@media screen and (max-width:800px){.header .nav{padding:0 1rem}.header .nav .open-menu-container{display:inline;display:initial}.header .nav .open-menu-container img{height:30px;width:30px}.header .nav .menu{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"heading" "items" "spacer" "bottom";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;height:100vh;left:100%;padding:0 1rem 2rem;position:fixed;top:0;transition:.3s;width:100vw}.header .nav .menu.active{left:0}.header .nav .menu:before{background-image:url(/dusktopia/static/media/badlands.f8ade29db271c8181096.png);background-position:50%;background-size:cover;bottom:-7px;content:"";-webkit-filter:blur(7px);filter:blur(7px);left:-7px;position:absolute;right:-7px;top:-7px;z-index:1}.header .nav .menu>*{z-index:2}.header .nav .menu .menu-heading{align-items:center;display:initial;display:flex;grid-area:heading;height:var(--header-height);justify-content:space-between;margin-bottom:2rem}.header .nav .menu .menu-heading .close-img{height:40px;width:40px}.header .nav .menu .nav-items{list-style:none}.header .nav .menu .nav-items,.header .nav .menu .nav-items .nav-item{align-items:center;display:flex;flex-direction:column;gap:1rem}.header .nav .menu .nav-items .nav-item .nav-link{color:#ffffff8f;font-family:NueueMachina;font-size:1.875rem;line-height:1.875rem;text-decoration:none}.header .nav .menu .nav-items .nav-item+.nav-item:before{content:url(/dusktopia/static/media/menu-divider.9093067cf66e4c60fac6.svg)}.header .nav .menu .bottom-container{flex-wrap:wrap;justify-content:center;padding:0 1rem}}@media screen and (max-width:350px){.header .nav{padding:0 .5rem}.header .nav .menu{padding-left:.5rem;padding-right:.5rem}}@font-face{font-family:TTOctosquares;font-style:normal;font-weight:400;src:url(/dusktopia/static/media/TTOctosquares-Regular.cd0489b3c405cd38105d.otf) format("opentype"),url(/dusktopia/static/media/TTOctosquares-Regular.9ed287d9918258f82b8b.ttf) format("truetype")}@font-face{font-family:TTOctosquares;font-style:normal;font-weight:500;src:url(/dusktopia/static/media/TTOctosquares-Medium.b9ea33b53805ab97e7da.otf) format("opentype"),url(/dusktopia/static/media/TTOctosquares-Medium.deebd63478ee5bafa87a.ttf) format("truetype")}@font-face{font-family:TTOctosquares;font-style:normal;font-weight:700;src:url(/dusktopia/static/media/TTOctosquares-Bold.4f6b992d0ea0684100c4.otf) format("opentype"),url(/dusktopia/static/media/TTOctosquares-Bold.b0c283b64bae9c3ed1ad.ttf) format("truetype")}@font-face{font-family:NueueMachina;font-weight:500;src:url(/dusktopia/static/media/NeueMachina-Medium.61f6595ee66e011a67e2.eot) format("embedded-opentype"),url(/dusktopia/static/media/NeueMachina-Medium.f720034f1ca535bd98d9.ttf) format("truetype"),url(/dusktopia/static/media/NeueMachina-Medium.555886485bb6db5dfd0f.woff) format("woff"),url(/dusktopia/static/media/NeueMachina-Medium.a9b17f3a7d0e2486822d.woff2) format("woff2")}@font-face{font-family:NueueMachina;font-weight:700;src:url(/dusktopia/static/media/NeueMachina-Bold.3276e5ef9d086cd11b4d.eot) format("embedded-opentype"),url(/dusktopia/static/media/NeueMachina-Bold.e3f0d560c71e5363d34c.ttf) format("truetype"),url(/dusktopia/static/media/NeueMachina-Medium.555886485bb6db5dfd0f.woff) format("woff"),url(/dusktopia/static/media/NeueMachina-Medium.a9b17f3a7d0e2486822d.woff2) format("woff2")}@font-face{font-family:MoveX;font-weight:700;src:url(/dusktopia/static/media/move-x.bold.8e5b5961dd682d66ad6b.otf) format("opentype")}@font-face{font-family:Mazzard;font-weight:700;src:url(/dusktopia/static/media/MazzardH-Bold.4a641adac032d7803bcd.otf) format("opentype")}:root{--display-font-size:4.74rem;--display-line-height:5.925rem;--h0-font-size:4.125rem;--h0-line-height:4.888125rem;--h1-font-size:4rem;--h1-line-height:4.74rem;--h2-font-size:2.5625rem;--h2-line-height:3.5875rem;--h2-scaled-font-size:2.8125rem;--h2-scaled-line-height:3.9375rem;--h3-font-size:1.375rem;--h3-line-height:1.925rem;--normal-font-size:0.8125rem;--normal-line-height:1.1375rem;--normal-scaled-font-size:0.9375rem;--normal-scaled-line-height:1.3125rem;--button-font-size:1rem;--button-line-height:1.4rem;--weight-regular:400;--weight-medium:500;--weight-bold:700;--body-font:TTOctosquares;--button-font:NueueMachina;--text-color:#000;--white-color:#fff;--header-height:90px;--menu-height:60px;--z-header:200;--z-faction-more:300;--z-menu:100}@media screen and (max-width:1050px){:root{--display-font-size:2.5rem;--display-line-height:2.5rem;--h0-font-size:3.125rem;--h0-line-height:3.125rem;--h1-font-size:2.5rem;--h1-line-height:2.5rem;--h2-font-size:2.625rem;--h2-line-height:3.675rem;--h2-scaled-font-size:2.8125rem;--h2-scaled-line-height:3.9375rem;--h3-font-size:1.3125rem;--h3-line-height:1.8375rem;--normal-font-size:0.8125rem;--normal-line-height:1.1375rem;--normal-scaled-font-size:0.875rem;--normal-scaled-line-height:1.225rem;--button-font-size:1rem;--button-line-height:1.4rem;--header-height:60px}}@media screen and (max-width:350px){:root{--display-font-size:1.6rem;--display-line-heigth:1.6rem;--h0-font-size:2.8rem;--h0-line-height:2.8rem}}*{-webkit-tap-highlight-color:transparent;border:none;box-sizing:border-box;margin:0;outline:none;padding:0}html{scroll-behavior:smooth}body{font-family:TTOctosquares;font-family:var(--body-font)}.display{font-size:4.74rem;font-size:var(--display-font-size);line-height:5.925rem;line-height:var(--display-line-height)}.display,.h0{font-weight:400;font-weight:var(--weight-regular);text-transform:uppercase}.h0{font-size:4.125rem;font-size:var(--h0-font-size);line-height:4.888125rem;line-height:var(--h0-line-height)}.h1,h1{font-size:4rem;font-size:var(--h1-font-size);line-height:4.74rem;line-height:var(--h1-line-height)}.h2,h2{font-size:2.5625rem;font-size:var(--h2-font-size);line-height:3.5875rem;line-height:var(--h2-line-height)}.h3,h3{font-size:1.375rem;font-size:var(--h3-font-size);line-height:1.925rem;line-height:var(--h3-line-height)}.light{color:#fff;color:var(--white-color)}
/*# sourceMappingURL=main.016a8213.css.map*/