@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import"https://cdn.jsdelivr.net/gh/MonadABXY/mona-font/web/mona.css";@import"https://cdn.jsdelivr.net/gh/MonadABXY/mona-font/web/monas.css";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-size:16px;color:#fff}h1{font-size:3.2em;line-height:1.1}button{border:none;cursor:pointer;background:transparent;font-family:inherit;font-size:inherit}a,span{display:block}@font-face{font-family:nbarchitekt;src:url(/assets/fonts/NBArchitektStd-Regular.woff2) format("woff2");font-style:normal;font-weight:400}@font-face{font-family:nbarchitekt;src:url(/assets/fonts/NBArchitektStd-Bold.woff2) format("woff2");font-style:normal;font-weight:700}@font-face{font-family:NexonLv2Gothic;src:url(/assets/fonts/NEXONLv2GothicOTF.otf) format("opentype"),url(/assets/fonts/NEXONLv2Gothic.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:NexonLv2Gothic;src:url(/assets/fonts/NEXONLv2GothicOTFBold.otf) format("opentype"),url(/assets/fonts/NEXONLv2GothicBold.ttf) format("truetype");font-style:normal;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:nbarchitekt,IBM Plex Mono,Azeret Mono,monospace;background-color:#0d0d0d;color:#fff;overflow:hidden}.text-display{font-family:nbarchitekt,IBM Plex Mono,Azeret Mono,monospace}.text-body{font-family:Space Grotesk,IBM Plex Mono,Outfit,sans-serif;letter-spacing:-.02em}.emoji{font-family:Mona12,sans-serif}body.ko .text-display{font-family:NexonLv2Gothic,Helvetica,sans-serif;letter-spacing:-.02em}body.ko .text-body{font-family:Pretendard,sans-serif}.terminal-bar{position:fixed;top:0rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;padding:2rem;font-size:max(.625vw,12px);color:#fff;white-space:nowrap;z-index:100}.terminal-bar .terminal-bar__label{opacity:.6}.terminal-bar .terminal-bar__bar{letter-spacing:1px}.app-container{position:relative;width:100vw;height:100vh}.app-container .webgl-canvas{position:absolute;top:0;left:0;z-index:1;pointer-events:none;filter:brightness(0)}.app-container .trail-canvas{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.app-container .viewport-guard{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0d0d0deb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.app-container .viewport-guard__panel{max-width:22rem;text-align:center;line-height:1.55;color:#fff}.app-container .viewport-guard__title{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem;opacity:.95;white-space:pre-line}.app-container .viewport-guard__body{font-size:.95rem;opacity:.75;white-space:pre-line}.app-container>.focus{position:fixed;top:0;left:0;width:50px;height:50px;pointer-events:none;z-index:9999;margin-left:-25px;margin-top:-25px;will-change:transform;transition:.1s ease}.app-container>.focus.off{opacity:0;clip-path:inset(50% 50% 0% 0%)}.app-container>.focus.on{opacity:1;clip-path:inset(0% 0% 0% 0%)}.app-container>.focus:before,.app-container>.focus:after{content:"";position:absolute;top:50%;left:50%;background-color:#fff;transform:translate(-50%,-50%);transition:transform 1s cubic-bezier(.16,1,.3,1)}.app-container>.focus:before{width:100%;height:1px}.app-container>.focus:after{width:1px;height:100%}.app-container .content{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0}.app-container .content .header,.app-container .content .hero{pointer-events:auto}.app-container .content .header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;pointer-events:none;z-index:10;padding:2rem 3rem;font-size:max(.7291666667vw,18px);gap:3rem}.app-container .content .header .header-left{flex-shrink:0;cursor:pointer;pointer-events:auto}.app-container .content .header .header-left .title-sub{font-size:max(.5729166667vw,11px);opacity:.7}.app-container .content .header .header-right{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:.8rem;position:relative;height:fit-content}.app-container .content .header .header-right .divider{width:1px;height:max(.625vw,12px);background-color:#fff6}.app-container .content .header .header-right .menu-lang-label{font-size:max(.6770833333vw,15px);color:#ffffffb3;height:fit-content}.app-container .content .header .header-right .menu-lang{display:flex;justify-content:center;align-items:center;gap:.2rem;position:relative;font-size:max(.7291666667vw,16px);height:fit-content}.app-container .content .header .header-right .menu-lang .btn-lang{padding:0;background:transparent;border:none;cursor:pointer;pointer-events:auto;font-family:inherit;color:#ffffffb3;background-color:transparent;padding:0 .2rem;height:fit-content}.app-container .content .header .header-right .menu-lang .btn-lang.on{color:#fff}.app-container .content .header .header-right .menu-lang .btn-lang:hover{animation:textBlink .7s infinite}.app-container .content .hud-line{background:#fff3;width:75%;height:1px;flex-shrink:1;position:fixed;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center}.app-container .content .hud-line:before,.app-container .content .hud-line:after{content:"+";color:#fff6;font-size:max(.625vw,12px);line-height:1;position:relative}.app-container .content .hud-line:before{left:-1rem}.app-container .content .hud-line:after{right:-1rem}.app-container .content .hud-line--top{top:3.5rem}.app-container .content .hud-line--bottom{bottom:5rem}.app-container .content .hero{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;transition:opacity .4s ease}.app-container .content .hero.hidden{opacity:0}.app-container .content .hero .title-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.05em;margin-bottom:-.05em}.app-container .content .hero .title-word{display:inline-block;will-change:transform}.app-container .content .hero .hero-main-text{position:absolute;top:15%;left:3rem;pointer-events:none}.app-container .content .hero .hero-main-text .hero-main-text__title{font-size:max(2.8645833333vw,50px);color:#fff;line-height:1.15;width:fit-content;letter-spacing:-.02em}.app-container .content .hero .hero-sub-text .hero-sub-text__desc{font-size:max(.8333333333vw,17px);color:#fff9;margin-top:4em;display:flex;flex-direction:column;gap:.1em}.app-container .content .hero .hero-sub-text .hero-sub-text__desc .desc-wrap{display:flex;align-items:center;gap:.2em}.app-container .content .hero .hero-sub-text .hero-sub-text__desc .desc-text{display:inline}.app-container .content .hero .hero-hud-data{position:absolute}.app-container .content .hero .hero-hud-data__monitor{bottom:3rem;right:3rem;transform-origin:bottom left}.app-container .content .hero .hero-hud-data__monitor .hero-panel{position:relative;width:max(12.5vw,200px);background:#0000008c;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-container .content .hero .hero-hud-data__monitor .hero-panel:before{content:"";position:absolute;inset:-1px;background:linear-gradient(#fff,#fff) top left/8px 1px no-repeat,linear-gradient(#fff,#fff) top left/1px 8px no-repeat,linear-gradient(#fff,#fff) top right/8px 1px no-repeat,linear-gradient(#fff,#fff) top right/1px 8px no-repeat,linear-gradient(#fff,#fff) bottom left/8px 1px no-repeat,linear-gradient(#fff,#fff) bottom left/1px 8px no-repeat,linear-gradient(#fff,#fff) bottom right/8px 1px no-repeat,linear-gradient(#fff,#fff) bottom right/1px 8px no-repeat;opacity:.35;pointer-events:none}.app-container .content .hero .hero-hud-data__monitor .hero-panel__header{display:flex;justify-content:space-between;align-items:center;padding:.3125vw .5208333333vw;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.app-container .content .hero .hero-hud-data__monitor .hero-panel__label{font-size:max(.5729166667vw,11px);color:#ffffffe6;letter-spacing:.03em}.app-container .content .hero .hero-hud-data__monitor .hero-panel__id{font-size:max(.5208333333vw,10px);color:#ffffff4d;letter-spacing:.02em}.app-container .content .hero .hero-hud-data__monitor .hero-panel__body{padding:.2083333333vw 0}.app-container .content .hero .hero-hud-data__monitor .hero-panel__row{display:flex;align-items:baseline;gap:.625vw;padding:.15625vw .5208333333vw}.app-container .content .hero .hero-hud-data__monitor .hero-panel__key{font-size:max(.5208333333vw,10px);color:#ffffff4d;flex-shrink:0;width:1.4583333333vw;min-width:28px;letter-spacing:.03em}.app-container .content .hero .hero-hud-data__monitor .hero-panel__val{font-size:max(.5729166667vw,11px);color:#ffffffbf;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container .content .hero .hero-hud-data__monitor .hero-panel__footer{display:flex;align-items:center;gap:.3125vw;padding:.2604166667vw .5208333333vw;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.app-container .content .hero .hero-hud-data__monitor .hero-panel__dot{width:5px;height:5px;border-radius:50%;background:#fff9;flex-shrink:0;box-shadow:0 0 4px #fff6;animation:panel-dot-pulse 2s ease-in-out infinite}.app-container .content .hero .hero-hud-data__monitor .hero-panel__status{font-size:max(.5208333333vw,10px);color:#fff6;letter-spacing:.05em}.app-container .content .hero .hero-hud-data__location{bottom:6rem;left:3rem;display:flex;flex-direction:column}.app-container .content .hero .hero-hud-data__location .title{font-size:max(.8333333333vw,16px);color:#fff;margin-bottom:3px;opacity:.7}.app-container .content .hero .hero-hud-data__location .desc{font-size:max(.8333333333vw,16px);color:#fff;opacity:.9}.app-container .content .hero .hero-hud-data__location .desc .title-word{display:flex;align-items:center}.app-container .content .hero .hero-hud-data__location .desc .title-word .emoji{margin-left:3px;filter:grayscale(70%)}@keyframes panel-dot-pulse{0%,to{opacity:.5}50%{opacity:1}}.app-container .content .hero .technical-list{position:absolute;top:2rem;left:50%;transform:translate(-50%)}.app-container .content .hero .technical-list .list-items{display:flex;gap:2.4rem}.app-container .content .hero .technical-list .list-item{display:flex;gap:.5rem}.app-container .content .hero .technical-list .list-item .num{font-size:max(.5729166667vw,11px);color:#fff;opacity:.55;letter-spacing:.04em;white-space:nowrap}.app-container .content .hero .technical-list .list-item .hud-sub{font-size:max(.625vw,14px);color:#fff;opacity:.8}.app-container .content .hero .technical-list .list-item .val{font-size:max(.46875vw,10px);color:#ffffff47;letter-spacing:.04em}.app-container .content .hero .hero-hint{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.app-container .content .hero .hero-hint__mouse{display:block;width:max(.9375vw,18px);height:max(1.3541666667vw,26px);border:1px solid rgba(255,255,255,.5);border-radius:max(.46875vw,9px);position:relative}.app-container .content .hero .hero-hint__wheel{display:block;width:max(.1041666667vw,2px);height:max(.2604166667vw,5px);background:#fff;border-radius:1px;position:absolute;top:5px;left:50%;transform:translate(-50%);animation:hint-wheel 1.8s ease-in-out infinite}.app-container .content .hero .hero-hint__label{font-size:max(.625vw,12px);color:#fffc;white-space:nowrap;letter-spacing:.15rem;text-align:center}@keyframes hint-wheel{0%{opacity:.7;transform:translate(-50%) translateY(0)}60%{opacity:0;transform:translate(-50%) translateY(7px)}to{opacity:0;transform:translate(-50%) translateY(7px)}}.app-container .content .hero .btn-hud{position:fixed;left:0;top:0;transform:translate(-50%,-50%);background:transparent;border:none;font-size:max(.78125vw,16px);cursor:pointer;pointer-events:auto;letter-spacing:.03em;display:flex;justify-content:center;align-items:center;gap:.2rem;width:max(13.0208333333vw,250px);height:max(13.0208333333vw,250px);color:#fff}.app-container .content .hero .btn-hud .btn-text{white-space:nowrap;display:flex;align-items:center;gap:.05rem}.app-container .content .hero .btn-hud .btn-text__cursor{display:inline-block;width:max(.4166666667vw,9px);height:max(.6770833333vw,15px)}.app-container .content .hero .btn-hud .btn-text__cursor.active{animation:textBlink .8s infinite}.app-container .content .hero .btn-hud .btn-text__text{margin-left:.5rem}.app-container .content .hero .btn-hud--works .btn-text{margin-left:7%}.app-container .content .hero .btn-hud--info .btn-text{margin-left:-12%}.app-container .content .hero .btn-hud:hover .btn-dot{background:#fff;box-shadow:0 0 8px #fffc}.page-sub{position:fixed;inset:0;background-color:#0d0d0deb;opacity:0;pointer-events:none;transition:opacity .8s ease .2s}.page-sub.visible{opacity:1;pointer-events:auto}.page-sub .inner{width:100%;height:100%;overflow-y:auto;position:relative}.page-sub .btn-back{background:transparent;color:#fff;font-family:inherit;position:fixed;padding:2rem;left:0rem;top:calc(2rem + 50px);z-index:10;display:flex;justify-content:center;align-items:center;gap:10px}.page-sub .btn-back:before{content:"";display:block;width:10px;height:10px;border-top:1px solid #ffffff;border-left:1px solid #ffffff;transform:rotate(-45deg);margin-left:4px}.works__inner{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.works .works-preview{position:fixed;z-index:100;width:max(16.6666666667vw,320px);background:#000000bf;box-shadow:0 0 50px 20px #0003;opacity:0;transform:translateY(calc(-50% + 6px));transition:opacity .15s ease,transform .15s ease;pointer-events:none;border:1px solid rgba(255,255,255,.12)}.works .works-preview.active{opacity:1;transform:translateY(-50%)}.works .works-preview__header{display:flex;justify-content:space-between;align-items:center;padding:.3125vw .5208333333vw;border-bottom:1px solid rgba(255,255,255,.12);background:#ffffff0a}.works .works-preview__panel-id{font-size:max(.625vw,11px);color:#fff}.works .works-preview__index{font-size:max(.625vw,11px);color:#ffffff73}.works .works-preview__thumb{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}.works .works-preview__thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(40%) brightness(.8);display:block}.works .works-preview__thumb-scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);pointer-events:none}.works .works-preview__thumb-scan:before{content:"+ + +";position:absolute;top:.3125vw;left:.4166666667vw;font-size:8px;color:#ffffff59}.works .works-preview__thumb-scan:after{content:attr(data-coords);position:absolute;bottom:.3125vw;right:.4166666667vw;font-size:8px;color:#ffffff40}.works .works-preview__data{display:flex;flex-direction:column;gap:0;margin:.2604166667vw 0px}.works .works-preview__row{display:flex;align-items:baseline;gap:.8333333333vw;padding:.0520833333vw .5208333333vw}.works .works-preview__key{font-size:max(.5208333333vw,10px);color:#ffffff4d;flex-shrink:0;width:1.25vw}.works .works-preview__val{font-size:max(.5208333333vw,10px);color:#ffffffa6;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.works .works-preview__footer{display:flex;justify-content:space-between;align-items:center;padding:.3125vw .5208333333vw;border-top:1px solid rgba(255,255,255,.12);background:#ffffff08}.works .works-preview__status{display:flex;align-items:center;gap:.3125vw;font-size:max(.5208333333vw,10px);color:#ffffff73}.works .works-preview__dot{width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff;animation:dotBlink 2s ease-in-out infinite;margin-top:1px}.works .works-preview__action{font-size:max(.5208333333vw,10px);color:#ffffff40}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.works .works-progress{z-index:10;opacity:0;pointer-events:none}.works .works-progress__info{opacity:.8;color:#ffffffb3;width:max(8.8541666667vw,178px)}.works .works-telemetry{position:absolute;right:2rem;bottom:2rem;z-index:10;display:flex;flex-direction:column;gap:.25rem;padding:0rem 1rem;font-size:max(.5729166667vw,10px);color:#ffffff80;pointer-events:none;opacity:0;border-left:1px solid rgba(255,255,255,.15)}.works .works-telemetry .telemetry__title{color:#ffffff4d;font-size:max(.5208333333vw,9px);margin-bottom:.3rem;letter-spacing:.08em}.works .works-telemetry .telemetry__row{display:flex;gap:.6rem;align-items:baseline;line-height:1}.works .works-telemetry .telemetry__label{color:#ffffff59;min-width:2.2em}.works .works-telemetry .telemetry__val{color:#fff9;font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:pre}.works .works-telemetry .telemetry__row--vel{margin-top:.2rem;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.08)}.works .works-telemetry .telemetry__row--vel .telemetry__val{color:#fff6}.works .constellation-scene{flex:1;position:relative;perspective:2000px;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.works .constellation-scene:active{cursor:grabbing}.works .constellation-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:5}.works .scene-3d{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform-origin:center center}.works .works-bloom{position:absolute;left:50%;top:50%;width:1200px;height:1200px;transform:translate(-50%,-50%) rotateX(-20deg) rotateY(20deg);border-radius:50%;pointer-events:none;opacity:0;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 25%,rgba(255,255,255,.02) 50%,transparent 70%);will-change:opacity}.works .works-bloom.pulsing{animation:bloomPulse 4s ease-in-out infinite}@keyframes bloomPulse{0%,to{opacity:.12}50%{opacity:.35}}.works .scene-center{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffffb3,#ffffff80 70%,#fff0);box-shadow:0 0 60px #ffffff80,0 0 130px #fff3,0 0 240px #ffffff14;z-index:2;pointer-events:none;will-change:transform,opacity}.works .orbital-ring{position:absolute;left:50%;top:50%;border:1px solid white;border-radius:50%;pointer-events:none;opacity:var(--ring-opacity, .1);box-shadow:0 0 10px #fff3;transform-style:preserve-3d;will-change:transform,opacity;mask-image:conic-gradient(#ffffff var(--sweep, 360deg),transparent var(--sweep, 360deg));-webkit-mask-image:conic-gradient(#ffffff var(--sweep, 360deg),transparent var(--sweep, 360deg))}.works .orbital-ring-highlight{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.8);opacity:0;transition:opacity .4s ease;will-change:opacity;mask-image:conic-gradient(from var(--start-angle, 0deg),rgba(255,255,255,.2) 0deg,#ffffff var(--draw-sweep, 0deg),transparent var(--draw-sweep, 0deg));-webkit-mask-image:conic-gradient(from var(--start-angle, 0deg),rgba(255,255,255,.2) 0deg,#ffffff var(--draw-sweep, 0deg),transparent var(--draw-sweep, 0deg))}.works .orbital-ring-highlight.active{opacity:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.6)) drop-shadow(0 0 20px rgba(255,255,255,.4))}.works .node-positioner{pointer-events:none}.works .constellation-node{pointer-events:none;position:absolute;left:50%;top:50%;z-index:10;padding:1.8rem;display:flex;align-items:center;justify-content:center;transform-style:flat;will-change:transform,opacity}.works .constellation-node.hovered{z-index:100}.works .constellation-node.hovered .constellation-node__point{width:20px;height:20px;box-shadow:0 0 20px #ffffffe6,0 0 40px #fff6}.works .constellation-node.hovered .constellation-node__index{opacity:1}.works .constellation-node__point{width:14px;height:14px;background:#fff;box-shadow:0 0 10px #ffffff80;transition:width .3s ease,height .3s ease,box-shadow .3s ease;animation:nodePulse 3s ease-in-out infinite}.works .constellation-node__index{position:absolute;left:72%;font-size:max(.8333333333vw,14px);color:#fff;white-space:nowrap;transition:opacity .3s ease;display:flex}.works .constellation-node.hovered .constellation-node__point{box-shadow:0 0 20px #fff9,0 0 50px #ffffff26;animation:none}@keyframes nodePulse{0%,to{box-shadow:0 0 8px #fff6}50%{box-shadow:0 0 18px #ffffffb3}}.works__detail{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .1s ease}.works__detail.active{opacity:1;pointer-events:auto}.works__detail.active .works__detail-panel{transform:translateY(0);opacity:1}.works__detail-overlay{position:absolute;inset:0;cursor:pointer}.works__detail-panel{position:relative;width:1100px;height:fit-content;min-height:555px;background:#000000e6;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 50px #ffffff05;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1)}.works__detail-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.works__detail .panel-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.15);background:#ffffff05}.works__detail .panel-header .panel-id{font-size:13px;color:#ffffffb3}.works__detail .panel-header .btn-close-panel{background:none;border:none;color:#ffffffb3;font-family:inherit;font-size:13px;cursor:pointer}.works__detail .panel-header .btn-close-panel:hover{color:#fff}.works__detail .panel-body{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:500px 600px;overflow:hidden}.works__detail .panel-body__left{border-right:1px solid rgba(255,255,255,.08);gap:2rem}.works__detail .panel-body__left,.works__detail .panel-body__right{padding:3rem;display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.works__detail .panel-body__left::-webkit-scrollbar,.works__detail .panel-body__right::-webkit-scrollbar{width:1px;display:none}.works__detail .panel-body__left::-webkit-scrollbar-thumb,.works__detail .panel-body__right::-webkit-scrollbar-thumb{background:#fff3;border-radius:0;display:none}.works__detail .panel-image-container{position:relative;width:100%;border:1px solid rgba(255,255,255,.2);padding:10px}.works__detail .panel-image-container .corner{position:absolute;width:10px;height:10px;border:1px solid rgba(255,255,255,.6)}.works__detail .panel-image-container .corner.top-left{top:-1px;left:-1px;border-right:none;border-bottom:none}.works__detail .panel-image-container .corner.top-right{top:-1px;right:-1px;border-left:none;border-bottom:none}.works__detail .panel-image-container .corner.bottom-left{bottom:-1px;left:-1px;border-right:none;border-top:none}.works__detail .panel-image-container .corner.bottom-right{bottom:-1px;right:-1px;border-left:none;border-top:none}.works__detail .panel-image-container .image-wrapper{position:relative;width:100%;overflow:hidden;background:#ffffff05;transition:height .7s ease}@media(prefers-reduced-motion:reduce){.works__detail .panel-image-container .image-wrapper{transition:none}}.works__detail .panel-image-container .panel-image__skeleton{position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,#ffffff08,#ffffff14 48%,#ffffff08);background-size:200% 100%;animation:panel-image-skeleton-shimmer 1.4s ease-in-out infinite;animation-play-state:running;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}.works__detail .panel-image-container .panel-image__skeleton--hidden{opacity:0;visibility:hidden;animation:none;animation-play-state:paused}.works__detail .panel-image-container img{position:relative;z-index:0;width:100%;height:auto;min-height:100%;display:block;filter:grayscale(10%);opacity:0;transition:opacity .45s ease;object-fit:cover}.works__detail .panel-image-container img.is-loaded{opacity:1}@keyframes panel-image-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.works__detail .panel-meta{display:flex;gap:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem;margin-bottom:2rem}.works__detail .panel-meta .meta-row{display:flex;flex-direction:column;gap:.5rem}.works__detail .panel-meta .meta-label{font-size:10px;color:#fff6;letter-spacing:.05em}.works__detail .panel-meta .meta-val{font-size:14px;color:#ffffffe6}.works__detail .panel-title-wrapper{margin-bottom:2rem}.works__detail .panel-title-wrapper .panel-game{font-size:14px;color:#ffffff80;margin-bottom:.5rem;text-transform:uppercase;font-weight:400}.works__detail .panel-title-wrapper .panel-title{font-size:28px;font-weight:400;line-height:1.2;color:#fff;margin:0;font-family:Space Grotesk,IBM Plex Mono,Outfit,sans-serif}.works__detail .panel-description{font-size:15px;color:#ffffffa6;line-height:1.8;margin-bottom:3rem;flex:1;display:flex;flex-direction:column;gap:5px}.works__detail .panel-description span{position:relative;padding-left:16px}.works__detail .panel-description span:before{content:">";display:inline-block;font-size:15px;position:absolute;top:0;left:0}.works__detail .panel-action{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;display:flex;justify-content:flex-end}.works__detail .panel-action .btn-launch{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.05em}.works__detail .panel-action .btn-launch:hover{opacity:.7}.works__detail .panel-action .btn-launch .arrow{font-family:Arial,sans-serif}.info .info-inner{height:100%;overflow-y:auto;overflow-x:hidden;margin-top:5vh;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 100%)}.info .info-inner::-webkit-scrollbar{display:none}.info .info-nav__sections{display:flex;gap:1.2rem;margin-left:.5rem}.info .info-nav__item{cursor:pointer;text-transform:uppercase;color:#ffffffb3;transition:none}.info .info-nav__item:hover{animation:textBlink .7s infinite}.info .info-nav__item.active{color:#fff}.info .info-lines{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0;overflow:visible}.info .info-line{stroke:#ffffff26;stroke-width:1;fill:none}.info .info-content-scroll{width:100%;padding-top:20vh;display:flex;flex-direction:column;gap:max(18.5185185185vh,200px);position:relative;z-index:1}.info .info-section{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;min-height:30vh}.info .info-section#profile{position:relative;top:4vh}.info .info-section__body{width:max-content;max-width:100vw;position:relative;padding-bottom:2rem}.info .info-section__header{border:1px solid rgba(255,255,255,.2);border-bottom:none;padding:.6rem 1.2rem;background:#ffffff0d;width:max-content}.info .info-section__header .info-section__id{font-size:10px;color:#fff9;letter-spacing:.1em}.info .info-section__content{position:relative;border:1px solid rgba(255,255,255,.2);padding:3rem;background:#0d0d0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info .info-section__content:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0;opacity:.8}.info .info-section__content>*{position:relative;z-index:1}.info .info-section__content .corner{position:absolute;width:10px;height:10px;border:1px solid rgba(255,255,255,.8);z-index:2}.info .info-section__content .corner.top-left{top:-1px;left:-1px;border-right:none;border-bottom:none}.info .info-section__content .corner.top-right{top:-1px;right:-1px;border-left:none;border-bottom:none}.info .info-section__content .corner.bottom-left{bottom:-1px;left:-1px;border-right:none;border-top:none}.info .info-section__content .corner.bottom-right{bottom:-1px;right:-1px;border-left:none;border-top:none}.info .info-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;flex-shrink:0;height:max(1.6666666667vw,30px);width:60px}.info .info-node__point{display:flex;align-items:center;justify-content:center;gap:5px;color:#fff6;font-size:10px;letter-spacing:.1em;transition:color .3s ease}.info .info-node__point .bracket{color:#ffffff4d}.info .info-node__point .mark{color:#fffc}.info .info-name{font-size:max(1.6666666667vw,28px);font-weight:400;margin:0 0 1rem;color:#fff}.info .info-role{font-size:max(.625vw,12px);color:#ffffff80;margin:0 0 2rem;letter-spacing:.1em}.info .info-about{font-size:max(.78125vw,15px);opacity:.75;line-height:1.8;word-break:keep-all;width:max(23.4375vw,400px)}.info .info-contact{display:grid;grid-template-columns:1fr 1fr;gap:3rem;font-size:max(.7291666667vw,14px)}.info .info-contact .btn-contact{color:#fff6;display:flex;flex-direction:column;gap:.2rem}.info .info-contact .btn-contact .meta{color:#fff}.info .info-block-title{font-size:max(.8333333333vw,14px);color:#ffffff80;font-weight:400;margin-bottom:2.5rem;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.8rem}.info .job-entry{width:max(26.0416666667vw,450px)}.info .job-entry__header{margin-bottom:1.5rem}.info .job-entry__header h4{font-size:max(1.0416666667vw,18px);font-weight:400;margin:0 0 .8rem;color:#fff}.info .job-entry__header .job-entry__meta{font-size:max(.625vw,11px);color:#ffffff80;margin:0}.info .job-entry .project-entry{border-left:1px solid rgba(255,255,255,.15);padding-left:1.5rem;position:relative}.info .job-entry .project-entry:not(:last-child){padding-bottom:1.5rem}.info .job-entry .project-entry:last-child:after{content:"▪︎";font-size:max(.7291666667vw,14px);color:#fff;position:absolute;left:0;bottom:0;transform:translate(-50%,10%)}.info .job-entry .project-entry:before{content:"▪︎";font-size:max(.7291666667vw,14px);color:#fff;position:absolute;left:0;top:0;transform:translate(-50%,-25%)}.info .job-entry .project-entry h5{font-size:max(.8333333333vw,14px);font-weight:400;position:relative;top:-.3em;margin-bottom:.8rem;color:#fff}.info .job-entry .project-entry ul{margin:0;padding:0;list-style:none;padding-left:.1rem}.info .job-entry .project-entry ul li{font-size:max(.78125vw,13px);color:#ffffffa6;margin-bottom:.8rem;line-height:1.5;word-break:keep-all;display:flex}.info .skills-list{display:flex;flex-direction:column;gap:2rem;width:max(20.8333333333vw,380px)}.info .skills-list .skill-category strong{display:block;font-size:max(.7291666667vw,14px);font-weight:400;margin-bottom:.5rem;color:#ffffffd9;letter-spacing:.02em}.info .skills-list .skill-category span{display:block;font-size:max(.7291666667vw,14px);color:#ffffffa6;line-height:1.7}.info .education-entry{border-left:1px solid rgba(255,255,255,.15);padding-left:1.5rem;margin-left:.5rem;margin-right:max(5.2083333333vw,100px);width:max-content;max-width:800px;position:relative}.info .education-entry:not(:last-child){padding-bottom:1.5rem}.info .education-entry:last-child:after{content:"▪︎";font-size:max(.7291666667vw,14px);color:#fff;position:absolute;left:0;bottom:0;transform:translate(-50%,10%)}.info .education-entry:before{content:"▪︎";font-size:max(.7291666667vw,14px);color:#fff;position:absolute;left:0;top:0;transform:translate(-50%,-25%)}.info .education-entry h4{font-size:max(1.0416666667vw,18px);font-weight:400;color:#fff;position:relative;top:-.3em}.info .education-entry__meta{font-size:max(.625vw,11px);color:#ffffff80;margin-bottom:1rem}.info .education-entry ul{margin:0;padding:0;list-style:none}.info .education-entry ul li{font-size:max(.78125vw,14px);color:#fffc;margin-bottom:.2rem;line-height:1.6}.info-section__footer{width:100vw;height:10vh;text-align:center;font-size:max(.5208333333vw,10px);color:#ffffff80}@keyframes pulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes slideUpFade{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:var(--target-opacity, 1)}}@keyframes textBlink{0%{color:#000;background-color:#fff}49%{color:#000;background-color:#fff}50%{color:#ffffffb3;background-color:transparent}to{color:#ffffffb3;background-color:transparent}}.intro-log{position:fixed;inset:0;z-index:20000;background:#07070a;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:default;will-change:opacity;font-family:JetBrains Mono,monospace}.intro-log__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(255,255,255,.013) 3px,rgba(255,255,255,.013) 4px);pointer-events:none;z-index:1}.intro-log__viewport{position:relative;width:480px;height:110px;overflow:hidden;z-index:2}.intro-log__track{position:absolute;top:0;left:0;width:100%;will-change:transform}.intro-log__line{height:22px;display:flex;align-items:center;font-size:16px;font-weight:400;letter-spacing:.04em;color:#ffffff40;will-change:background-color,color,transform;transform-origin:left center}.intro-log__line-text{display:flex;align-items:center}.intro-log__cursor{display:inline-block;width:.6em;height:.85em;background:currentColor;margin-left:.3em;vertical-align:middle;animation:intro-cursor-blink .75s step-end infinite}@keyframes intro-cursor-blink{0%,to{opacity:1}50%{opacity:0}}