*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--off-white:#f4f4f4;--cream:#fafafa;--gray-100:#e0e0e0;--gray-200:#ccc;--gray-300:#999;--gray-400:#666;--gray-500:#333;--gray-600:#1a1a1a;--ink:#000;--ink-soft:#111;--black:#000;--accent:#0f0;--accent-l:#3f3;--accent-d:#0c0;--accent-dim:#00ff0026;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-pixel:"Press Start 2P", monospace;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:100px;--space-3xl:140px;--nav-h:76px;--container:1400px;--gutter:60px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--dur-fast:.3s;--dur-med:.6s;--dur-slow:1s}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--white);color:var(--ink);font-family:var(--font-body);cursor:none;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.3;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,#0000 30%,#0f09 31%,#0000 32%),linear-gradient(90deg,#00ff004d 1px,#0000 1px),linear-gradient(#00ff004d 1px,#0000 1px);background-size:150px 150px,60px 60px,60px 60px;position:fixed;inset:-50%;transform:scale(1.5)perspective(600px)rotateX(25deg)}::selection{background:var(--accent);color:var(--white)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:none;font:inherit;background:0 0;border:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}#preloader{z-index:10000;background:var(--ink);transition:opacity .6s var(--ease-out), visibility .6s;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#preloader.done{opacity:0;visibility:hidden;pointer-events:none}.preloader-inner{text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.preloader-pixel-text{font-family:var(--font-pixel);color:var(--accent);letter-spacing:.15em;font-size:1.2rem}.preloader-bar{background:#ffffff14;border-radius:1px;width:180px;height:2px;overflow:hidden}.preloader-bar-fill{background:var(--accent);width:0%;height:100%;transition:width .15s linear}.preloader-percent{font-family:var(--font-pixel);color:#ffffff40;letter-spacing:.1em;font-size:.55rem}#cursor-dot{z-index:9999;background:var(--accent);pointer-events:none;width:6px;height:6px;transition:width var(--dur-fast), height var(--dur-fast), background var(--dur-fast);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-ring{z-index:9998;pointer-events:none;width:40px;height:40px;transition:width var(--dur-fast) var(--ease-out), height var(--dur-fast) var(--ease-out), border-color var(--dur-fast), opacity var(--dur-fast);opacity:0;border:1px solid #1a191733;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body:hover #cursor-ring{opacity:1}body.cursor-hover #cursor-dot{background:var(--ink);width:12px;height:12px}body.cursor-hover #cursor-ring{border-color:var(--accent);width:60px;height:60px}body.cursor-hidden #cursor-dot,body.cursor-hidden #cursor-ring{opacity:0}@media (pointer:coarse){#cursor-dot,#cursor-ring{display:none}body,body *{cursor:auto}}#nav{z-index:1000;height:var(--nav-h);padding:0 var(--gutter);transition:background var(--dur-med), backdrop-filter var(--dur-med), box-shadow var(--dur-med);background:0 0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}#nav.scrolled{-webkit-backdrop-filter:blur(24px)saturate(1.4);box-shadow:0 1px 0 var(--gray-100);background:#ffffffe0}.nav-logo{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);font-size:1rem;font-weight:700}.nav-logo-dot{color:var(--accent)}.nav-links{gap:44px;display:flex}.nav-link{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500);transition:color var(--dur-fast);font-size:.78rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width var(--dur-fast) var(--ease-out);position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--ink)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--ink)}.nav-link.active:after{width:100%}.nav-menu-btn{flex-direction:column;gap:6px;width:28px;padding:4px 0;display:none}.nav-menu-btn span{background:var(--ink);height:1.5px;transition:transform var(--dur-fast), opacity var(--dur-fast);display:block}.nav-menu-btn.open span:first-child{transform:translateY(3.75px)rotate(45deg)}.nav-menu-btn.open span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.mobile-menu{z-index:999;background:var(--white);opacity:0;visibility:hidden;transition:opacity var(--dur-med) var(--ease-out), visibility var(--dur-med);flex-direction:column;justify-content:center;align-items:center;gap:60px;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-links{flex-direction:column;align-items:center;gap:32px;display:flex}.mobile-link{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);transition:color var(--dur-fast);font-size:clamp(32px,8vw,56px);font-weight:700}.mobile-link:hover{color:var(--accent)}.mobile-menu-footer{font-family:var(--font-body);color:var(--gray-400);font-size:.82rem}.hero-room{background:var(--white);width:100vw;height:100vh;font-family:var(--font-pixel);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.room-scene{perspective:1200px;z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.room-wrapper{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:relative;transform:translateZ(500px)}.room-face{background-color:var(--white);box-sizing:border-box;border:2px solid #0f0;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.room-grid-overlay{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#00ff004d 1px,#0000 1px),linear-gradient(#00ff004d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.room-top{background-image:linear-gradient(90deg,#00ff0080 1px,#0000 1px),linear-gradient(#00ff0080 1px,#0000 1px);background-size:60px 60px;width:2000px;height:2000px;top:-1000px;left:-1000px;transform:translateY(-500px)rotateX(-90deg)}.room-bottom{background-image:linear-gradient(90deg,#00ff0080 1px,#0000 1px),linear-gradient(#00ff0080 1px,#0000 1px);background-size:60px 60px;width:2000px;height:2000px;top:-1000px;left:-1000px;transform:translateY(500px)rotateX(90deg)}.room-left{width:2000px;height:1000px;top:-500px;left:-1000px;transform:translate(-1000px)rotateY(90deg)}.room-right{flex-direction:column;width:2000px;height:1000px;top:-500px;left:-1000px;transform:translate(1000px)rotateY(-90deg)}.room-back{width:2000px;height:1000px;top:-500px;left:-1000px;transform:translateZ(-1000px)}.room-warped-bg{opacity:.8;z-index:0;background-image:radial-gradient(circle,#0000 30%,#0f09 31%,#0000 32%),linear-gradient(90deg,#0f06 1px,#0000 1px),linear-gradient(#0f06 1px,#0000 1px);background-size:150px 150px,60px 60px,60px 60px;width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:scale(1.5)perspective(600px)rotateX(25deg)}.room-big-text{font-family:var(--font-pixel);letter-spacing:-.02em;margin:0;font-size:clamp(50px,10vw,150px);line-height:1;position:absolute}.marquee-layer{opacity:.1;width:100%;height:100%;color:var(--black);font-family:var(--font-display);white-space:nowrap;justify-content:center;align-items:center;font-size:200px;font-weight:700;display:flex;position:absolute;overflow:hidden;transform:translateZ(50px)}.marquee-content{animation:20s linear infinite moveLeft}@keyframes moveLeft{0%{transform:translate(50%)}to{transform:translate(-50%)}}.back-text-outline{color:#0000;-webkit-text-stroke:4px var(--accent);text-shadow:none;z-index:10;font-size:clamp(80px,15vw,220px);transform:translateZ(150px)}.back-text-solid{color:var(--black);background:var(--accent);box-shadow:20px 20px 0px var(--black);z-index:20;margin-top:100px;margin-left:200px;padding:10px 40px;font-size:clamp(40px,8vw,120px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateZ(300px)}.back-text-solid:hover{transform:translateZ(350px)scale(1.05)}.back-title-wrap{z-index:30;margin-top:-160px;margin-left:-200px;position:absolute;transform:translateZ(450px)}.back-title{background:var(--black);color:var(--accent);font-family:var(--font-pixel);border:2px solid var(--accent);padding:12px 24px;font-size:24px;animation:4s ease-in-out infinite floatTitle;display:inline-block;box-shadow:-10px 10px #00ff004d}@keyframes floatTitle{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cube{width:100px;height:100px;transform-style:preserve-3d;animation:10s linear infinite rotateCube;position:absolute}.cube-1{top:20%;left:20%;transform:translateZ(200px)}.cube-2{width:60px;height:60px;animation-duration:7s;animation-direction:reverse;bottom:20%;right:20%;transform:translateZ(400px)}.cube-face{border:2px solid var(--accent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00ff001a;width:100%;height:100%;position:absolute;box-shadow:inset 0 0 15px #0f03}.cube-front{transform:translateZ(50px)}.cube-back{transform:rotateY(180deg)translateZ(50px)}.cube-right{transform:rotateY(90deg)translateZ(50px)}.cube-left{transform:rotateY(-90deg)translateZ(50px)}.cube-top{transform:rotateX(90deg)translateZ(50px)}.cube-bottom{transform:rotateX(-90deg)translateZ(50px)}.cube-2 .cube-front{transform:translateZ(30px)}.cube-2 .cube-back{transform:rotateY(180deg)translateZ(30px)}.cube-2 .cube-right{transform:rotateY(90deg)translateZ(30px)}.cube-2 .cube-left{transform:rotateY(-90deg)translateZ(30px)}.cube-2 .cube-top{transform:rotateX(90deg)translateZ(30px)}.cube-2 .cube-bottom{transform:rotateX(-90deg)translateZ(30px)}@keyframes rotateCube{0%{transform:translateZ(200px)rotateX(0)rotateY(0)}to{transform:translateZ(200px)rotateX(360deg)rotateY(360deg)}}.cube-2{animation:7s linear infinite reverse rotateCube2}.cube-3{width:120px;height:120px;animation:12s linear infinite rotateCube;top:10%;right:-20%;transform:translateZ(100px)}.cube-3 .cube-front{transform:translateZ(60px)}.cube-3 .cube-back{transform:rotateY(180deg)translateZ(60px)}.cube-3 .cube-right{transform:rotateY(90deg)translateZ(60px)}.cube-3 .cube-left{transform:rotateY(-90deg)translateZ(60px)}.cube-3 .cube-top{transform:rotateX(90deg)translateZ(60px)}.cube-3 .cube-bottom{transform:rotateX(-90deg)translateZ(60px)}@keyframes rotateCube2{0%{transform:translateZ(400px)rotateX(0)rotateY(0)}to{transform:translateZ(400px)rotateX(360deg)rotateY(360deg)}}.left-text{color:#0000;background:repeating-linear-gradient(45deg, var(--accent), var(--accent) 12px, var(--white) 12px, var(--white) 24px);-webkit-text-stroke:4px var(--black);-webkit-background-clip:text;background-clip:text;animation:10s linear infinite bgScroll}@keyframes bgScroll{0%{background-position:0 0}to{background-position:100px 100px}}.floating-badge{color:var(--accent);border:2px solid var(--accent);font-family:var(--font-display);background:var(--black);border-radius:50%;padding:40px;font-size:60px;animation:2s ease-in-out infinite pulseBadge;transform:translateZ(50px)}@keyframes pulseBadge{0%,to{transform:translateZ(50px)scale(1)}50%{box-shadow:0 0 40px var(--accent);transform:translateZ(100px)scale(1.1)}}.ui-panel{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-pixel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:16px;transition:transform .3s;position:absolute}.ui-panel:hover{background:var(--accent);color:var(--black);transform:scale(1.1)translateZ(150px)!important}.left-panel{bottom:20%;right:20%;transform:translateZ(100px)}.right-panel{top:30%;left:10%;transform:translateZ(120px)}.panel-title{border-bottom:1px solid var(--accent);margin-bottom:12px;padding-bottom:8px;font-size:14px;display:block}.panel-bar{background:var(--accent);width:100%;height:6px;margin-bottom:6px}.ui-panel:hover .panel-bar{background:var(--black)}.ui-panel:hover .panel-title{border-bottom-color:var(--black)}.panel-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.panel-grid span{background:var(--accent);opacity:.5;width:20px;height:20px;animation:2s infinite alternate blinkGrid;display:block}.panel-grid span:nth-child(2){animation-delay:.5s}.panel-grid span:nth-child(3){animation-delay:1s}@keyframes blinkGrid{0%{opacity:.2}to{opacity:1}}.wireframe-sphere{border:2px dashed var(--accent);opacity:.4;border-radius:50%;width:200px;height:200px;animation:10s linear infinite rotateSphere;position:absolute;top:30%;left:20%;transform:translateZ(200px)}@keyframes rotateSphere{to{transform:translateZ(200px)rotate(360deg)}}.room-start-btn{border:2px solid var(--accent);background:var(--white);font-family:var(--font-pixel);color:var(--black);z-index:10;cursor:none;border-radius:60px;align-items:center;gap:16px;padding:16px 40px;font-size:24px;transition:background .3s,color .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.room-start-btn:hover{background:var(--accent);color:var(--black);transform:translate(-50%)scale(1.1)}.start-icon{width:24px;height:24px;color:var(--accent)}.room-start-btn:hover .start-icon{color:var(--black)}.room-ui-overlay{pointer-events:none;z-index:100;width:100vw;height:100vh;font-family:var(--font-pixel);position:absolute;top:0;left:0}.ui-box{border:1.5px solid var(--accent);background:var(--white);color:var(--accent-d);text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;font-size:11px;transition:transform .2s,background .2s;position:absolute}.ui-box:hover{background:var(--accent-dim);transform:scale(1.05)}.box-tl{top:calc(var(--nav-h) + 20px);color:var(--black);border-color:var(--black);left:40px}.box-bl-1{bottom:80px;left:80px}.box-bl-2{bottom:40px;left:40px}.box-br-1{bottom:80px;right:80px}.box-br-2{bottom:40px;right:40px}@media (width<=1024px){.room-big-text{font-size:clamp(60px,15vw,120px)}.box-tl{top:100px;left:20px}.box-bl-1,.box-bl-2,.box-br-1,.box-br-2{display:none}}@media (width<=640px){.room-big-text{font-size:clamp(32px,12vw,80px)}.right-subtext,.back-title{font-size:14px}}.marquee-section{background:var(--accent);border-top:1px solid var(--accent-d);border-bottom:1px solid var(--accent-d);padding:16px 0;overflow:hidden}.marquee-track{white-space:nowrap;will-change:transform;display:flex}.marquee-item{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--white);flex-shrink:0;padding:0 32px;font-size:.5rem}.marquee-sep{color:#fff6;flex-shrink:0;padding:0 8px;font-size:.5rem}.section-eyebrow{font-family:var(--font-pixel);letter-spacing:.15em;color:var(--accent);align-items:center;gap:14px;margin-bottom:24px;font-size:.52rem;display:inline-flex}.eyebrow-line{background:var(--accent);width:24px;height:2px;display:inline-block}.section-eyebrow--light{color:var(--accent-l)}.eyebrow-line--light{background:var(--accent-l)}.section-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);transform-style:preserve-3d;transition:transform .3s var(--ease-out);font-size:clamp(42px,6.5vw,96px);font-weight:700;line-height:.94}.section-title--light{color:var(--white)}.title-line{display:block}.title-dot{color:var(--accent)}.text-highlight{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:1px}.dot-divider{align-items:center;gap:8px;margin:48px 0;display:flex}.dot-divider span{background:var(--gray-200);border-radius:50%;width:4px;height:4px}.dot-divider .dot-accent{background:var(--accent)}.dot-divider:before,.dot-divider:after{content:"";background:var(--gray-100);flex:1;height:1px}#about{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--space-3xl) var(--gutter);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);background:#f4f4f466;position:relative;overflow:hidden}.about-inner{max-width:var(--container);margin:0 auto}.about-header{position:relative}.about-pixel-accent{font-family:var(--font-pixel);color:var(--gray-200);letter-spacing:.06em;writing-mode:vertical-rl;text-orientation:mixed;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(12px,1.5vw,18px);line-height:2.2;position:absolute;top:-20px;right:0}.about-grid{gap:var(--space-2xl);margin-top:var(--space-xl);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.about-quote{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(22px,2.8vw,40px);font-weight:600;line-height:1.3}.about-body{font-family:var(--font-body);color:var(--gray-600);max-width:500px;font-size:1rem;line-height:1.85}.about-right{flex-direction:column;gap:40px;padding-top:12px;display:flex}.about-stat{border-bottom:1px solid var(--gray-200);transform-style:preserve-3d;transition:transform .3s var(--ease-out), border-color .3s, box-shadow .3s;border:1px solid #0000;flex-direction:column;gap:6px;padding:24px 24px 36px;display:flex}.about-stat:hover{border-color:var(--accent);box-shadow:0 8px 30px #00000014, 0 0 0 1px var(--accent-dim)}.about-stat:last-child{border-bottom:none;padding-bottom:0}.stat-number{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-size:clamp(44px,5vw,72px);font-weight:700;line-height:1}.stat-accent{color:var(--accent)}.stat-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);font-size:.78rem;font-weight:500}#experience{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--space-3xl) var(--gutter);background:#fff9}.exp-inner{max-width:var(--container);margin:0 auto}.exp-layout{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:280px 1fr;display:grid}.exp-index{font-family:var(--font-display);letter-spacing:-.06em;color:var(--gray-100);-webkit-user-select:none;user-select:none;font-size:clamp(100px,14vw,200px);font-weight:700;line-height:.85}.exp-item{border-bottom:1px solid var(--gray-100);transition:padding-left var(--dur-med) var(--ease-out), box-shadow .3s;transform-style:preserve-3d;justify-content:space-between;gap:48px;padding:52px 20px;display:flex;position:relative}.exp-item:hover{box-shadow:0 10px 40px #0000000f}.exp-item:before{content:"";background:var(--accent-dim);width:0;height:100%;transition:width var(--dur-med) var(--ease-out);z-index:0;position:absolute;top:0;left:0}.exp-item:hover{padding-left:20px}.exp-item:hover:before{width:100%}.exp-item-content{z-index:1;position:relative}.exp-company-row{align-items:center;gap:16px;margin-bottom:8px;display:flex}.exp-company-logo{object-fit:contain;border:1px solid var(--gray-100);background:var(--white);border-radius:10px;flex-shrink:0;width:52px;height:52px;padding:4px}.exp-company{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:0;font-size:clamp(28px,3.5vw,48px);font-weight:700}.exp-role{font-family:var(--font-body);color:var(--gray-400);margin-bottom:20px;font-size:.92rem}.exp-desc{font-family:var(--font-body);color:var(--gray-600);max-width:540px;margin-bottom:24px;font-size:.95rem;line-height:1.8}.exp-tags{flex-wrap:wrap;gap:8px;display:flex}.exp-tag{font-family:var(--font-body);letter-spacing:.06em;color:var(--gray-500);border:1px solid var(--gray-200);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);border-radius:3px;padding:6px 14px;font-size:.72rem;font-weight:500}.exp-item:hover .exp-tag{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-d)}.exp-year-block{z-index:1;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;padding-top:6px;display:flex;position:relative}.exp-year{font-family:var(--font-pixel);color:var(--accent);letter-spacing:.06em;font-size:.5rem}.exp-year-dash{font-family:var(--font-body);color:var(--gray-300);font-size:.7rem}#works{padding:var(--space-3xl) 0;border-top:1px solid var(--gray-100);background:#00000080}.works-inner{position:relative}.works-header{padding:0 var(--gutter);max-width:var(--container);margin:0 auto var(--space-2xl)}.works-carousel-wrapper{width:100%;position:relative;overflow:hidden}.works-carousel-track{will-change:transform;align-items:center;width:max-content;display:flex;transform:translate(0,0)}.works-track-group{align-items:center;gap:40px;padding-right:40px;display:flex}.works-slide{border:2px solid var(--accent);opacity:.35;will-change:transform, opacity;background:#0000004d;border-radius:8px;flex-shrink:0;max-height:520px;transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .6s ease-out;position:relative;overflow:hidden;transform:scale(.88)translate(0,0);box-shadow:0 10px 40px #0006}.works-slide.is-active{opacity:1;transform:scale(1)translate(0,0);box-shadow:0 15px 50px #00ff0040,0 0 0 1px #00ff004d}.works-slide img{object-fit:contain;will-change:transform;width:auto;height:auto;max-height:520px;transition:transform .4s;display:block}.works-slide:hover img{transform:scale(1.03)}@media (width<=768px){.works-slide,.works-slide img{max-height:360px}.works-track-group{gap:16px;padding-right:16px}}.statement-section{background:var(--cream);padding:var(--space-3xl) var(--gutter);text-align:center;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);overflow:hidden}.statement-inner{max-width:900px;transform-style:preserve-3d;margin:0 auto;padding:40px;transition:box-shadow .4s}.statement-inner:hover{box-shadow:0 20px 60px #00000014}.statement-text{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(32px,5.5vw,76px);font-weight:700;line-height:1.1;transition:transform .3s}.statement-text:hover{transform:scale(1.02)}.statement-line{transition:color .3s;display:block}.statement-outline{-webkit-text-stroke:1.5px var(--ink);color:#0000}.statement-outline:hover{-webkit-text-stroke:1.5px var(--accent)}.statement-accent{color:var(--accent)}.statement-attr{font-family:var(--font-body);color:var(--gray-400);letter-spacing:.06em;margin-top:40px;font-size:.85rem}#skills{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--space-3xl) var(--gutter);background:#000000e6;position:relative;overflow:hidden}.skills-inner{max-width:var(--container);z-index:1;margin:0 auto;position:relative}.skills-pixel-bg{bottom:-30px;right:var(--gutter);font-family:var(--font-pixel);color:#ffffff05;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;font-size:clamp(48px,10vw,140px);line-height:1;position:absolute}.skills-grid{margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.skill-card{transition:transform .3s var(--ease-out), background .3s, border-color .3s, box-shadow .3s;transform-style:preserve-3d;background:#ffffff06;border:1px solid #ffffff0d;padding:48px 36px;position:relative}.skill-card:hover{background:#ffffff0d;border-color:#0f06;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #00ff001a}.skill-icon{width:48px;height:48px;color:var(--accent);margin-bottom:24px;transform:translateZ(20px)}.skill-card-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin-bottom:28px;font-size:clamp(20px,2.2vw,28px);font-weight:700}.skill-list{flex-direction:column;gap:12px;display:flex;transform:translateZ(20px)}.skill-card-label{font-family:var(--font-pixel);letter-spacing:.14em;color:var(--accent);margin-bottom:28px;font-size:.45rem;display:block}.skill-card-index{font-family:var(--font-display);color:#ffffff0a;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;font-size:2.5rem;font-weight:700;position:absolute;top:20px;right:24px}.skill-card-list{flex-direction:column;gap:14px;display:flex}.skill-card-list li{font-family:var(--font-body);color:#ffffff80;transition:color var(--dur-fast);align-items:center;gap:12px;font-size:.88rem;display:flex}.skill-card:hover .skill-card-list li{color:#fffc}.skill-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}#tools{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--space-3xl) var(--gutter);background:#ffffffb3}.tools-inner{max-width:var(--container);margin:0 auto}.tools-layout{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.tool-row{border-bottom:1px solid var(--gray-100);transition:background var(--dur-fast), gap var(--dur-fast), box-shadow .3s, transform .3s;transform-style:preserve-3d;border-radius:4px;align-items:center;gap:24px;padding:28px 24px;display:flex}.tool-row:hover{background:var(--off-white);gap:32px;box-shadow:0 8px 30px #0000000f}.tool-icon-wrap{background:var(--off-white);border:1px solid var(--gray-100);width:48px;height:48px;transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-row:hover .tool-icon-wrap{background:var(--accent);border-color:var(--accent)}.tool-icon-svg{width:22px;height:22px;color:var(--gray-500);transition:color var(--dur-fast)}.tool-row:hover .tool-icon-svg{color:var(--white)}.tool-info{flex:1}.tool-name{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:600;display:block}.tool-desc{font-family:var(--font-body);color:var(--gray-400);margin-top:3px;font-size:.82rem;display:block}.tool-arrow{font-family:var(--font-body);color:var(--gray-300);transition:color var(--dur-fast), transform var(--dur-fast);flex-shrink:0;font-size:1.2rem}.tool-row:hover .tool-arrow{color:var(--accent);transform:translate(4px)}.tools-big-type{transform-style:preserve-3d;transition:transform .3s var(--ease-out);flex-direction:column;display:flex}.tools-big-line{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-size:clamp(44px,7vw,100px);font-weight:700;line-height:.92;display:block}.tools-big-outline{-webkit-text-stroke:2px var(--ink);color:#0000}.tools-big-accent{color:var(--accent)}.tools-desc{font-family:var(--font-body);color:var(--gray-500);max-width:380px;margin-top:28px;font-size:.95rem;line-height:1.8}#contact{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--space-3xl) var(--gutter);text-align:center;border-top:1px solid var(--gray-100);background:#f4f4f499}.contact-inner{max-width:800px;margin:0 auto}.contact-eyebrow{justify-content:center}.contact-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin-top:20px;margin-bottom:40px;font-size:clamp(44px,8vw,112px);font-weight:700;line-height:.92}.contact-title-line{display:block}.contact-title-outline{-webkit-text-stroke:2px var(--ink);color:#0000}.contact-body{font-family:var(--font-body);color:var(--gray-600);max-width:500px;margin:0 auto 52px;font-size:1rem;line-height:1.8}.contact-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.contact-link{border:1.5px solid var(--gray-200);font-family:var(--font-body);letter-spacing:.03em;color:var(--ink);background:var(--white);transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast), transform var(--dur-fast), box-shadow .3s;transform-style:preserve-3d;border-radius:4px;align-items:center;gap:10px;padding:16px 28px;font-size:.85rem;font-weight:500;display:inline-flex}.contact-link:hover{background:var(--ink);border-color:var(--ink);color:var(--white);transform:translateY(-2px);box-shadow:0 12px 30px #00000026}.contact-icon{flex-shrink:0;width:18px;height:18px}.contact-link--primary{background:var(--accent);border-color:var(--accent);color:var(--white)}.contact-link--primary:hover{background:var(--accent-d);border-color:var(--accent-d);color:var(--white)}.contact-link--location{cursor:default;opacity:.85}.contact-link--location:hover{background:var(--white);border-color:var(--gray-200);color:var(--ink);transform:none}footer{background:var(--black);padding:36px var(--gutter)}.footer-inner{max-width:var(--container);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-display);color:var(--white);font-size:.9rem;font-weight:700}.footer-dot{color:var(--accent)}.footer-pixel{font-family:var(--font-pixel);color:#ffffff26;letter-spacing:.1em;font-size:.42rem}.footer-note{font-family:var(--font-body);color:#ffffff40;letter-spacing:.06em;font-size:.75rem}[data-reveal]{opacity:0;transform:translateY(40px)}@media (width<=1024px){:root{--gutter:36px}.nav-links{display:none}.nav-menu-btn{display:flex}.about-grid{gap:var(--space-xl);grid-template-columns:1fr}.exp-layout{gap:var(--space-lg);grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.tools-layout{gap:var(--space-xl);grid-template-columns:1fr}#canvas-hero{opacity:.35;width:100%}.about-pixel-accent{display:none}.hero-meta-row{flex-wrap:wrap;gap:20px}footer .footer-inner{text-align:center;flex-direction:column;gap:12px}}@media (width<=640px){:root{--gutter:20px;--space-3xl:80px;--space-2xl:60px}.hero-char-wrap{font-size:clamp(44px,14vw,90px)}.skills-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:stretch}.exp-item{flex-direction:column;gap:20px;padding-left:0}.exp-item:hover{padding-left:0}.exp-year-block{flex-direction:row;align-items:flex-start;gap:8px}.statement-text{font-size:clamp(28px,6vw,48px)}.about-stat{border-left:none;border-top:1px solid var(--gray-200);padding-top:16px;padding-left:0}}