@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=WDXL+Lubrifont+SC&display=swap";@import"https://fonts.cdnfonts.com/css/schabo";:root{--base-100: #f2eeda;--base-200: #8c8a7f;--base-300: #262626;--base-400: #141414;--base-500: #ffffff}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}body{background-color:var(--base-400);color:var(--base-100)}img{width:100%;height:100%;object-fit:cover}h1,h2,h3{text-transform:uppercase;font-family:SCHABO,sans-serif;font-weight:500;line-height:.85}h1{font-size:clamp(4rem,10vw,10rem);letter-spacing:clamp(-.05rem,-1vw,-.15rem)}h2{font-size:clamp(3.25rem,8vw,8rem);letter-spacing:clamp(-.025rem,-.75vw,-.1rem)}h3{font-size:clamp(2.5rem,6.5vw,5rem);letter-spacing:clamp(0rem,-.5vw,-.075rem)}a,p{text-decoration:none;text-transform:uppercase;color:var(--base-100);font-family:Geist Mono,monospace;font-weight:500;line-height:1}a,p{font-size:clamp(.8rem,.75vw,.85rem)}a.md,p.md{font-size:clamp(1rem,.8vw,1.25rem)}a.lg,p.lg{font-size:clamp(1.1rem,.85vw,1.35rem)}p.bodyCopy{text-transform:none;font-family:Host Grotesk,sans-serif;font-weight:450;line-height:1.1}p.bodyCopy{font-size:clamp(1.125rem,.75vw,1.25rem)}p.bodyCopy.md{font-size:clamp(1.25rem,.85vw,1.35rem)}p.bodyCopy.lg{font-size:clamp(1.375rem,.95vw,1.45rem)}.btn{display:inline-block}a.btn{position:relative;width:max-content;min-width:200px;height:65px;padding:0 2rem;font-weight:400;letter-spacing:1.8px;color:var(--base-200);background-color:var(--base-400);border:solid 1px var(--base-300);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}a.btn>*:not(.btn-line){position:relative;z-index:1}a.btn:before{content:"";position:absolute;top:0;left:10%;width:60px;height:1px;transform:translateY(-1px);background:var(--base-100);transition:all .3s ease}a.btn:after{content:"";position:absolute;bottom:0;right:10%;width:60px;height:1px;transform:translateY(1px);background:var(--base-100);transition:all .3s ease}a.btn:hover{color:var(--base-100);border:solid 1px var(--base-300);text-shadow:0 0 10px rgba(242,238,218,.2)}a.btn:hover:before{left:0;width:20px}a.btn:hover:after{right:0;width:20px}a.btn:hover .btn-line:before{bottom:-1px}a.btn:hover .btn-line:after{top:-1px}.btn-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.btn-line:before{content:"";position:absolute;bottom:30%;right:-1px;width:1px;height:20px;background:var(--base-100);transition:all .3s ease}.btn-line:after{content:"";position:absolute;top:30%;left:-1px;width:1px;height:20px;background:var(--base-100);transition:all .3s ease}.container{width:100%;height:100%;padding:1.5rem;max-width:2000px;margin:0 auto}.line{position:relative;will-change:transform}nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:28rem;height:2rem;display:flex;justify-content:center;align-items:center;z-index:2}nav .nav-container{position:absolute;top:0;left:0;width:100%;height:100%;filter:url(#goo);z-index:-1}nav .nav-bg{width:100%;height:100%;background-color:var(--base-500);clip-path:polygon(0 0,100% 0,calc(100% - 1rem) 100%,1rem 100%)}nav .nav-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}nav .nav-item a{display:block;padding:.5rem;text-align:center;font-weight:600;color:var(--base-400)}nav .nav-mobile-header{width:100%;justify-content:space-between;align-items:center;padding:0 .75rem;cursor:pointer;display:none}nav .nav-mobile-header p{font-weight:600;color:var(--base-400)}nav .nav-overlay{position:relative;display:flex;z-index:1}@media(max-width:1000px){nav{top:2rem;width:calc(100% - 4rem)}nav .nav-bg{clip-path:none}nav .nav-mobile-header{position:relative;height:2rem;display:flex;z-index:2}nav .nav-overlay{position:absolute;top:100%;left:0;width:100%;filter:url(#goo);margin-top:-1rem;z-index:1}nav .nav-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--base-500);clip-path:polygon(0 0,100% 0,100% 0rem,0 0rem);transition:clip-path .3s ease;z-index:-1}nav .nav-items{position:relative;width:100%;padding:2rem 0 1rem;flex-direction:column;z-index:2}nav .nav-item{width:100%;pointer-events:none}nav.nav-open .nav-overlay:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}nav.nav-open .nav-item{pointer-events:all}}@media(min-width:3000px){nav .nav-item a{padding:.5rem .25rem}}.interactive-grid{position:fixed;top:0;left:0;width:100%;height:100svh;z-index:-1;pointer-events:none;overflow:hidden}.interactive-grid .block{position:absolute;border:.5px solid var(--base-300);transition:border-color .3s ease;box-sizing:border-box;will-change:transform}.interactive-grid .block.highlight{border-color:var(--base-500)}.transition-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.transition-block{position:absolute;background-color:var(--base-400);opacity:0}.preloader-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;z-index:9999;pointer-events:none;overflow:hidden}.preloader-grid{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.preloader-grid .preloader-block{position:absolute;background-color:var(--base-400);opacity:1;box-sizing:border-box;will-change:opacity}.preloader-animation-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.preloader-text{position:absolute;bottom:6rem;color:var(--base-100);animation:preloader-blink 1s ease-in-out infinite;animation-delay:.1s;z-index:2;opacity:0}@keyframes preloader-blink{0%,to{opacity:.1}50%{opacity:1}}.preloader-ring-frame,.preloader-disc-frame{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:absolute}.preloader-ring{border:2px solid rgba(0,0,0,0);border-left:2px solid var(--base-500);border-right:2px solid var(--base-500);border-radius:50%;display:flex;position:absolute}.preloader-ring:nth-child(1){animation:preloader-spin 1s linear infinite}.preloader-ring:nth-child(2){animation:preloader-spinner 1.5s linear infinite}.preloader-ring:nth-child(3){animation:preloader-spin 2s linear infinite}.preloader-disc{height:var(--preloader-size);width:var(--preloader-size);border:2px solid var(--base-500);border-radius:50%;animation:preloader-rotate 3s linear infinite;position:absolute}:root{--preloader-size: 150px}@keyframes preloader-rotate{to{transform:rotate3d(1,.25,.75,360deg)}}@keyframes preloader-spin{to{transform:rotate(360deg)}}@keyframes preloader-spinner{to{transform:rotate(-360deg)}}.traces-container{position:relative;width:100%;height:100vh;max-width:2000px;margin:0 auto;overflow:hidden}.traces-container .traces-nav,.traces-container .traces-footer{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;z-index:1}.traces-container .traces-nav{top:0}.traces-container .traces-footer{bottom:0}.traces-container .traces-nav p,.traces-container .traces-footer p{padding:.6rem 1rem;background-color:rgba(255,255,255,);border:1px solid rgba(242,238,218,.15);border-radius:.25rem;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);color:var(--base-100)}.svg-logo img{width:160px;height:auto;padding:.3rem .5rem;background-color:#f2eeda;border:1px solid rgba(242,238,218,.15);border-radius:.25rem;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);color:var(--base-100)}.traces-container .traces-nav .trace-name p{background-color:var(--base-100);color:var(--base-300);font-weight:600}.traces-container .traces-slider{position:absolute;width:100%;height:100svh;overflow:hidden}.traces-container .traces-slider .traces{position:absolute;width:300px;height:300px;top:42.5%;left:50%;transform:translate(-50%,-50%)}.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}.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}.traces-container .traces-slider .traces li .product-img-wrapper{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);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:#3c3c3c}.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:2rem;left:50%;transform:translate(-50%) translateY(300px);width:11rem;height:11rem;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:10}.traces-container .traces-slider .controller .controller-outer{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--base-300);border-radius:50%;clip-path:circle(50% at 50% 50%);will-change:clip-path;z-index:1}.traces-container .traces-slider .controller .controller-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;background:#383838;border-radius:50%;display:flex;align-items:center;justify-content:center;clip-path:circle(40% at 50% 50%);will-change:clip-path;cursor:pointer;z-index:3;overflow:hidden}.traces-container .traces-slider .controller .controller-inner .controller-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;will-change:opacity}.traces-container .traces-slider .controller .controller-inner .controller-label p{color:var(--base-1000);text-transform:uppercase;font-size:.8rem;margin:0;white-space:nowrap}.traces-container .traces-slider .controller .controller-inner .controller-close-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;opacity:0;z-index:2}.traces-container .traces-slider .controller .controller-inner .controller-close-icon span{position:absolute;top:50%;left:50%;width:0;height:2px;background:var(--base-100);transform-origin:center}.traces-container .traces-slider .controller .controller-inner .controller-close-icon span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.traces-container .traces-slider .controller .controller-inner .controller-close-icon span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn{position:absolute;top:50%;transform:translateY(-50%);color:var(--base-1000);will-change:opacity;cursor:pointer;transition:transform .3s ease-out;z-index:2}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn:active{transform:translateY(-50%) scale(.75)}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn ion-icon{font-size:1.25rem}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn.prev{left:.75rem}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn.next{right:.75rem}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn.disabled{opacity:.25;pointer-events:none}.traces-container .traces-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,100%);width:75%;height:72.5%;padding:1rem;border-radius:.5rem;background-color:var(--base-300);border:1px solid rgba(242,238,218,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem;z-index:2}.traces-container .traces-preview .traces-preview-info{display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem}.traces-container .traces-preview .traces-preview-info .traces-preview-tag p{text-transform:uppercase}.traces-container .traces-preview .traces-preview-img{width:100%;aspect-ratio:1;border-radius:.25rem;background-color:var(--base-1000);overflow:hidden}.traces-container .traces-preview .traces-preview-img img{width:100%;height:100%;object-fit:cover}@media(max-width:1000px){.traces-container .traces-nav,.traces-container .traces-footer{display:none}.traces-container .traces-slider .traces{top:40%}.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{transform:scale(.8)}.traces-container .traces-slider .controller{bottom:1rem;width:10rem;height:10rem}.traces-container .traces-slider .controller .controller-inner{width:4rem;height:4rem}.traces-container .traces-slider .controller .controller-inner .controller-label p{font-size:.7rem}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn.prev{left:.75rem}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn.next{right:.75rem}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn ion-icon{font-size:1.5rem}.traces-container .traces-slider .controller .controller-outer .traces-controller-nav-btn:active{transform:translateY(-50%) scale(.85);background-color:#fff3}.traces-container .traces-preview{width:calc(100% - 2rem);height:max-content;justify-content:center}.traces-container .traces-slider .traces li .product-item-bg-wrapper,.traces-container .traces-slider .traces li .outline-wrapper{display:none}}
