@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg: #000000;--bg-surface: #0a0a0a;--bg-overlay: #111111;--border: #222222;--border-light:#333333;--text: #ffffff;--text-secondary: #999999;--text-muted: #4d4d4d;--accent: #ff0c3a;--accent-dim: rgba(255,12,58,.1);--accent-green:#3fb950;--red: #ff0c3a;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--ease: cubic-bezier(0,1,1,1);--ease-out: cubic-bezier(.4,0,.2,1);--ease-spring: cubic-bezier(.16,1,.3,1);--nav-h: 60px;--modal-open-dur: .25s;--modal-close-dur: .15s;--modal-scale: .96;--modal-scale-close: .96;--modal-ease: cubic-bezier(.22, 1, .36, 1)}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .6s var(--ease),visibility .6s;pointer-events:none}.preloader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-geometry{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:-1;overflow:hidden;opacity:.4}.geo-shape{position:absolute;border:1px solid var(--accent);border-radius:50%;animation:geoExpand 6s var(--ease) infinite alternate}.geo-1{width:30vw;height:30vw;animation-delay:0s;border-color:#ff0c3a80}.geo-2{width:45vw;height:45vw;animation-delay:.5s;border-width:2px}.geo-3{width:65vw;height:65vw;animation-delay:1s;border-color:#ffffff1a;border-radius:0;transform:rotate(45deg);animation-name:geoRotate}.geo-4{width:90vw;height:90vw;animation-delay:1.5s;border-color:#ff0c3a33}.geo-5{width:120vw;height:120vw;animation-delay:2s;border-color:#ffffff0d;border-radius:0;animation-name:geoRotateRev}@keyframes geoExpand{0%{transform:scale(.3);opacity:0}50%{opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes geoRotate{0%{transform:scale(.3) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1.5) rotate(180deg);opacity:0}}@keyframes geoRotateRev{0%{transform:scale(.3) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1.5) rotate(-180deg);opacity:0}}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);mix-blend-mode:multiply}.glow-cursor{position:fixed;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,12,58,.18) 0%,rgba(255,12,58,.08) 20%,rgba(255,12,58,.03) 45%,transparent 70%);transition:opacity .5s var(--ease);opacity:0;will-change:left,top;mix-blend-mode:screen}.glow-cursor.active{opacity:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.6;overflow-x:hidden;max-width:100vw;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}body.shake-mode{animation:bgShake .08s linear 10 alternate}@keyframes bgShake{0%{transform:translate(2px,1px)}25%{transform:translate(-2px,-1px)}50%{transform:translate(-1px,2px)}75%{transform:translate(1px,-2px)}to{transform:translate(-2px,1px)}}section{max-width:1100px;margin:0 auto;position:relative;z-index:2;transition:opacity .3s ease-out,transform .3s ease-out;will-change:opacity,transform}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}::selection{background:var(--accent);color:#fff}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 clamp(1.5rem,5vw,4rem);z-index:100;transition:transform .3s var(--ease),background .3s var(--ease)}.nav.hidden{transform:translateY(-100%)}.nav-brand{font-family:var(--font-serif);font-size:1.1rem;letter-spacing:-.02em;display:inline-flex;align-items:center;min-height:44px}.brand-accent{color:var(--accent)}.brand-name{color:var(--text)}.nav-links{display:flex;gap:2rem;margin-left:auto}.nav-links a{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;transition:color .2s var(--ease);position:relative;padding:4px 0;display:inline-block;min-height:36px;line-height:28px}.nav-links a:hover{color:var(--accent)}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .2s var(--ease)}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;width:44px;height:44px;padding:0;margin-left:auto}.nav-toggle span{width:22px;height:2px;background:var(--text);border-radius:1px;transition:all .3s var(--ease)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.lang-toggle{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;min-width:40px;min-height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease);flex-shrink:0;text-transform:uppercase;margin-left:1.5rem;margin-right:.25rem;border-radius:4px}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}.mobile-menu.active{opacity:1;pointer-events:all}.mobile-menu-links{display:flex;flex-direction:column;gap:2.5rem;text-align:center}.mobile-menu-links a{font-family:var(--font-serif);font-size:2.5rem;color:var(--text);transition:color .1s var(--ease),transform .3s var(--ease);display:inline-block;transform-origin:left}.mobile-menu-links a:hover{color:var(--accent);transform:translate3d(0,-2px,0) rotate(2deg) scale(1.02)}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h) + 4rem) clamp(1.5rem,5vw,4rem) 6rem;position:relative;z-index:2}.hero-inner{display:flex;align-items:center;gap:clamp(3rem,6vw,6rem);max-width:1100px;width:100%}.hero-profile{flex-shrink:0}.profile-img-wrapper{position:relative;width:clamp(160px,20vw,240px);height:clamp(160px,20vw,240px)}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:border-color .3s var(--ease)}.profile-img-wrapper:hover .profile-img{border-color:var(--accent)}.profile-status{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:4px 12px 4px 8px}.status-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:.65rem;font-family:var(--font-mono);color:var(--accent-green);font-weight:500;text-transform:uppercase;letter-spacing:.1em}.hero-info{flex:1}.hero-greeting{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.15em}.hero-title{font-family:var(--font-serif);font-size:clamp(3.5rem,8vw,7rem);font-weight:400;line-height:.95;letter-spacing:-.02em;margin-bottom:1.25rem}.title-accent{color:var(--accent)}.title-regular{color:var(--text)}.hero-name{font-family:var(--font-sans);font-size:clamp(.85rem,1.5vw,1rem);color:var(--text-secondary);font-weight:300;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.hero-role{font-family:var(--font-serif);font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);font-weight:400;font-style:italic;margin-bottom:1.25rem}.amp{color:var(--accent)}.hero-desc{color:var(--text-muted);font-size:.875rem;max-width:480px;margin-bottom:2.5rem;line-height:1.8}.hero-cta{display:flex;gap:1rem;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;padding:.7rem 1.8rem;border-radius:0;font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;transition:all .2s var(--ease);cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.15);transform:translate3d(0,-1px,0) rotate(1deg) scale(1.01)}.btn-outline{border-color:var(--border-light);color:var(--text);background:transparent}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.hero-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:0;color:var(--text-secondary);transition:all .2s var(--ease)}.social-link:hover{color:var(--accent);border-color:var(--accent);transform:translate3d(0,-1px,0) rotate(2deg) scale(1.05)}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-line{width:1px;height:50px;background:var(--border);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;width:1px;height:100%;background:var(--accent);animation:scrollDown 2s var(--ease-out) infinite}@keyframes scrollDown{0%{top:-100%}to{top:100%}}.scroll-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.scroll-arrow{color:var(--text-muted);font-size:.7rem}section{padding:8rem clamp(1.5rem,5vw,4rem);max-width:1100px;margin:0 auto;position:relative;z-index:2}#hero{max-width:none}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:4rem}.section-number{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);font-weight:500;letter-spacing:.05em}.section-title{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;letter-spacing:-.01em}.section-line{flex:1;height:1px;background:var(--border)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.about-description{color:var(--text-secondary);font-size:.95rem;line-height:2;margin-bottom:2.5rem}.about-stats{display:flex;gap:3rem}.stat{text-align:center}.stat-number{display:block;font-family:var(--font-serif);font-size:2.5rem;color:var(--text);letter-spacing:-.02em}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.code-window{border:1px solid var(--border);overflow:hidden;background:var(--bg-surface)}.code-titlebar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--bg-overlay);border-bottom:1px solid var(--border)}.code-dots{display:flex;gap:6px}.cd{width:10px;height:10px;border-radius:50%}.cd-r{background:var(--accent)}.cd-y{background:#d29922}.cd-g{background:var(--accent-green)}.code-filename{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.code-body{padding:1.2rem 1.4rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.9;overflow-x:auto}.code-body code{white-space:pre}.c-key{color:var(--accent)}.c-var{color:var(--text)}.c-prop{color:#999}.c-str{color:#e6e6e6}.c-num{color:var(--accent)}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stack-card{background:var(--bg-surface);border:1px solid var(--border);padding:1.5rem;transform-style:preserve-3d;transition:border-color .2s var(--ease),transform .5s var(--ease-spring),box-shadow .5s var(--ease)}.stack-card:hover{border-color:var(--accent);box-shadow:0 20px 60px #ff0c3a0f,0 0 1px #ff0c3a4d}.stack-cat{font-family:var(--font-serif);font-size:.9rem;font-weight:400;margin-bottom:1rem;color:var(--text)}.stack-list{display:flex;flex-direction:column;gap:.6rem}.stack-list li{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.stack-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.projects-list{display:flex;flex-direction:column}.project-item{position:relative;border-top:1px solid var(--border);overflow:hidden;cursor:pointer}.project-item:last-child{border-bottom:1px solid var(--border)}.project-item-inner{display:grid;grid-template-columns:60px 1fr 1.2fr auto;gap:1.5rem;align-items:center;padding:1.8rem 0;position:relative;z-index:2}.project-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.project-name{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;margin-bottom:.4rem;transition:color .1s var(--ease)}.project-item:hover .project-name{color:var(--accent)}.project-item--wip{cursor:default}.project-item--wip:hover .project-name{color:inherit}.project-wip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#0a0a0eb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;border-radius:4px}.project-wip-lock{font-size:1.6rem;line-height:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.25))}.project-wip-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.project-item-inner--blurred{filter:blur(4px);opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.ptag{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);background:var(--bg-overlay);padding:2px 8px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.ptag-web3{color:#00ffc4!important;border-color:#00ffc466!important;background:#00ffc40d!important}.ptag-award{color:#ffb700!important;border-color:#ffb70066!important;background:#ffb7000d!important}.project-desc{font-size:.825rem;color:var(--text-secondary);line-height:1.7}.project-links{display:flex;gap:.75rem;flex-wrap:wrap}.plink{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);display:inline-flex;align-items:center;min-height:36px;padding:4px 6px;transition:opacity .15s var(--ease);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.plink:hover{opacity:.7}.project-hover-marquee{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;overflow:hidden;opacity:0;pointer-events:none;z-index:1;transition:opacity .3s var(--ease)}.project-item:hover .project-hover-marquee{opacity:.04}.phm-track{display:flex;white-space:nowrap;animation:marquee 8s linear infinite}.phm-track span{font-family:var(--font-serif);font-size:6rem;font-weight:400;text-transform:uppercase;letter-spacing:-.02em;padding-right:2rem;flex-shrink:0}#contact{text-align:center;padding-top:10rem;padding-bottom:10rem}.contact-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.contact-heading{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:1.1;letter-spacing:-.02em}.contact-accent{color:var(--accent)}.contact-sub{color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.contact-email{font-family:var(--font-serif);font-size:1.2rem;color:var(--accent);border:1px solid var(--border);padding:.8rem 2.5rem;transition:all .2s var(--ease);transform-origin:center}.contact-email:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translate3d(0,-2px,0) rotate(1deg) scale(1.02)}.contact-social{display:flex;gap:2.5rem;margin-top:.5rem}.contact-social a{font-family:var(--font-serif);font-size:.875rem;color:var(--text-secondary);transition:color .1s var(--ease),transform .3s var(--ease);transform-origin:left;display:inline-block}.contact-social a:hover{color:var(--accent);transform:translate3d(0,-2px,0) rotate(2deg) scale(1.02)}.footer{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem 3rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:2}.footer-sep{color:var(--border)}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent)}.demos-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--modal-open-dur) var(--modal-ease),visibility var(--modal-open-dur)}.demos-modal.is-open{pointer-events:auto;opacity:1;visibility:visible}.demos-modal.is-closing{pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--modal-close-dur) var(--modal-ease),visibility var(--modal-close-dur)}.demos-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dw-window{position:relative;z-index:1;width:min(92vw,1120px);height:min(88vh,760px);display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid var(--border-light);box-shadow:0 40px 100px #000000bf,0 0 0 1px #ffffff08,0 0 80px #ff0c3a0d;transform-origin:center;transform:scale(var(--modal-scale));opacity:0;will-change:transform,opacity;transition:transform var(--modal-open-dur) var(--modal-ease),opacity var(--modal-open-dur) var(--modal-ease)}.demos-modal.is-open .dw-window{transform:scale(1);opacity:1}.demos-modal.is-closing .dw-window{transform:scale(var(--modal-scale-close));opacity:0;transition:transform var(--modal-close-dur) var(--modal-ease),opacity var(--modal-close-dur) var(--modal-ease)}@media (prefers-reduced-motion: reduce){.demos-modal,.dw-window{transition:none!important}}.dw-titlebar{display:flex;align-items:stretch;background:#090909;border-bottom:1px solid var(--border);flex-shrink:0;height:42px;padding:0 14px;gap:1rem;-webkit-user-select:none;user-select:none}.dw-wincontrols{display:flex;align-items:center;gap:8px;flex-shrink:0}.dw-btn{width:13px;height:13px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;transition:filter .15s}.dw-btn:hover{filter:brightness(1.3)}.dw-close{background:#ff5f56}.dw-min{background:#ffbd2e;cursor:default}.dw-max{background:#27c93f;cursor:default}.dw-tabstrip{display:flex;align-items:flex-end;flex:1;overflow:hidden;padding-top:6px}.dw-tab{display:flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 10px;background:var(--bg-surface);border:1px solid var(--border-light);border-bottom:none;border-radius:7px 7px 0 0;font-family:var(--font-mono);font-size:.7rem;color:var(--text);max-width:300px;position:relative}.dw-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);border-radius:7px 7px 0 0}.dw-tab-favicon{color:var(--accent);flex-shrink:0;opacity:.8}.dw-tab-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-tab-close{background:none;border:none;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:0 2px;border-radius:3px;transition:color .15s,background .15s;flex-shrink:0}.dw-tab-close:hover{color:var(--accent);background:var(--accent-dim)}.dw-titlebar-spacer{flex:0 0 70px}.dw-urlbar-row{display:flex;align-items:center;gap:.7rem;padding:.5rem 1rem;background:var(--bg-overlay);border-bottom:1px solid var(--border);flex-shrink:0}.dw-navbtns{display:flex;gap:2px;align-items:center;flex-shrink:0}.dw-navbtn{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);cursor:default;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-user-select:none;user-select:none}.dw-navbtn.dw-reload{font-size:1.05rem}.dw-urlbar{flex:1;display:flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--border);border-radius:6px;padding:.3rem .9rem;cursor:default}.dw-lock-icon{color:var(--accent-green);flex-shrink:0;display:flex;align-items:center}.dw-url-text{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-urlbar-right{flex-shrink:0}.dw-urlbtn{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);cursor:default;-webkit-user-select:none;user-select:none}.dw-content{flex:1;position:relative;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.demos-empty{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);z-index:10;gap:.75rem}.demos-empty-icon{font-size:2.5rem;opacity:.3}.demos-empty p{font-family:var(--font-mono);font-size:.78rem}.demos-iframe{flex:1;border:none;width:100%;height:100%;display:block}.demo-disclaimer{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#ffc10714;border-bottom:1px solid rgba(255,193,7,.18);font-size:.72rem;color:#ffffff8c;flex-shrink:0;flex-wrap:wrap}.demo-disclaimer-icon{font-style:normal;font-size:.85rem;color:#f59e0b;flex-shrink:0}.demo-disclaimer-text{flex:1;min-width:0}.demo-disclaimer-link{color:#60a5fa;text-decoration:none;font-weight:600;white-space:nowrap;flex-shrink:0}.demo-disclaimer-link:hover{text-decoration:underline}.demo-disclaimer-link[href=""],.demo-disclaimer-link:not([href]){display:none}@media (max-width: 700px){.dw-window{width:98vw;height:95vh;border-radius:8px}.dw-titlebar-spacer{flex:0}.dw-navbtns,.dw-urlbar-right{display:none}}.reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease),transform .8s var(--ease);will-change:transform,opacity}.reveal.visible{opacity:1;transform:translateZ(0)}main{perspective:1200px;perspective-origin:50% 0%;overflow-x:clip;width:100%;max-width:100vw}@media (pointer: coarse),(max-width: 768px){.glow-cursor{display:none!important}}.section-title{text-shadow:0 0 30px rgba(255,12,58,0);transition:text-shadow .6s var(--ease)}.section-header.visible .section-title{text-shadow:0 0 40px rgba(255,12,58,.15),0 0 80px rgba(255,12,58,.05)}.hero-title{text-shadow:0 0 60px rgba(255,12,58,.2),0 0 120px rgba(255,12,58,.08)}.profile-img-wrapper:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;background:radial-gradient(circle,rgba(255,12,58,.12) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .6s var(--ease)}.profile-img-wrapper:hover:after{opacity:1}.code-window{transition:box-shadow .5s var(--ease);max-width:100%;overflow:hidden}.code-window:hover{box-shadow:0 0 40px #ff0c3a14,inset 0 0 30px #ff0c3a05}.project-item-inner{transform-style:flat}.contact-email:hover{box-shadow:0 0 30px #ff0c3a40,0 0 60px #ff0c3a1a}.btn-primary:hover{box-shadow:0 0 20px #ff0c3a4d,0 0 40px #ff0c3a1a}.stack-card:nth-child(2).reveal{transition-delay:.15s}.stack-card:nth-child(3).reveal{transition-delay:.3s}.project-item:nth-child(2).reveal{transition-delay:.1s}.project-item:nth-child(3).reveal{transition-delay:.2s}.project-item:nth-child(4).reveal{transition-delay:.3s}a{transition:color .1s var(--ease),transform .3s var(--ease)}@media (max-width: 900px){.hero-inner{flex-direction:column;text-align:center}.hero-info{display:flex;flex-direction:column;align-items:center}.hero-desc{text-align:center}.about-layout{grid-template-columns:1fr}.about-text,.about-code{min-width:0;max-width:100%}.stack-grid{grid-template-columns:1fr 1fr}.project-item-inner{grid-template-columns:50px 1fr;gap:1rem}.project-desc,.project-links{grid-column:1 / -1}}.preloader-tech-arts{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;opacity:.25}.preloader-inner{position:relative;z-index:1}.crrtt-anim{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.crrtt-anim svg{width:100%;height:auto}.crrtt-geo33{width:500px;animation:spinSmooth 60s linear infinite;opacity:.5}.crrtt-triquetra{width:800px;animation:spinSmoothRev 90s linear infinite;opacity:.35}@keyframes spinSmooth{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinSmoothRev{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@media (max-width: 640px){.nav{padding:0 1rem}.nav-links{display:none}.lang-toggle{margin-left:auto;margin-right:.6rem}.nav-toggle{display:flex}.nav-banner{display:none}.stack-grid{grid-template-columns:1fr}.about-stats{gap:1.5rem;justify-content:center}.project-item-inner{grid-template-columns:1fr;gap:.75rem}.project-number{display:none}.hero-title{font-size:clamp(2.6rem,12vw,4.5rem)}section{padding:4.5rem 1.25rem}#contact{padding-top:5rem;padding-bottom:5rem}.code-body{padding:1rem;font-size:.75rem}}