@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Oswald:wght@600;700&display=swap";
:root{--bg:#f5f5f5;--bg2:#ececec;--bg3:#e2e2e2;--bg4:#d4d4d4;--fg:#0a0a0a;--fg2:#3a3a3a;--fg3:#888;--fg4:#ccc;--border:#00000012;--border2:#00000024;--border-h:#00000047;--card:#fff;--card-h:#f4f4f4;--accent:#0a0a0a;--green:#16a34a;--nav-pill:#f5f5f5f5}:root.dark{--bg:#0a0a0a;--bg2:#111;--bg3:#1a1a1a;--bg4:#242424;--fg:#f0f0f0;--fg2:#b8b8b8;--fg3:#686868;--fg4:#2e2e2e;--border:#ffffff14;--border2:#ffffff24;--border-h:#ffffff42;--card:#0e0e0e;--card-h:#161616;--accent:#f0f0f0;--green:#22c55e;--nav-pill:#0e0e0ef7}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--fg);cursor:none;-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}a{color:inherit;cursor:none;text-decoration:none}button{cursor:none;font-family:inherit}::selection{background:var(--fg);color:var(--bg)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--fg3);border-radius:2px}.cursor-dot{background:var(--fg);pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:left,top;border-radius:50%;width:9px;height:9px;transition:transform .1s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;mix-blend-mode:difference;will-change:left,top;border:1px solid #efefef4d;border-radius:50%;width:36px;height:36px;transition:width .22s,height .22s,opacity .22s;position:fixed;transform:translate(-50%,-50%)}.cursor-expand .cursor-dot{transform:translate(-50%,-50%)scale(2.6)}.cursor-expand .cursor-ring{opacity:.15;width:62px;height:62px}.scroll-progress{background:var(--fg);z-index:600;pointer-events:none;width:0%;height:1.5px;position:fixed;top:0;left:0}.kb-nav-toast{background:var(--bg3);border:1px solid var(--border2);color:var(--fg2);letter-spacing:.1em;z-index:400;opacity:0;white-space:nowrap;pointer-events:none;border-radius:100px;padding:10px 22px;font-family:DM Mono,monospace;font-size:.72rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(80px)}.kb-nav-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.navbar{z-index:200;pointer-events:none;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo-outside{letter-spacing:-.04em;color:var(--fg);cursor:none;white-space:nowrap;pointer-events:all;background:0 0;border:none;flex-shrink:0;padding:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:800;transition:opacity .2s}.nav-logo-outside:hover{opacity:.55}.nav-logo-dim{opacity:.28}.nav-right-outside{pointer-events:all;flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-theme-btn{letter-spacing:.04em;color:var(--fg);background:var(--bg3);border:1.5px solid var(--border2);cursor:none;white-space:nowrap;border-radius:100px;padding:10px 20px;font-family:DM Mono,monospace;font-size:.78rem;font-weight:600;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.nav-theme-btn:hover{background:var(--bg4);border-color:var(--border-h);transform:scale(1.04);box-shadow:0 4px 14px #00000024}:root.dark .nav-theme-btn{box-shadow:0 2px 12px #0006}.nav-hire-outside{letter-spacing:.04em;background:var(--fg);color:var(--bg);cursor:none;white-space:nowrap;border:none;border-radius:100px;padding:10px 18px;font-family:DM Mono,monospace;font-size:.7rem;transition:opacity .2s,transform .2s}.nav-hire-outside:hover{opacity:.8;transform:scale(.97)}.hamburger{cursor:none;pointer-events:all;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:5px;padding:6px 4px;display:none}.ham-line{background:var(--fg);border-radius:2px;width:20px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.mobile-menu{background:var(--bg);z-index:190;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .35s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-nav-btn{letter-spacing:-.03em;color:var(--fg);cursor:none;background:0 0;border:none;align-items:center;gap:16px;font-family:Syne,sans-serif;font-size:2.6rem;font-weight:800;transition:opacity .2s;display:flex}.mobile-nav-btn:hover{opacity:.45}.mobile-nav-num{color:var(--fg3);font-family:DM Mono,monospace;font-size:1rem;font-weight:400}.section-label{letter-spacing:.18em;color:var(--fg3);text-transform:uppercase;align-items:center;gap:12px;margin-bottom:16px;font-family:DM Mono,monospace;font-size:.69rem;display:flex}.section-label:before{content:"";background:var(--fg3);flex-shrink:0;width:22px;height:1px;display:block}.section-num-wrap{align-items:flex-start;gap:clamp(20px,3vw,40px);margin-bottom:10px;display:flex}.section-num{letter-spacing:-.06em;color:var(--fg3);opacity:.18;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:-.08em;font-family:Syne,sans-serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:800;line-height:.85}:root.dark .section-num{opacity:.13}.section-num-content{flex-direction:column;display:flex}.section-title{letter-spacing:-.04em;color:var(--fg);font-family:Syne,sans-serif;font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:800;line-height:.97}.tag-pill{letter-spacing:.07em;color:var(--fg2);border:1px solid var(--border2);white-space:nowrap;border-radius:100px;padding:3px 11px;font-family:DM Mono,monospace;font-size:.64rem;display:inline-block}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(36px)}.reveal.from-left{transform:translate(-36px)}.reveal.from-right{transform:translate(36px)}.reveal.visible{opacity:1;transform:translateY(0)translate(0)scale(1)}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.34s}.hero-section{background:var(--bg);flex-direction:column;justify-content:center;align-items:flex-start;height:100vh;min-height:620px;padding:0 80px 0 clamp(28px,5vw,72px);display:flex;position:relative;overflow:hidden}@keyframes pulseGreen{0%,to{opacity:1}50%{opacity:.2}}@keyframes heroLineUp{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-top-intro{z-index:3;letter-spacing:.05em;color:var(--fg2);align-items:center;gap:8px;margin-bottom:clamp(20px,3vh,36px);font-family:DM Mono,monospace;font-size:.75rem;animation:.7s cubic-bezier(.16,1,.3,1) .1s both heroFadeUp;display:flex;position:relative}.hero-top-intro strong{color:var(--fg);font-weight:600}.hero-badge-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.2s infinite pulseGreen;display:inline-block}.hero-title-block{z-index:2;text-align:left;flex-direction:column;gap:0;display:flex;position:relative;overflow:visible}.hero-title-giant{letter-spacing:-.025em;color:var(--fg);white-space:nowrap;text-transform:uppercase;margin:0;font-family:Barlow Condensed,Oswald,sans-serif;font-size:clamp(3.5rem,18vw,15rem);font-weight:800;line-height:.82;display:block}.hero-title-ghost{letter-spacing:-.025em;white-space:nowrap;text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px #0a0a0a26;margin-top:-.04em;font-family:Barlow Condensed,Oswald,sans-serif;font-size:clamp(3.5rem,18vw,15rem);font-weight:800;line-height:.82;display:block}:root.dark .hero-title-ghost{-webkit-text-stroke:1.5px #f0f0f02e}.hero-title-line{display:block;overflow:hidden}.hero-title-line.ghost-line{overflow:visible}.hero-title-inner{animation:.95s cubic-bezier(.16,1,.3,1) both heroLineUp;display:block}.hero-tagline-block{z-index:5;text-align:left;max-width:560px;margin-top:clamp(24px,4vh,44px);animation:.85s cubic-bezier(.16,1,.3,1) .55s both heroFadeUp;position:relative}.hero-tagline-main{letter-spacing:.13em;color:var(--fg2);text-transform:uppercase;margin-bottom:7px;font-family:DM Mono,monospace;font-size:clamp(.68rem,1vw,.84rem)}.hero-tagline-sub{color:var(--fg3);font-family:DM Sans,sans-serif;font-size:clamp(.85rem,1.1vw,.98rem);font-style:italic;line-height:1.7}.hero-bottom-bar{z-index:5;justify-content:space-between;align-items:center;padding:0 clamp(28px,5vw,72px) 32px;animation:.8s cubic-bezier(.16,1,.3,1) .7s both heroFadeUp;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-scroll-hint-inline{letter-spacing:.14em;color:var(--fg3);align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:.65rem;display:flex}.hero-brands{align-items:center;gap:10px;display:flex}.hero-brand-label{letter-spacing:.08em;color:var(--fg3);white-space:nowrap;font-family:DM Mono,monospace;font-size:.64rem;transition:color .2s}.hero-brand-label:hover{color:var(--fg)}.hero-social-sep{background:var(--fg4);flex-shrink:0;width:1px;height:12px}.marquee-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);padding:17px 0;overflow:hidden}.marquee-track{white-space:nowrap;animation:28s linear infinite marqueeScroll;display:inline-flex}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);align-items:center;gap:20px;padding:0 28px;font-family:Syne,sans-serif;font-size:.83rem;font-weight:700;display:inline-flex}.marquee-sep{opacity:.4;font-size:1rem}.about-stories-outer{position:relative}.about-stories-sticky{background:var(--bg2);justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.about-bg-label{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.about-bg-label span{letter-spacing:-.06em;color:var(--fg);opacity:.028;white-space:nowrap;font-family:Syne,sans-serif;font-size:clamp(10rem,26vw,24rem);font-weight:800}:root.dark .about-bg-label span{opacity:.022}.about-progress-rail{z-index:10;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;left:clamp(28px,4vw,60px);transform:translateY(-50%)}.about-rail-dot{background:var(--fg3);border-radius:50%;width:6px;height:6px;transition:background .4s,transform .4s}.about-rail-dot.active{background:var(--fg);transform:scale(1.7)}.about-counter{z-index:10;letter-spacing:.06em;align-items:baseline;gap:4px;font-family:DM Mono,monospace;display:flex;position:absolute;top:clamp(32px,5vh,52px);right:clamp(32px,5vw,72px)}.about-counter-cur{letter-spacing:-.04em;color:var(--fg);opacity:.9;font-family:Syne,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;line-height:1}.about-counter-slash{color:var(--fg3);padding:0 2px;font-size:.75rem}.about-counter-tot{color:var(--fg3);font-size:.75rem}.about-panel{z-index:5;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:22vh clamp(80px,8vw,120px) clamp(32px,4vh,52px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(40px)}.about-panel.past{opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(-30px)}.about-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}.ap-eyebrow{align-items:center;gap:14px;margin-bottom:clamp(10px,1.5vh,18px);display:flex}.ap-index{letter-spacing:.14em;color:var(--fg3);font-family:DM Mono,monospace;font-size:.65rem}.ap-sep{background:var(--fg3);flex-shrink:0;width:28px;height:1px;display:block}.ap-tag-label{letter-spacing:.22em;text-transform:uppercase;color:var(--fg);font-family:DM Mono,monospace;font-size:.72rem;font-weight:600}.ap-byline{letter-spacing:-.04em;color:var(--fg);width:100%;margin-bottom:clamp(8px,1.2vh,14px);font-family:Syne,sans-serif;font-size:clamp(2rem,4.5vw,4rem);font-weight:800;line-height:1}.ap-sub{letter-spacing:.12em;color:var(--fg3);text-transform:uppercase;align-items:center;gap:10px;max-width:clamp(280px,42%,520px);margin-bottom:clamp(14px,2vh,22px);font-family:DM Mono,monospace;font-size:.68rem;display:flex}.ap-sub:before{content:"";background:var(--fg3);flex-shrink:0;width:18px;height:1px;display:block}.ap-body{color:var(--fg2);max-width:clamp(280px,42%,520px);margin-bottom:clamp(16px,2vh,24px);font-size:clamp(.88rem,1.1vw,1rem);line-height:1.8}.ap-tags{flex-wrap:wrap;gap:8px;max-width:clamp(280px,42%,520px);display:flex}.about-scroll-nudge{z-index:10;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .5s;display:flex;position:absolute;bottom:clamp(28px,4vh,44px);left:50%;transform:translate(-50%)}.about-scroll-nudge.show{opacity:1}.asn-line{background:var(--fg3);width:1px;height:32px;display:block}@keyframes nudgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.about-scroll-nudge.show .asn-line{animation:1.8s infinite nudgeBounce}.asn-text{letter-spacing:.22em;color:var(--fg3);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.58rem}@media (max-width:768px){.about-stories-outer{height:auto!important}.about-stories-sticky{height:auto;min-height:100vh;position:relative}.about-panel{opacity:0;justify-content:flex-end;padding:16px 24px 56px;display:none;position:relative;inset:auto;transform:translateY(16px)}.about-panel.active{opacity:1;min-height:60vh;display:flex;transform:none}.about-panel.past{display:none}.about-bg-label span{font-size:clamp(6rem,22vw,12rem)}.about-progress-rail{gap:8px;left:16px}.about-rail-dot{width:5px;height:5px}.about-counter{top:20px;right:20px}.ap-byline{font-size:clamp(1.4rem,6vw,2.2rem)}.ap-body{font-size:.9rem}.about-scroll-nudge{display:none}}@media (max-width:900px){.about-header-para{max-width:100%}.about-panel{padding:clamp(60px,8vh,80px) clamp(48px,6vw,80px)}.ap-byline{font-size:clamp(1.5rem,4vw,2.4rem)}}.stack-section{position:relative}.stack-sticky{background:var(--bg2);justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.stack-bg-label{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.stack-bg-label span{letter-spacing:-.06em;color:var(--fg);opacity:.022;white-space:nowrap;font-family:Syne,sans-serif;font-size:clamp(10rem,28vw,26rem);font-weight:800}.stack-top-left{z-index:10;position:absolute;top:52px;left:64px}.stack-top-right{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:52px;right:64px}.stack-dot{background:var(--fg3);border-radius:100px;height:8px;transition:width .4s cubic-bezier(.16,1,.3,1),background .4s}.stack-dot.active{background:var(--fg)}.stack-card-wrap{perspective:1000px;perspective-origin:50% 45%;justify-content:center;align-items:center;width:100%;height:100%;padding:100px 64px 80px;display:flex}.card-3d-stage{transform-style:preserve-3d;will-change:transform,opacity;width:100%;max-width:780px}.tech-card{background:var(--card);border:1px solid var(--border2);box-shadow:0 24px 60px #0000001a,0 0 0 1px var(--border);transform-style:preserve-3d;will-change:transform;border-radius:8px;padding:52px 56px;transition:transform 80ms;position:relative}:root.dark .tech-card{box-shadow:0 60px 120px #000000a6,0 0 0 1px var(--border)}.tech-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.tech-card-meta-label{letter-spacing:.18em;color:var(--fg3);text-transform:uppercase;margin-bottom:10px;font-family:DM Mono,monospace;font-size:.68rem}.tech-card-title{letter-spacing:-.035em;color:var(--fg);font-family:Syne,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.05}.tech-card-emoji{font-size:3.2rem;line-height:1}.tech-card-counter{letter-spacing:.1em;color:var(--fg3);font-family:DM Mono,monospace;font-size:.67rem;position:absolute;top:22px;right:28px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.skill-item{background:var(--bg2);border:1px solid var(--border);cursor:none;border-radius:6px;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;transition:background .22s,border-color .22s,transform .25s;display:flex}.skill-item:hover{background:var(--bg3);border-color:var(--border-h);transform:translateY(-5px)}.skill-icon{font-size:1.7rem;line-height:1}.skill-name{color:var(--fg2);text-align:center;letter-spacing:.03em;font-family:DM Mono,monospace;font-size:.65rem}.stack-scroll-label{letter-spacing:.16em;color:var(--fg3);white-space:nowrap;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:.66rem;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.stack-scroll-label:before,.stack-scroll-label:after{content:"";background:var(--fg3);width:30px;height:1px}.projects-section{background:var(--bg);position:relative}.projects-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.proj-heading-wrap{z-index:20;pointer-events:none;position:absolute;top:40px;left:clamp(32px,5vw,64px)}.proj-section-label{align-items:center;gap:12px;margin-bottom:4px;display:flex}.proj-section-label .section-num{letter-spacing:.14em;color:var(--fg3);opacity:1;font-family:DM Mono,monospace;font-size:.68rem;font-weight:400}.proj-section-label .section-label{letter-spacing:.18em;color:var(--fg3);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.62rem}.proj-section-label .section-label:before{display:none}.proj-main-heading{letter-spacing:-.03em;color:var(--fg);margin:0;font-family:Syne,sans-serif;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:800;line-height:1}.proj-progress-bar{background:var(--border);z-index:20;height:2px;position:absolute;bottom:0;left:0;right:0}.proj-progress-fill{background:var(--fg);height:100%}.proj-track{will-change:transform;width:max-content;height:100%;display:flex;position:absolute;top:0;left:0}.proj-slide{flex-shrink:0;width:100vw;height:100vh;position:relative;overflow:hidden}.proj-slide-bg{background:var(--bg);z-index:0;position:absolute;inset:0}.proj-slide-info{z-index:5;flex-direction:column;justify-content:center;width:38%;height:100%;padding:100px 24px 64px clamp(32px,5vw,64px);display:flex;position:absolute;top:0;left:0}.proj-slide-meta{align-items:center;gap:10px;margin-bottom:24px;display:flex}.proj-slide-index{letter-spacing:.14em;color:var(--fg3);font-family:DM Mono,monospace;font-size:.72rem}.proj-slide-meta-sep{background:var(--fg4);flex-shrink:0;width:28px;height:1px}.proj-slide-category{letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);font-family:DM Mono,monospace;font-size:.68rem}.proj-slide-title{letter-spacing:-.04em;color:var(--fg);overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:20px;font-family:Syne,sans-serif;font-size:clamp(1.9rem,3.6vw,3.8rem);font-weight:800;line-height:.95}.proj-slide-desc{color:var(--fg2);max-width:400px;margin-bottom:32px;font-size:clamp(.88rem,1.05vw,1rem);line-height:1.78}.proj-slide-footer{flex-direction:column;gap:16px;display:flex}.proj-slide-tags{flex-wrap:wrap;gap:8px;display:flex}.proj-slide-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);border:1px solid var(--border2);border-radius:100px;padding:5px 13px;font-family:DM Mono,monospace;font-size:.62rem}.proj-slide-link{letter-spacing:.08em;text-transform:uppercase;background:var(--fg);color:var(--bg);cursor:none;border:none;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:13px 26px;font-family:DM Mono,monospace;font-size:.68rem;text-decoration:none;transition:opacity .22s,transform .22s;display:inline-flex}.proj-slide-link:hover{opacity:.8;transform:translateY(-2px)}.proj-mockup-wrap{z-index:4;justify-content:center;align-items:center;width:68%;height:100%;padding:76px 24px 32px 8px;display:flex;position:absolute;top:0;right:0}.proj-mockup-glow{pointer-events:none;background:radial-gradient(70% 60% at 55%,#6450dc12 0%,#0000 75%);position:absolute;inset:0}:root.dark .proj-mockup-glow{background:radial-gradient(70% 60% at 55%,#785aff1f 0%,#0000 75%)}.proj-mockup-card{background:var(--card);border:1px solid var(--border2);border-radius:10px;width:100%;max-width:960px;animation:6s ease-in-out infinite mockupFloat;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 4px 8px #0000000f}:root.dark .proj-mockup-card{box-shadow:0 32px 64px #00000080,0 8px 16px #0000004d}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.proj-mockup-card:hover{animation-play-state:paused;transform:translateY(-4px)scale(1.005);box-shadow:0 32px 64px #00000024,0 8px 16px #00000014}.proj-mockup-bar{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:34px;padding:0 12px;display:flex}.proj-mockup-dots{flex-shrink:0;align-items:center;gap:5px;display:flex}.pmd{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:block}.pmd-red{background:#ff5f57}.pmd-yellow{background:#febc2e}.pmd-green{background:#28c840}.proj-mockup-url{background:var(--bg3);border:1px solid var(--border);color:var(--fg3);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;flex:1;align-items:center;gap:4px;max-width:260px;padding:3px 9px;font-family:DM Mono,monospace;font-size:.58rem;display:flex;overflow:hidden}.proj-mockup-lock{opacity:.45;flex-shrink:0;font-size:.52rem}.proj-mockup-actions{flex-shrink:0;gap:5px;display:flex}.proj-mockup-action-dot{background:var(--border2);border-radius:3px;width:13px;height:13px;display:block}.proj-mockup-screen{aspect-ratio:16/8;background:var(--bg3);width:100%;position:relative;overflow:hidden}.proj-mockup-img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.proj-mockup-screen-shine{pointer-events:none;background:linear-gradient(130deg,#ffffff12 0%,#0000 50%);position:absolute;inset:0}.proj-mockup-counter{letter-spacing:.1em;color:var(--fg3);z-index:10;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:.6rem;display:flex;position:absolute;bottom:20px;right:48px}.proj-mockup-counter-sep{opacity:.3}.edu-scene-outer{background:var(--bg);perspective:1200px;perspective-origin:50% 0;position:relative}.edu-scene-sticky{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.edu-scene-panel{opacity:1;width:100%;max-width:100%;padding:0 64px;transform:none}.edu-scene-header{margin-bottom:16px}.edu-rows-wrap{width:min(1100px,90%);margin:80px auto 0}.edu-row-left{flex-direction:column;gap:8px;display:flex}.edu-row-badge{letter-spacing:.16em;text-transform:uppercase;color:var(--fg);border:1px solid var(--border2);border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-family:DM Mono,monospace;font-size:.52rem;display:inline-flex}.edu-row-badge-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s infinite pulseGreen}.edu-row-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);font-family:DM Mono,monospace;font-size:.52rem}.edu-row-year{letter-spacing:.1em;color:var(--fg3);font-family:DM Mono,monospace;font-size:.6rem}.edu-row-degree{letter-spacing:-.02em;color:var(--fg);margin-bottom:6px;font-family:Syne,sans-serif;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:700;line-height:1.25}.edu-row-school{color:var(--fg3);font-size:.82rem;line-height:1.4}.edu-row-right{text-align:right;align-items:baseline;gap:4px;display:flex}.edu-row-score{letter-spacing:-.05em;color:var(--fg);opacity:.9;font-family:Syne,sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;line-height:1}.edu-row-score-unit{letter-spacing:.06em;color:var(--fg3);padding-bottom:4px;font-family:DM Mono,monospace;font-size:.62rem}.edu-row-divider{background:var(--border);width:100%;height:1px}.edu-row{grid-template-columns:180px 1fr auto;align-items:center;gap:0 48px;padding:36px 0;transition:opacity .3s;display:grid}.edu-row:hover{opacity:.75}.edu-row--primary .edu-row-degree{font-size:clamp(1.1rem,2vw,1.4rem)}.experience-section{background:var(--bg2);padding:160px 64px}.experience-inner{max-width:940px;margin:0 auto}.experience-header{margin-bottom:68px}.timeline-wrap{position:relative}.timeline-vert-line{background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:0}.exp-row{border-bottom:1px solid var(--border);grid-template-columns:210px 1fr;gap:48px;padding:42px 0 42px 46px;display:grid;position:relative}.exp-row:last-child{border-bottom:none}.exp-row:before{content:"";background:var(--fg3);z-index:2;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s;position:absolute;top:50px;left:-4px}.exp-row:hover:before{background:var(--fg);transform:scale(1.4)}.exp-role-title{letter-spacing:-.02em;color:var(--fg);margin-bottom:12px;font-family:Syne,sans-serif;font-size:1.22rem;font-weight:700}.exp-left-period{letter-spacing:.08em;color:var(--fg3);margin-bottom:6px;padding-top:3px;font-family:DM Mono,monospace;font-size:.72rem}.exp-left-company{color:var(--fg2);font-size:.85rem}.exp-desc-text{color:var(--fg2);font-size:.88rem;line-height:1.74}.exp-skill-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.resume-section{background:var(--bg);padding:80px 64px 100px;position:relative;overflow:hidden}.resume-section:before{content:"CV";letter-spacing:-.06em;color:var(--fg);opacity:.02;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Syne,sans-serif;font-size:clamp(14rem,35vw,32rem);font-weight:800;line-height:1;position:absolute;top:50%;right:-2vw;transform:translateY(-50%)}.resume-inner{max-width:1100px;margin:0 auto}.resume-layout{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.resume-left-heading .section-title{margin-bottom:24px;font-size:clamp(2.6rem,5vw,4rem)}.resume-left-heading p{color:var(--fg2);margin-bottom:38px;font-size:.98rem;line-height:1.8}.resume-action-btns{flex-direction:column;gap:12px;display:flex}.resume-dl-btn{background:var(--fg);color:var(--bg);cursor:none;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:16px 28px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;transition:opacity .2s;display:flex}.resume-dl-btn:hover{opacity:.82}.resume-view-btn{color:var(--fg2);border:1px solid var(--border2);cursor:none;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;padding:16px 28px;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s,color .2s;display:flex}.resume-view-btn:hover{border-color:var(--border-h);color:var(--fg)}.resume-mock-card{border:1px solid var(--border2);background:var(--card);border-radius:8px;padding:46px;position:relative;overflow:hidden}.resume-mock-card:before{content:"";background:linear-gradient(90deg,var(--fg)0%,transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.resume-mock-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding-bottom:26px;display:flex}.resume-name{letter-spacing:-.04em;color:var(--fg);font-family:Syne,sans-serif;font-size:1.9rem;font-weight:800}.resume-role-sub{color:var(--fg2);margin-top:5px;font-size:.88rem}.resume-contact-block{text-align:right;color:var(--fg3);font-family:DM Mono,monospace;font-size:.69rem;line-height:2.1}.rm-section-head{letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin:24px 0 10px;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700}.rm-entry{margin-bottom:14px}.rm-entry-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:3px;display:flex}.rm-entry-title{color:var(--fg);font-size:.88rem;font-weight:500}.rm-entry-date{color:var(--fg3);flex-shrink:0;font-family:DM Mono,monospace;font-size:.68rem}.rm-entry-sub{color:var(--fg2);font-size:.82rem}.rm-tags-row{flex-wrap:wrap;gap:6px;display:flex}.otw-wrap{border:1px solid var(--border2);background:var(--card);opacity:0;border-radius:24px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:end;gap:40px 80px;width:min(1100px,90%);margin:96px auto 80px;padding:64px 72px;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;transform:translateY(48px)}.otw-wrap.visible{opacity:1;transform:translateY(0)}.otw-wrap:before{content:"OPEN";letter-spacing:-.06em;color:var(--fg);opacity:.035;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Syne,sans-serif;font-size:clamp(6rem,14vw,11rem);font-weight:800;line-height:1;position:absolute;bottom:-32px;right:-20px}.otw-signal{grid-column:1;align-items:center;gap:8px;display:flex}.otw-pulse{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulseGreen}.otw-signal-text{letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-family:DM Mono,monospace;font-size:.58rem}.otw-statement{letter-spacing:-.035em;color:var(--fg);grid-column:1;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.otw-statement em{opacity:.45;font-style:italic}.otw-meta{flex-direction:column;grid-area:1/2/3;align-self:center;gap:28px;min-width:220px;display:flex}.otw-meta-item{flex-direction:column;gap:8px;display:flex}.otw-meta-label{letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);font-family:DM Mono,monospace;font-size:.52rem}.otw-meta-value{color:var(--fg);font-size:.9rem;font-weight:500}.otw-chips{flex-wrap:wrap;gap:6px;display:flex}.otw-chip{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border2);color:var(--fg2);background:var(--bg2);border-radius:100px;padding:5px 12px;font-family:DM Mono,monospace;font-size:.56rem}.otw-cta{background:var(--fg);color:var(--bg);letter-spacing:.08em;cursor:none;border:none;border-radius:100px;grid-column:1;align-items:center;gap:8px;width:fit-content;padding:14px 28px;font-family:DM Mono,monospace;font-size:.72rem;transition:opacity .25s,transform .25s;display:inline-flex}.otw-cta:hover{opacity:.8;transform:translateY(-2px)}.otw-cta-arrow{font-size:.9rem;transition:transform .25s}.otw-cta:hover .otw-cta-arrow{transform:translate(2px,-2px)}.contact-section{position:relative}.contact-sticky-wrap{background:var(--bg);height:100vh;position:sticky;top:0;overflow:hidden}.contact-top-half{background:var(--bg2);z-index:10;will-change:transform;justify-content:center;align-items:flex-end;height:50%;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.contact-bottom-half{background:var(--bg2);z-index:10;will-change:transform;justify-content:center;align-items:flex-start;height:50%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.contact-big-word{letter-spacing:-.055em;color:var(--fg);white-space:nowrap;text-align:center;padding:0 40px 18px;font-family:Syne,sans-serif;font-size:clamp(3.8rem,9vw,8rem);font-weight:800;line-height:.86}.contact-big-word.faded{opacity:.2;padding:18px 40px 0}.contact-center-line{background:var(--border2);z-index:15;pointer-events:none;will-change:opacity;height:1px;transition:opacity .15s;position:absolute;top:50%;left:0;right:0}.contact-form-reveal{z-index:5;pointer-events:none;will-change:transform,opacity;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.contact-form-box{background:var(--bg);border:1px solid var(--border2);border-radius:8px;width:100%;max-width:1080px;padding:clamp(28px,4.5vw,58px);box-shadow:0 24px 60px #0000001a}:root.dark .contact-form-box{box-shadow:0 64px 140px #000000bf}.contact-form-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-left-heading{letter-spacing:-.035em;color:var(--fg);margin-bottom:18px;font-family:Syne,sans-serif;font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:800;line-height:1.1}.contact-otw-inline{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.contact-otw-signal{letter-spacing:.16em;text-transform:uppercase;color:var(--green);align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:.56rem;display:inline-flex}.contact-otw-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulseGreen;display:inline-block}.contact-otw-chips{flex-wrap:wrap;gap:6px;display:flex}.contact-left-desc{color:var(--fg2);margin-bottom:32px;font-size:.93rem;line-height:1.8}.contact-info-links{flex-direction:column;gap:14px;display:flex}.contact-info-link{color:var(--fg2);text-align:left;cursor:none;background:0 0;border:none;align-items:center;gap:11px;font-family:DM Mono,monospace;font-size:.8rem;transition:color .22s;display:flex}.contact-info-link:hover{color:var(--fg)}.contact-info-link svg{opacity:.4;flex-shrink:0}.contact-form-fields{flex-direction:column;gap:14px;display:flex}.form-two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field-label{letter-spacing:.13em;color:var(--fg3);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.66rem}.form-field-input{background:var(--bg2);border:1px solid var(--border2);color:var(--fg);cursor:none;border-radius:5px;outline:none;width:100%;padding:13px 17px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .22s}.form-field-input:focus{border-color:var(--fg)}.form-field-textarea{background:var(--bg2);border:1px solid var(--border2);color:var(--fg);resize:vertical;cursor:none;border-radius:5px;outline:none;width:100%;min-height:110px;padding:13px 17px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .22s}.form-field-textarea:focus{border-color:var(--fg)}.form-submit-btn{background:var(--fg);color:var(--bg);cursor:none;border:none;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:15px 28px;font-family:DM Sans,sans-serif;font-size:.93rem;font-weight:500;transition:opacity .2s;display:flex}.form-submit-btn:hover{opacity:.82}.site-footer{background:var(--bg2);border-top:1px solid var(--border);position:relative;overflow:hidden}.footer-main{text-align:center;flex-direction:column;align-items:center;padding:48px 64px 36px;display:flex}.footer-logo{letter-spacing:-.04em;color:var(--fg);margin-bottom:8px;font-family:Syne,sans-serif;font-size:clamp(2rem,3.8vw,2.9rem);font-weight:800}.footer-logo span{opacity:.24}.footer-tagline{letter-spacing:.14em;color:var(--fg3);text-transform:uppercase;margin-bottom:42px;font-family:DM Mono,monospace;font-size:.7rem}.footer-nav-primary{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;width:100%;padding-bottom:22px;display:flex}.footer-nav-primary-btn{letter-spacing:.13em;text-transform:uppercase;color:var(--fg2);cursor:none;background:0 0;border:none;padding:4px 0;font-family:DM Mono,monospace;font-size:.74rem;transition:color .2s}.footer-nav-primary-btn:hover{color:var(--fg)}.footer-socials-row{align-items:center;gap:10px;padding:32px 0 52px;display:flex}.footer-social-circ{background:var(--bg3);border:1px solid var(--border2);width:44px;height:44px;color:var(--fg2);cursor:none;border-radius:50%;justify-content:center;align-items:center;transition:background .22s,border-color .22s,color .22s,transform .22s;display:flex}.footer-social-circ:hover{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:translateY(-3px)}.footer-end-zone{border-top:1px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden}.footer-giant-name{pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:100%;height:clamp(80px,14vw,140px);position:relative;overflow:hidden}.footer-giant-name-text{white-space:nowrap;letter-spacing:-.05em;color:var(--fg);opacity:.14;font-family:Syne,sans-serif;font-size:clamp(8rem,22vw,20rem);font-weight:800;line-height:1;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}:root.dark .footer-giant-name-text{opacity:.09}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes successCheckmark{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-message-overlay{z-index:99999;pointer-events:all;animation:.6s cubic-bezier(.34,1.56,.64,1) slideUp;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.success-message-overlay.hiding{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards slideDown}.success-message-content{background:var(--card);border:1px solid var(--border2);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:40px 60px;box-shadow:0 20px 60px #00000026}.success-checkmark{margin-bottom:16px;font-size:48px;animation:.8s cubic-bezier(.34,1.56,.64,1) successCheckmark;display:inline-block}.success-message-text{color:var(--fg);margin:0;font-family:Syne,sans-serif;font-size:18px;font-weight:600}.success-message-subtext{color:var(--fg3);margin-top:6px;font-family:Syne,sans-serif;font-size:14px}@media (max-width:1100px){.resume-layout{grid-template-columns:1fr;gap:40px}}@media (max-width:920px){.hamburger{display:flex}.navbar{padding:14px 20px}.hero-section{min-height:100svh;padding:90px 24px 0}.hero-title-giant,.hero-title-ghost{font-size:clamp(3.4rem,15vw,7rem)}.hero-tagline-block{max-width:100%;margin-top:22px}.hero-tagline-main{font-size:.65rem}.hero-bottom-bar{flex-wrap:wrap;gap:10px;padding:0 24px 32px}.stack-top-left{top:40px;left:24px}.stack-top-right{top:40px;right:24px}.stack-card-wrap{padding:100px 24px 80px}.tech-card{padding:36px 28px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:8px}.skill-item{padding:16px 8px}.proj-heading-wrap{top:28px;left:20px}.proj-slide-info{justify-content:flex-start;width:100%;height:auto;padding:100px 24px 16px;position:relative}.proj-mockup-wrap{perspective:none;width:100%;height:auto;padding:0 20px 32px;position:relative}.proj-mockup-card{max-width:100%;animation:none!important;transform:none!important}.proj-slide{flex-direction:column;height:100vh;display:flex;overflow-y:auto}.proj-slide-bg{position:fixed}.proj-slide-title{font-size:clamp(1.8rem,6vw,3rem)}.proj-slide-desc{max-width:100%}.edu-scene-panel{padding:0 24px}.edu-rows-wrap{width:100%;margin-top:32px}.edu-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:6px 20px;padding:24px 0}.edu-row-left{grid-area:1/1}.edu-row-center{grid-area:2/1}.edu-row-right{grid-area:1/2/3;align-self:center}.edu-row-score{font-size:clamp(1.8rem,6vw,2.6rem)}.experience-section{padding:80px 24px}.experience-inner{max-width:100%}.exp-row{grid-template-columns:1fr;gap:8px;padding:28px 0 28px 36px}.resume-section{padding:80px 24px}.resume-inner{max-width:100%}.resume-mock-header{flex-direction:column;gap:12px}.resume-contact-block{text-align:left}.resume-mock-card{padding:28px}.otw-wrap{grid-template-columns:1fr;gap:24px;margin:60px auto;padding:36px 28px}.otw-meta{grid-area:auto/1}.otw-statement{font-size:clamp(1.6rem,5vw,2.4rem)}.contact-form-reveal{padding:12px}.contact-form-box{padding:24px 20px}.contact-form-grid{grid-template-columns:1fr;gap:24px}.form-two-col{grid-template-columns:1fr}.contact-big-word{font-size:clamp(2.8rem,8vw,5rem)}.contact-left-heading{font-size:clamp(1.6rem,5vw,2.2rem)}.footer-main{padding:40px 24px 32px}.footer-nav-primary{gap:16px}}@media (max-width:600px){.hero-section{padding:80px 20px 0}.hero-title-giant,.hero-title-ghost{font-size:clamp(2.8rem,16vw,5rem)}.section-title{font-size:clamp(2rem,7vw,3rem)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:8px}.proj-slide-info{padding:90px 16px 12px}.proj-mockup-wrap{padding:0 16px 24px}.proj-slide-title{font-size:clamp(1.6rem,7vw,2.4rem)}.edu-scene-panel{padding:0 16px}.experience-section{padding:60px 16px}.exp-row{padding:24px 0 24px 28px}.resume-section{padding:60px 16px}.resume-mock-card{padding:20px}.otw-wrap{margin:40px auto;padding:28px 20px}.contact-form-box{padding:20px 16px}.contact-big-word{font-size:clamp(2rem,9vw,3.5rem)}.footer-main{padding:36px 16px 28px}.footer-logo{font-size:1.6rem}.footer-nav-primary{gap:12px}.footer-socials-row{padding:20px 0 36px}}@media (max-width:480px){.hero-title-giant,.hero-title-ghost{font-size:clamp(2.4rem,17vw,4rem)}.tech-card{padding:28px 20px}.skill-name{font-size:.58rem}.proj-slide-title{font-size:clamp(1.4rem,8vw,2rem)}.contact-big-word{font-size:clamp(1.6rem,10vw,2.8rem)}.otw-statement{font-size:clamp(1.3rem,6vw,1.8rem)}}