@import"https://fonts.cdnfonts.com/css/pp-neue-montreal";@import"https://fonts.googleapis.com/css2?family=Anton&family=Poppins: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&display=swap";@font-face{font-family:PPSupplyMono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3,p,span,a{cursor:default}:root{--warm-off-white: #ffffff;--warm-off-white-dim: #cccccc;--text-primary: #ffffff;--text-secondary: #cccccc;--background-dark: #1a1a1a;--background-gradient-1: #222222;--background-gradient-2: #1a1a1a;--font-primary: "PP Neue Montreal", sans-serif;--font-secondary: "PPSupplyMono", monospace;--font-sans: "PP Neue Montreal", sans-serif;--font-size-small: 10px;--font-size-regular: 1rem;--font-size-medium: 1.5rem;--font-size-large: 4rem;--spacing-small: .5rem;--spacing-medium: 1rem;--spacing-large: 2rem;--transition-fast: .3s ease;--transition-medium: .5s cubic-bezier(.445, .05, .55, .95)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}@media(min-width:768px){html{font-size:18px}}@media(min-width:1200px){html{font-size:20px}}body{overflow-x:hidden;overflow-y:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--background-dark);font-family:var(--font-secondary);font-size:var(--font-size-small);overscroll-behavior:none;touch-action:none}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background-color:#0b0b0c;z-index:9999;display:flex;align-items:center;justify-content:center;transition:transform .8s cubic-bezier(.645,.045,.355,1)}.preloader.loaded{transform:translateY(-100%);pointer-events:none}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.preloader-title{font-family:var(--font-primary);font-size:2.5rem;color:var(--text-primary);font-weight:400;letter-spacing:-.02em;margin:0}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section{width:100vw;height:100vh;height:100dvh;position:relative}.hero-section{padding:var(--spacing-large)}.fin-section{display:flex;align-items:center;justify-content:center;background-color:var(--background-dark);z-index:20;position:relative}.fin-text{font-family:var(--font-primary);font-size:3rem;color:var(--text-secondary);text-transform:none;letter-spacing:.05em}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://img.freepik.com/premium-photo/white-dust-scratches-black-background_279525-2.jpg?w=640);background-repeat:repeat;opacity:.2;mix-blend-mode:multiply;pointer-events:none;z-index:1;filter:invert(0)}#container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0f0f;z-index:0;pointer-events:none;touch-action:none}#container canvas{touch-action:none}#ui-container{position:fixed;top:10px;right:10px;z-index:100;opacity:.8;transition:opacity var(--transition-fast)}#ui-container:hover{opacity:1}#stats{position:fixed;top:10px;left:10px;z-index:100}.site-header{position:fixed;top:14px;left:0;width:100%;padding:0 var(--spacing-large);display:grid;grid-template-columns:1fr auto;align-items:center;z-index:10}.brand-left .brand{font-family:var(--font-primary);font-weight:400;font-size:var(--font-size-medium);color:var(--text-primary);text-decoration:none;cursor:pointer}.nav-right{display:inline-flex;align-items:center;gap:1rem}.nav-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-secondary);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color var(--transition-fast),opacity var(--transition-fast)}.nav-btn[aria-current=page],.nav-btn:hover{color:var(--text-primary)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-sep{color:var(--text-secondary);opacity:.6;font-size:.95rem}.logo-container{position:absolute;left:var(--spacing-large);top:0;display:flex;align-items:center;height:2rem;z-index:10;cursor:pointer}.logo-circles{position:relative;width:100%;height:100%}.circle{position:absolute;border-radius:50%;transition:transform var(--transition-medium);width:1.4rem;height:1.4rem;background-color:var(--text-primary);top:50%}.circle-1{left:0;transform:translateY(-50%)}.circle-2{left:.8rem;transform:translateY(-50%);mix-blend-mode:exclusion}.logo-container:hover .circle-1{transform:translate(-.5rem,-50%)}.logo-container:hover .circle-2{transform:translate(.5rem,-50%)}.center-logo,#logo-text{display:none}.hero{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;color:var(--text-primary);width:90%;max-width:800px}.hero h1{font-family:var(--font-primary);font-weight:400;font-size:var(--font-size-large);line-height:1;letter-spacing:-.02em;color:var(--text-primary);text-transform:none;margin-bottom:0rem;margin:0 0 2rem;cursor:default}.hero-content{opacity:0;transform:translateY(0);transition:opacity .3s ease}.hero-content.is-active{opacity:1}.hero-content.is-exiting,.hero-content.is-entering{opacity:0}.services-rotator{font-family:var(--font-secondary);font-size:1.15rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:3.1rem;margin-bottom:3.1rem;transition:opacity .25s ease;line-height:1.15}@media(min-width:768px){.services-rotator{font-size:1.35rem}}@media(min-width:1200px){.services-rotator{font-size:1.6rem}}@media(max-width:480px){.services-rotator{font-size:1.05rem}.nav-btn,.nav-sep{font-size:.8rem}.brand-left .brand{display:none!important}.nav-right{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;width:100vw;text-align:center;z-index:100;padding-top:1.2rem}}.logo-slider{overflow:hidden;position:relative;margin-top:1.25rem}.logo-track{display:flex;gap:3.5rem;will-change:transform;align-items:center}.logo{flex:0 0 auto;display:flex;align-items:center;justify-content:center;filter:grayscale(100%) brightness(.7);transition:filter .3s ease}.logo:hover{filter:grayscale(0%) brightness(1)}.logo img{display:block;object-fit:contain}.hero h2{font-family:var(--font-secondary);font-size:var(--font-size-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;line-height:1.4;opacity:.7;transition:opacity var(--transition-fast);font-weight:400;margin:0}.hero:hover h2{opacity:1}.contact-info{position:fixed;bottom:0%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;font-family:var(--font-secondary);letter-spacing:.05em;font-size:var(--font-size-small);color:var(--text-primary);text-transform:uppercase}.contact-heading{font-size:var(--font-size-small);color:var(--text-secondary);margin-bottom:4px}.contact-email{display:block;color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.contact-email:hover{color:var(--text-secondary)}.footer-links{position:fixed;bottom:var(--spacing-large);left:var(--spacing-large);z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;font-family:var(--font-sans);font-weight:400;font-size:var(--font-size-regular)}.footer-link{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative;padding-left:0;text-transform:none;font-size:1rem}.footer-link:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background-color:var(--text-primary);transform:translateY(-50%);transition:width var(--transition-fast),opacity var(--transition-fast);opacity:0}.footer-link:hover{color:var(--text-primary);padding-left:1.2rem}.footer-link:hover:before{width:.8rem;opacity:1}.coordinates{position:fixed;bottom:var(--spacing-large);right:var(--spacing-large);text-align:right;z-index:10;font-family:var(--font-secondary);font-size:var(--font-size-small);color:var(--text-secondary)}.tp-dfwv{min-width:280px!important}.section{transition:all .6s ease}@media(max-width:768px){.hero h1{font-size:3rem}.footer-links{gap:.4rem}.coordinates,.hero p{font-size:10px}.story-display{width:90%;font-size:.8rem}#me{transform:translate(80px)}}@media(max-width:480px){.hero-section{padding:var(--spacing-medium)}.coordinates{right:var(--spacing-medium)}.hero h1{font-size:2.6rem}.circle{width:1.2rem;height:1.2rem}.circle-2{left:.7rem}#logo-text{font-size:1.3rem}.contact-heading,.contact-email{font-size:10px}.story-display{width:95%;font-size:.75rem}}#kuk{font-family:Anton,sans-serif;display:inline-block;transition:color .15s ease;color:#fff;text-decoration:none;letter-spacing:.01em}#kuk:hover{color:#aaa;cursor:pointer}#me{position:fixed;bottom:0;left:50%;transform:translate(80px,58px);width:120px;height:auto;z-index:10;transition:transform .3s ease}@media(hover:hover)and (pointer:fine){.contact-info:hover~#me,#me:hover{transform:translate(80px)}}@media(max-width:480px){#me{position:fixed;bottom:0;left:50%;transform:translate(40px);width:120px;height:auto;z-index:10;transition:transform .3s ease}.contact-info{transform:translate(calc(-50% - 40px));margin-bottom:10px}.contact-info:hover~#me,#me:hover{transform:translate(40px)}}#color-dice-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:0}#color-dice-btn svg{width:30px;height:30px;color:#fffc;transition:transform .3s ease}#color-dice-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}#color-dice-btn:hover svg{transform:rotate(20deg)}#color-dice-btn:active{transform:scale(.9)}#color-dice-btn:active svg{transform:rotate(20deg)}@media(max-width:768px){#color-dice-btn{bottom:20px;left:20px;right:auto}}