@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";:root{--base-100: #f9f4eb;--base-200: #1a1a1a;--base-300: #0a0a0a;--base-secondary-dark: #686560;--base-secondary-fade: rgba(249, 244, 235, .15);--accent-1: #b1c1ef;--accent-2: #f2acac;--accent-3: #ffdd94}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Host Grotesk;background-color:var(--base-300);color:var(--base-100);overflow-x:hidden}img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}h1,h2,h3,h4{text-transform:uppercase;font-family:Barlow Condensed;font-weight:900;line-height:.85;letter-spacing:-.02rem;color:var(--base-100)}h1{font-size:12rem}h2{font-size:8rem}h3{font-size:6rem}h4{font-size:2.5rem}a{text-decoration:none;color:var(--base-100)}p{font-family:Host Grotesk;font-size:1.1rem;color:var(--base-100)}p.md{font-size:1.3rem}p.lg{font-size:1.5rem}p.mono{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500;color:var(--base-100)}p.mono span,a span{position:relative;top:-.1rem}a.card{color:inherit;text-decoration:none}a.card:visited{color:inherit}.container{width:100%;height:100%;padding:2.75rem;max-width:2000px;margin:0 auto;z-index:0}.symbols-container{display:flex;gap:.5rem;height:1.125rem;z-index:1}.symbols-container .symbol{width:1.125rem}@media(max-width:1000px){h1{font-size:6rem}h2{font-size:5rem}h3{font-size:3rem}p{font-size:1rem}p.md{font-size:1.125rem}p.lg{font-size:1.25rem}p.mono{font-size:.8rem}.container{padding:2rem}}.transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(1);transform-origin:top;will-change:transform}.transition-overlay.overlay{background-color:var(--base-300)}.transition-logo{position:absolute;top:120%;left:50%;transform:translate(-50%);width:60px;height:60px;opacity:0;will-change:transform,opacity}.transition-logo img{width:100%;height:100%;object-fit:contain}.mask-transition{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;display:none}.mask-bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99998;background-color:var(--base-100);opacity:.3;pointer-events:none;display:none}.top-left-logo{position:fixed;top:2.75rem;left:2.75rem;z-index:1000;width:120px;height:auto}.top-left-logo img{width:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease}.contact-scroll-button{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;background-color:var(--base-100);color:var(--base-300);border:1px solid var(--base-secondary-fade);padding:.75rem 1.5rem;border-radius:2rem;font-family:Barlow Condensed;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;opacity:0;animation:fadeInUp .5s ease 1.2s forwards;border:none}.contact-scroll-button:hover{background-color:var(--base-300);color:var(--base-100);border:1px solid var(--base-100);transform:translateY(-3px);box-shadow:0 6px 20px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.single-page{position:relative;width:100vw;min-height:100vh;background-color:var(--base-300);overflow-x:hidden}.traces-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0ab3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1;opacity:0;pointer-events:none;transition:opacity .4s ease}.traces-container{position:relative;width:100%;height:100vh;max-width:2000px;margin:0 auto;top:0vh;z-index:10;background-color:transparent}.traces-container .traces-slider{position:absolute;width:100%;height:100%;overflow:hidden}.traces-container .traces-slider .traces{position:absolute;width:300px;height:300px;top:40%;left:50%;transform:translate(-50%,-50%);z-index:2}.traces-container .traces-slider .traces li{position:absolute;display:flex;align-items:center;justify-content:center;will-change:transform;width:100%;aspect-ratio:4/5;padding:.5rem;filter:url(#goo);transform:translateZ(0) scale(0);backface-visibility:hidden;perspective:1000px;z-index:3}.traces-container .traces-slider .traces li .product-item-bg-wrapper,.traces-container .traces-slider .traces li .outline-wrapper,.traces-container .traces-slider .traces li .product-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;filter:url(#goo);transform:translateZ(0);backface-visibility:hidden}.traces-container .traces-slider .traces li .outline-wrapper{z-index:-1}.traces-container .traces-slider .traces li .product-item-bg-wrapper{z-index:0}.traces-container .traces-slider .traces li .product-img-wrapper{z-index:1;padding:.75rem}.traces-container .traces-slider .traces li .product-item-bg-wrapper .product-item-bg{width:100%;height:100%;clip-path:polygon(2.5rem 0%,calc(100% - 2.5rem) 0%,100% 2.5rem,100% calc(100% - 2.5rem),calc(100% - 2.5rem) 100%,2.5rem 100%,0% calc(100% - 2.5rem),0% 2.5rem);background-color:var(--base-300);border:1px solid var(--base-secondary-fade);z-index:0}.traces-container .traces-slider .traces li .outline-wrapper .product-bg-outline{width:100%;height:100%;clip-path:polygon(2.5rem 0%,calc(100% - 2.5rem) 0%,100% 2.5rem,100% calc(100% - 2.5rem),calc(100% - 2.5rem) 100%,2.5rem 100%,0% calc(100% - 2.5rem),0% 2.5rem);transform:scaleX(1.0095) scaleY(1.0075);background-color:var(--base-secondary-dark)}.traces-container .traces-slider .traces li img{width:100%;height:100%;clip-path:polygon(2rem 0%,calc(100% - 2rem) 0%,100% 2rem,100% calc(100% - 2rem),calc(100% - 2rem) 100%,2rem 100%,0% calc(100% - 2rem),0% 2rem);transform:translateZ(0);backface-visibility:hidden}.traces-container .traces-slider .controller{position:absolute;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:515px;height:auto;-webkit-user-select:none;user-select:none;z-index:8;display:flex;justify-content:space-between;align-items:center;background:transparent;pointer-events:none;opacity:0;animation:fadeInController .8s ease 1.5s forwards}@keyframes fadeInController{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.traces-container .traces-slider .controller.hidden{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease}.traces-container .traces-slider .controller .traces-controller-nav-btn{position:relative;transform:translateY(-50%);color:var(--base-100);will-change:opacity;cursor:pointer;transition:all .3s ease-out;z-index:9;background:transparent;border:none;font-size:1.8rem;padding:1rem;pointer-events:auto;opacity:.8}.traces-container .traces-slider .controller .traces-controller-nav-btn:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.traces-container .traces-slider .controller .traces-controller-nav-btn.disabled{opacity:.25;pointer-events:none}.traces-preview-close{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--base-300);border:1px solid var(--base-secondary-fade);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.traces-preview-close:hover{background-color:var(--base-200);transform:rotate(90deg)}.traces-preview-close span{position:absolute;width:1rem;height:2px;background-color:var(--base-100)}.traces-preview-close span:first-child{transform:rotate(45deg)}.traces-preview-close span:last-child{transform:rotate(-45deg)}.traces-container .traces-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,100%);width:80%;max-width:1200px;height:85vh;max-height:800px;padding:2rem;border-radius:.5rem;background-color:var(--base-300);border:1px solid var(--base-secondary-fade);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;z-index:2;overflow:hidden}.traces-container .traces-preview-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;gap:1.5rem;padding-right:.5rem}.traces-container .traces-preview-content::-webkit-scrollbar{width:6px}.traces-container .traces-preview-content::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.traces-container .traces-preview-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.traces-container .traces-preview .traces-preview-info{display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem;flex-shrink:0}.traces-container .traces-preview .traces-preview-info .traces-preview-tag{display:none}.traces-container .traces-preview-img-container{width:100%;height:300px;flex-shrink:0}.traces-container .traces-preview-img{width:100%;height:100%;border-radius:.5rem;background-color:var(--base-200);overflow:hidden;border:1px solid var(--base-secondary-fade)}.traces-container .traces-preview-description{background-color:#ffffff0d;border-radius:.5rem;padding:1.5rem;color:var(--base-100);font-size:.95rem;line-height:1.6;flex-shrink:0;border:1px solid var(--base-secondary-fade)}.traces-container .traces-preview-description p{margin:0;color:var(--base-100)}.traces-container .traces-preview-buttons{display:flex;gap:1.5rem;padding:1rem 0;flex-shrink:0}.traces-container .traces-preview-buttons button{flex:1;padding:1rem 2rem;border:none;border-radius:.5rem;background-color:var(--base-100);color:var(--base-300);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.traces-container .traces-preview-buttons button:hover{background-color:transparent;color:var(--base-100);border:1px solid var(--base-100);transform:translateY(-2px)}.traces-container .traces-preview-buttons button.game-info{background-color:transparent;border:1px solid var(--base-100);color:var(--base-100)}.traces-container .traces-preview-buttons button.game-info:hover{background-color:var(--base-100);color:var(--base-300);border:1px solid var(--base-100)}.page-title{position:absolute;width:100%;bottom:0;left:0;padding:2.75rem;z-index:5;pointer-events:none}.page-title .container{width:100%;padding:0}.page-title .title-content{width:90%;max-width:1200px}.page-title .title-content h3{font-size:6rem;line-height:.85;letter-spacing:-.02rem;color:var(--base-100);text-align:left;margin:0}@media(min-width:1001px){.traces-container .traces-preview-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:2rem;grid-template-areas:"info info" "image description" "buttons buttons";height:100%}.traces-container .traces-preview-info{grid-area:info}.traces-container .traces-preview-img-container{grid-area:image;height:100%;max-height:400px}.traces-container .traces-preview-description{grid-area:description;height:100%;overflow-y:auto}.traces-container .traces-preview-buttons{grid-area:buttons}}@media(max-width:1200px){.traces-container{height:65vh;top:10vh}.page-title .title-content h3{font-size:5rem}}@media(max-width:1000px){h1{font-size:6rem}h2{font-size:5rem}h3{font-size:3rem}p{font-size:1rem}p.md{font-size:1.125rem}p.lg{font-size:1.25rem}p.mono{font-size:.8rem}.container{padding:2rem}.single-page{min-height:100svh}.traces-container{position:relative;height:100svh;min-height:450px;top:5vh;margin-top:0}.top-left-logo{top:2rem;left:2rem;width:105px}.traces-container .traces-slider .controller .traces-controller-nav-btn{font-size:1.5rem;padding:.8rem}.traces-container .traces-slider .controller{width:90%;max-width:500px;margin-top:-15vh}.traces-container .traces-slider .traces{width:280px;height:280px}.traces-container .traces-preview{width:calc(100% - 1rem);height:93.75vh;max-height:93.75vh;padding:1rem;top:calc(55% + 20vh)!important}.traces-container .traces-preview-content{gap:1rem;padding-top:.5rem}.traces-container .traces-preview-img-container{height:160px!important;min-height:160px}.traces-container .traces-preview-description{font-size:.9rem;line-height:1.5;padding:1rem;margin-bottom:.5rem}.traces-container .traces-preview-buttons{flex-direction:column;gap:.75rem;padding:.5rem 0;margin-bottom:1rem}.traces-container .traces-preview-buttons button{padding:.75rem 1rem;font-size:.9rem}.traces-preview-close{top:1rem;right:1rem;width:2rem;height:2rem}.traces-preview-close span{width:.75rem}.page-title{position:absolute;bottom:4rem;padding:1.5rem;z-index:5}.page-title .title-content{width:100%}.page-title .title-content h3{font-size:2.8rem;padding-left:.75rem;line-height:.9}.contact-scroll-button{bottom:1.5rem;right:1.5rem;padding:.7rem 1.4rem;font-size:.85rem}}@media(max-width:600px){.single-page{min-height:100svh}.traces-container{height:100svh;min-height:400px;top:8vh}.top-left-logo{top:1.5rem;left:1.5rem;width:105px}.traces-container .traces-slider .controller .traces-controller-nav-btn{font-size:1.3rem;padding:.6rem}.traces-container .traces-slider .controller{width:95%;max-width:400px}.traces-container .traces-slider .traces{width:240px;height:240px;top:25vh}.page-title{bottom:3.5rem;padding:1.5rem}.page-title .title-content h3{font-size:2.4rem;padding-left:.5rem;line-height:.9}.traces-container .traces-preview{height:100vh;margin-top:-30vh}.traces-container .traces-preview-img-container{height:140px!important;min-height:140px}.contact-scroll-button{bottom:1.25rem;right:1.25rem;padding:.6rem 1.2rem;font-size:.8rem}}@media(max-width:400px){.page-title .title-content h3{font-size:2rem;padding-left:.5rem}.traces-container .traces-slider .traces{width:240px;height:240px;top:25vh}}.demo-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0ad9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.demo-popup.active{opacity:1;visibility:visible}.demo-popup-content{position:relative;width:90%;max-width:400px;padding:2rem;background-color:var(--base-300);border:1px solid var(--base-secondary-fade);border-radius:.5rem;text-align:center}.demo-popup-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:50%;background-color:var(--base-300);border:1px solid var(--base-secondary-fade);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.demo-popup-close:hover{background-color:var(--base-200);transform:rotate(90deg)}.demo-popup-close span{position:absolute;width:.75rem;height:2px;background-color:var(--base-100)}.demo-popup-close span:first-child{transform:rotate(45deg)}.demo-popup-close span:last-child{transform:rotate(-45deg)}.demo-popup-content h3{font-size:1.5rem;color:var(--base-100);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.demo-popup-content p{color:var(--base-100);margin-bottom:1.5rem;line-height:1.5;font-size:.95rem;opacity:.8}.demo-popup-button{padding:1rem 2rem;border:none;border-radius:.5rem;background-color:var(--base-100);color:var(--base-300);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;width:100%}.demo-popup-button:hover{background-color:transparent;color:var(--base-100);border:1px solid var(--base-100);transform:translateY(-2px)}@media(max-width:768px){.demo-popup-content{padding:1.5rem;margin:1rem}.demo-popup-content h3{font-size:1.25rem}.demo-popup-content p{font-size:.9rem}.demo-popup-button{padding:.8rem 1.5rem;font-size:.9rem}}.traces-container .traces-preview-buttons button.game-info:disabled{background-color:transparent;border:1px solid rgba(255,255,255,.2)!important;color:#fff6!important;cursor:not-allowed;position:relative;overflow:hidden;pointer-events:none}.traces-container .traces-preview-buttons button.game-info:disabled:before{content:"";position:absolute;inset:0;background:#1414144d;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:1}.traces-container .traces-preview-buttons button.game-info:disabled span{position:relative;z-index:2;opacity:.5}.traces-container .traces-preview-buttons button.game-info:disabled:hover:before{background:#14141466}@keyframes subtle-pulse{0%,to{opacity:.4}50%{opacity:.6}}.traces-container .traces-preview-buttons button.game-info:disabled{animation:subtle-pulse 3s ease-in-out infinite}@keyframes fadeInTooltip{to{opacity:1}}@media(max-width:1000px){.traces-container .traces-preview-buttons button.game-info:disabled:hover:after{top:-30px;font-size:.7rem;padding:4px 8px}}footer{position:relative;width:100vw;height:max-content;overflow:hidden;background-color:var(--base-300);color:var(--base-100);padding:8rem 0 4rem}footer .container{display:flex;flex-direction:column;justify-content:flex-end;gap:1.5rem}footer .container>div{display:flex;gap:2rem}footer .container .footer-col,footer .container .footer-sub-col{flex:1}footer .footer-top{display:flex;gap:2rem}footer .footer-top .footer-col:nth-child(1){display:flex;flex-direction:column;gap:1rem}footer .footer-top .footer-col:nth-child(1) p.mono{color:var(--base-secondary-dark)}footer .footer-email-row{width:75%;display:flex;gap:1rem;padding:1rem 0}footer .footer-email-row input{flex:1;width:100%;font-family:Host Grotesk;font-weight:900;font-size:3rem;color:var(--base-100)}footer .footer-email-row input::placeholder{color:var(--base-secondary-dark);opacity:.75}footer .footer-email-row button{outline:none;border:none;color:var(--base-100);background-color:#ffffff1a;width:4rem;height:4rem;border-radius:100%;display:flex;justify-content:center;align-items:center}footer .footer-email-row button img{width:.75rem;object-fit:contain}footer .footer-email-row input{border:none;outline:none;background:none}footer .footer-bottom{padding:4rem 0 10rem;border-top:1px dashed var(--base-secondary-fade)}footer .footer-bottom .footer-col:nth-child(2){display:flex}footer .footer-logo{width:60px}footer .footer-bottom .footer-col:nth-child(2) p.mono{margin-bottom:2rem;opacity:.25}footer .footer-copyright{display:flex;gap:2rem}footer .footer-copyright .footer-col{display:flex;gap:2rem}footer .footer-links,footer .footer-copy{display:flex;flex-direction:column;gap:.25rem}footer a{color:var(--base-100)}@media(max-width:1000px){footer{height:max-content;padding-top:8rem}footer .container .footer-top .footer-col:nth-child(2){display:none}footer .footer-email-row{width:100%}footer .footer-email-row input{font-size:2rem}footer .footer-email-row button{width:3rem;height:3rem}footer .footer-email-row button img{width:.5rem}footer .container>div{flex-direction:column;gap:4rem}footer .footer-bottom .footer-col:nth-child(2){flex-direction:column;gap:4rem}footer .footer-copyright .footer-col:nth-child(1){display:none}footer .footer-copyright .footer-col:nth-child(2){width:100%;flex-direction:column-reverse;gap:.25rem}}