*{margin:0;padding:0;box-sizing:border-box}body{font-family:Akkurat Mono;background-color:#f6f5f4;color:#0f0f0f;overscroll-behavior:none;touch-action:none}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}p{font-family:Helvetica neue;font-weight:400;padding:.9em;font-size:.8em;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}a{line-height:1em;padding:.9rem 1.3rem;font-family:Helvetica neue;white-space:nowrap;position:relative;overflow:hidden;text-decoration:none;color:#0f0f0f;cursor:pointer}.nav{position:fixed;top:3em;right:50%;transform:translate(50%);width:30%;height:50px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:5px;background:#f4f2f054;border-radius:4px;border:1px solid rgb(206 206 206 / 25%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99999999}.nav-top{display:flex;align-items:center;gap:5px;height:100%;width:100%;flex-direction:column;justify-content:flex-start}.nav-top .nav-top-item{background-color:red;width:100%;height:300px;overflow:hidden}.nav-top .nav-top-item img{width:100%;height:100%;object-fit:cover}.nav-bottom{padding:0 16px;position:absolute;top:0;width:100%;height:48.5px;display:flex;align-items:center;justify-content:space-between;gap:5px}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}header{position:fixed;width:100%;top:6em;display:flex;gap:16px;justify-content:center;align-items:center;left:0;z-index:5;flex-direction:column}header .header-logobaseline{position:relative;font-family:Helvetica neue;font-size:12px;color:#0f0f0f}header .header-wrapper{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#d9d9d954;border-radius:4px;border:1px solid rgb(246 245 244 / 23%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-right:auto;margin-left:auto;width:26%;overflow:hidden;overflow-y:scroll;scrollbar-width:thin;transition:all .4s ease;font-family:Helvetica neue;font-size:12px;font-weight:400}header .header-wrapper .header-nav{display:flex;width:100%;position:sticky;bottom:0;align-items:center;z-index:9;justify-content:space-between;transition:all .4s ease}header .header-wrapper #header-content-about{height:0px;scroll-behavior:auto;padding:0 var(--space-sm);max-height:60vh;opacity:0;width:100%;overflow:hidden;-ms-overflow-style:none;overflow:-moz-scrollbars-none;will-change:height,opacity;contain:layout paint}header .header-wrapper #header-content-about ul{gap:16px;padding:0 16px 16px;display:flex;flex-direction:column}header .header-wrapper #header-content-about ul li{background:#f8f5f554;list-style:none;border-radius:4px;width:100%;height:300px;display:flex;align-content:center;justify-content:center;align-items:center}header .header-wrapper #header-content-about ul li img{width:50%}.opacity-filter{position:fixed;width:100vw;height:100vh;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#201f1f33;z-index:3;visibility:hidden;transition:background-color .4s ease;will-change:opacity}.header-content-about-inner{will-change:transform}.project{position:relative;z-index:10;bottom:0;width:100%;height:100%;background-color:#f6f5f4}.dup-roulette{position:relative;overflow:hidden;line-height:1em;padding:0 1.3rem;height:20px;margin:6px 0 4px;background:transparent}.dup-roulette .dup-track{display:flex;flex-direction:column;will-change:transform;transform:translateY(0)}.dup-roulette .dup-track>div{height:18px;line-height:18px;font-size:12px;font-family:Helvetica neue;text-align:left;font-weight:400;color:#0f0f0f;-webkit-user-select:none;user-select:none}