:root{color-scheme:dark;--bg:#090b10;--surface:#10131a;--surface-soft:#0c0f15;--line:#242831;--text:#f0f1f5;--muted:#9196a5;--accent:#8ca6ff;--accent-strong:#547bfa;--glow:83,118,250;--mono:'IBM Plex Mono',monospace;--font:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-strong);color:white}svg{display:block}p,h1,h2,h3{margin:0}button{padding:0}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.container{width:min(1264px,calc(100% - 112px));margin-inline:auto}.accent{color:var(--accent)}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.03em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-70px;left:16px;z-index:200;background:var(--accent);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}.header{height:93px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:rgba(9,11,16,.88);backdrop-filter:blur(20px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:41px;height:41px;color:var(--accent)}.desktop-nav{display:flex;gap:32px;margin-left:auto;margin-right:44px;font-size:14px;color:#aeb2bd}.desktop-nav a{position:relative;padding:8px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{position:absolute;content:'';width:4px;height:4px;bottom:0;left:50%;border-radius:50%;background:var(--accent)}.nav-contact{font-size:14px;border:1px solid #353a47;border-radius:7px;padding:10px 18px;display:flex;align-items:center;gap:25px;transition:background .2s}.nav-contact:hover{background:#1c2232}.contact-plus{font-size:22px;line-height:1;color:var(--accent)}.menu-button{display:none}.mobile-menu[hidden]{display:none}.hero{min-height:738px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding-top:67px;padding-bottom:106px;gap:10px}.eyebrow{display:flex;align-items:center;gap:12px;font:12px var(--mono);letter-spacing:.09em;color:#b6bccc}.tiny-cross{font:23px var(--mono);color:var(--accent)}.hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.14;letter-spacing:-3.2px;font-weight:750;margin:25px -36px 26px 0;position:relative;z-index:2}.gradient-text{background:linear-gradient(100deg,#d0dcff 0%,var(--accent) 46%,var(--accent-strong) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:#a2a7b6;font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:650;line-height:1.4;border-radius:6px;padding:16px 23px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{color:#fff;background:var(--accent-strong);border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff21,0 4px 20px rgba(var(--glow),.13)}.button-primary:hover{box-shadow:0 7px 28px rgba(var(--glow),.3)}.button-secondary{border:1px solid #323642;background:#13161e}.button-secondary:hover{background:#1c2130}.hero-caption{display:flex;gap:11px;align-items:center;font:10px var(--mono);letter-spacing:.07em;color:#8990a1;margin-top:34px}.caption-line{width:24px;height:1px;background:#515b75}.caption-slash{color:#495166}.hero-art{height:510px;position:relative;isolation:isolate;transform:translateX(10px)}.art-grid{position:absolute;inset:-15px -25px;background-image:linear-gradient(#34435d22 1px,transparent 1px),linear-gradient(90deg,#34435d22 1px,transparent 1px);background-size:43px 43px;mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);z-index:-1}.art-glow{position:absolute;inset:15px -20px;background:radial-gradient(ellipse,rgba(var(--glow),.24),rgba(var(--glow),.055) 49%,transparent 72%);z-index:-1}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(var(--glow),.2);border-radius:50%;width:390px;height:390px;transform:translate(-50%,-50%)}.orbit-one:after{content:'';position:absolute;inset:12px;border:1px dashed rgba(var(--glow),.11);border-radius:50%}.orbit-two{width:460px;height:240px;transform:translate(-50%,-50%) rotate(-32deg);border-color:rgba(var(--glow),.4);box-shadow:0 0 25px rgba(var(--glow),.05)}.orbit-three{width:440px;height:200px;transform:translate(-50%,-50%) rotate(46deg);border-color:rgba(var(--glow),.18)}.logo-sculpture{position:absolute;left:50%;top:48%;width:255px;transform:translate(-50%,-50%) rotate(-9deg);filter:drop-shadow(9px 13px 0 #182754) drop-shadow(0 20px 32px rgba(var(--glow),.44));animation:logo-float 7s ease-in-out infinite}.hero-monogram{width:100%;height:auto;overflow:visible}.art-coordinate{position:absolute;font:10px var(--mono);letter-spacing:.14em;color:#71809c}.coordinate-top{left:75px;top:10px}.coordinate-bottom{left:25px;bottom:26px}.orbit-point{position:absolute;width:6px;height:6px;border-radius:50%;background:#acbeff;box-shadow:0 0 15px #6386ff}.point-one{left:15%;top:29%}.point-two{right:14%;bottom:26%;width:4px;height:4px}.art-label{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #384461;background:linear-gradient(110deg,#1a2335e6,#111827e6);box-shadow:0 18px 40px #0003;backdrop-filter:blur(12px);border-radius:8px;padding:14px 18px;font:11px/1.8 var(--mono);color:#d0dcf9}.art-label .icon{color:var(--accent)}.label-code{left:-2%;bottom:80px;transform:rotate(-5deg)}.label-code .muted{display:block;font-size:10px}.label-build{right:-1%;top:81px;transform:rotate(6deg);font-size:9px;letter-spacing:.04em;gap:10px}.label-build strong{font-weight:400;color:var(--accent)}.build-glyph{font-size:31px;color:var(--accent)}.art-cross{position:absolute;right:24px;bottom:15px;font:25px var(--mono);color:#6b7998}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#8b91a0;font-size:12px}.scroll-cue{display:flex;gap:10px;align-items:center}.mouse-shape{width:14px;height:22px;border:1px solid #535b70;border-radius:8px;position:relative}.mouse-shape:after{content:'';width:2px;height:5px;background:var(--accent);position:absolute;left:5px;top:5px}.hero-bottom .mono{font-size:10px}#local-time{margin-left:10px;color:#bac3d6}.motion-toggle{display:flex;align-items:center;gap:8px;color:#8b91a0;font:10px var(--mono);padding:10px}.pause-icon{font-size:14px}.tech-strip{border-block:1px solid var(--line);background:#0c0f15}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:28px}.strip-caption{font:10px/1.7 var(--mono);letter-spacing:.05em;color:#666e82;padding-right:38px;border-right:1px solid var(--line)}.strip-caption strong{font:12px var(--font);color:#a1a7b6;white-space:nowrap}.tech-word{display:flex;gap:8px;align-items:center;color:#aeb3c0;font-size:18px;white-space:nowrap;font-weight:650}.react-glyph{font:31px sans-serif}.next-word{font-size:28px;font-weight:500;gap:4px}.next-word span{font-size:17px}.js-glyph{font:700 16px var(--font);background:#929aaa;color:#10131a;padding:0 4px;line-height:23px}.tailwind-glyph{font:39px/1 sans-serif}.node-word{font-family:var(--mono);font-weight:500;font-size:22px;gap:0;letter-spacing:-1px}.node-word span{font-size:13px;color:#727c91}.git-word b{font-size:32px;line-height:1}.section{padding-block:102px}.section-label{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font:11px var(--mono);letter-spacing:.1em;margin-bottom:35px}.section-label .tiny-cross{color:#5a647d;font-size:19px}h2{font-size:42px;font-weight:650;line-height:1.2;letter-spacing:-1.9px}.muted-heading{color:#7f879a}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:108px;align-items:center}.about-intro{font-size:18px;line-height:1.7;margin-top:27px;max-width:450px}.body-copy{color:var(--muted);margin-top:18px;line-height:1.85;font-size:15px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:14px;margin-top:24px;color:#c5cddd}.text-link span{color:var(--accent);font-size:22px}.terminal-card{border:1px solid #2a3140;border-radius:10px;background:linear-gradient(135deg,#121722,#0d1118);box-shadow:0 20px 80px #0002;font:12px var(--mono);min-width:0;transform:rotate(1deg)}.terminal-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #252c39;color:#909ab0;font-size:10px}.terminal-bar .icon{width:14px;height:14px}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#656579}.window-dots i:nth-child(1){background:#b7767a}.window-dots i:nth-child(2){background:#b4a079}.window-dots i:nth-child(3){background:#789e93}.terminal-content{padding:22px}.terminal-command{color:#abb8d1;font-size:12px}.terminal-command>span{color:var(--accent);margin-right:8px}.terminal-content pre{font:12px/2 var(--mono);margin:18px 0 24px;white-space:pre-wrap;overflow-wrap:anywhere}.code-key{color:#9cacce}.code-string{color:#a4c5b8}.code-value{color:#c2a4de}.punctuation{color:#6f7892}.terminal-input-line{display:flex;align-items:center;gap:10px;border-top:1px solid #222937;padding-top:12px}.terminal-input-line label{color:var(--accent)}.terminal-input-line input{min-width:0;width:100%;border:0;color:#c9d4ed;background:transparent;outline-offset:4px;font:12px var(--mono)}.terminal-input-line input::placeholder{color:#727f99}.terminal-input-line button{font-size:20px;color:#a2b8ee;padding:0 6px}.terminal-status{display:flex;justify-content:space-between;background:#161c28;border-top:1px solid #252d3c;padding:8px 16px;font-size:9px;color:#8291ae;border-radius:0 0 10px 10px}.terminal-status .accent{margin-left:14px}.terminal-output{max-height:185px;overflow:auto;font:11px/1.8 var(--mono);color:#a1b4d5;white-space:pre-wrap;overflow-wrap:anywhere}.terminal-output p{padding:0 0 10px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:40px}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.8;padding-bottom:3px}.about-section{border-bottom:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0f1219;transition:border-color .3s,transform .3s}.project-card:hover{border-color:#566795;transform:translateY(-7px)}.project-open{display:block;width:100%;text-align:left;height:100%;color:inherit}.project-visual{height:262px;position:relative;overflow:hidden;padding:38px 22px 30px;display:flex;align-items:center;justify-content:center}.visual-cyber{background:radial-gradient(ellipse at 60% 45%,#253967,#101a30 70%)}.visual-flow{background:radial-gradient(ellipse at 60% 45%,#362963,#19152e 75%)}.visual-eco{background:radial-gradient(ellipse at 60% 45%,#354542,#172624 75%)}.mini-app{width:100%;max-width:290px;height:188px;border:1px solid #4c669144;border-radius:7px;background:#0b1220;box-shadow:0 25px 35px #0005;transform:perspective(800px) rotateY(-8deg) rotateX(9deg) rotateZ(-5deg);transition:transform .5s;padding:14px 15px;color:#c9d3e9;overflow:hidden;font-family:var(--mono)}.project-card:hover .mini-app{transform:perspective(800px) rotateY(0) rotateX(0) rotateZ(0) scale(1.035)}.mini-nav{display:flex;align-items:center;justify-content:space-between;font-size:5px;letter-spacing:.08em;gap:10px;border-bottom:1px solid #ffffff0e;padding-bottom:10px}.mini-logo{font-size:8px;letter-spacing:.06em;color:#d2dcf1}.mini-nav i{display:inline-block;width:4px;height:4px;background:#8cb4dc;border-radius:50%;margin-left:4px}.security-body{display:flex;align-items:center;justify-content:space-around;gap:12px;padding-top:14px}.security-ring{width:87px;height:87px;border-radius:50%;border:5px solid #789afb;outline:4px solid #263757;box-shadow:0 0 20px #678bff26;display:flex;align-items:center;justify-content:center}.security-ring>span{text-align:center;font:500 30px var(--font)}.security-ring small{display:block;font:4px var(--mono);letter-spacing:.1em;color:#849fc2}.security-metrics{display:flex;flex-direction:column;gap:8px}.security-metrics>span{font-size:5px;color:#7a8ca8}.security-metrics b{font-size:8px;color:#c6d7ee;display:block;font-weight:500}.mini-safe{font:4px var(--mono);color:#83b5a3}.scan-line{display:flex;justify-content:space-between;font:5px var(--mono);border-top:1px solid #ffffff0e;margin-top:13px;padding-top:8px;color:#8094b4}.visual-caption{position:absolute;left:22px;bottom:13px;font:8px var(--mono);letter-spacing:.13em;color:#a0acca99}.flow-app{transform:perspective(800px) rotateY(-8deg) rotateX(9deg) rotateZ(5deg);background:#131222;border-color:#6a54974a}.flow-title{margin-top:10px}.flow-title span{display:block;font-size:5px;color:#7f789b}.flow-title b{font:600 12px var(--font);color:#d6d0eb}.flow-stats{display:flex;justify-content:space-between;align-items:end;margin-top:10px}.flow-stats>span{font-size:5px;color:#9b94b4}.flow-stats b{display:block;font:600 24px var(--font)}.flow-stats small{font:5px var(--mono);color:#9dbfba}.bar-chart{display:flex;align-items:flex-end;gap:4px;height:45px}.bar-chart i{width:7px;background:#9982da;border-radius:2px 2px 0 0;height:40%}.bar-chart i:nth-child(2n){height:70%;background:#7151b4}.bar-chart i:nth-child(3n){height:90%}.bar-chart i:nth-child(4n){height:55%}.bar-chart i:last-child{height:100%}.flow-tasks{display:flex;justify-content:space-between;margin-top:12px;padding-top:9px;border-top:1px solid #ffffff0e;font-size:5px;color:#a89dc6}.flow-tasks b{font-weight:400;color:#b095e9;background:#8b62da20;padding:1px 5px}.eco-app{background:#e2e7df;color:#22352d;transform:perspective(800px) rotateY(-8deg) rotateX(9deg) rotateZ(-5deg);border-color:#a9baab}.eco-app .mini-nav{border-color:#22352d22;font-size:5px}.eco-app .mini-logo{font:800 12px var(--font);color:#203b2c;letter-spacing:-.4px}.eco-app .mini-logo span{font-weight:400}.eco-content{padding:13px 10px 0;background:linear-gradient(120deg,transparent,#8da38f45);height:115px}.eco-content>span{font-size:5px;letter-spacing:.12em;display:block}.eco-content b{display:block;font:500 26px/.99 Georgia,serif;letter-spacing:-1px;margin-top:6px}.eco-content .eco-shop{font:5px var(--font);letter-spacing:0;margin-top:8px}.eco-bottom{display:flex;justify-content:space-between;font:4px var(--mono);margin-top:8px;letter-spacing:.09em}.project-info{padding:22px}.project-meta{display:flex;justify-content:space-between;align-items:center;color:#8e9ab2;font:9px var(--mono);letter-spacing:.06em}.project-plus{font:24px var(--font);line-height:1;color:#9caecf}.project-info h3{font-size:20px;letter-spacing:-.6px;margin-top:13px;font-weight:650}.project-info p{font-size:13px;color:var(--muted);margin-top:7px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tags span{font:10px var(--mono);color:#a7b5cf;padding:5px 8px;background:#1a202c;border:1px solid #2b3343;border-radius:4px}.skills-section{border-block:1px solid var(--line);background:#0c0f15}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.skill-card{position:relative;padding:28px 30px 31px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#141923,#0e121a)}.skill-icon{width:28px;height:28px;color:var(--accent);margin-bottom:34px}.skill-number{position:absolute;right:28px;top:26px;font:12px var(--mono);color:#556078}.skill-card h3{font-size:22px;font-weight:650;letter-spacing:-.5px}.skill-card p{font-size:14px;color:var(--muted);margin-top:10px;max-width:260px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.skill-tags span{font-size:12px;border:1px solid #2c3443;padding:5px 10px;border-radius:4px;color:#aeb8cc}.journey-section{display:grid;grid-template-columns:1fr 1.3fr;gap:95px;border-bottom:1px solid var(--line)}.journey-sign{display:block;margin-top:30px;font:12px var(--mono);color:var(--accent)}.timeline{border-left:1px solid #2a3244;padding-left:30px}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:25px;position:relative;padding-bottom:30px}.timeline article:last-child{padding-bottom:0}.timeline article:before{content:'';position:absolute;left:-35px;top:9px;width:8px;height:8px;background:#53607b;border:3px solid var(--bg);box-shadow:0 0 0 1px #53607b;border-radius:50%}.timeline article:first-child:before{background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px rgba(var(--glow),.5)}.timeline-date{font:10px/2.1 var(--mono);color:#8795ae}.timeline h3{font-size:17px;font-weight:600;line-height:1.5;letter-spacing:-.35px}.timeline p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:7px}.timeline-tag{font:9px var(--mono);color:var(--accent);background:rgba(var(--glow),.1);padding:5px 7px;border:1px solid rgba(var(--glow),.2);border-radius:3px;display:inline-block;margin-bottom:12px}.notes-section h2{font-size:36px}.notes-list{border-top:1px solid var(--line)}.note{border-bottom:1px solid var(--line)}.note summary{list-style:none;display:grid;grid-template-columns:170px 1fr 24px;align-items:center;gap:24px;cursor:pointer;padding:29px 8px}.note summary::-webkit-details-marker{display:none}.note-date{font:11px/1.8 var(--mono);color:#b4bfd3}.note-date>span{display:block;color:#6e7b94;font-size:9px;margin-top:3px}.note h3{font-size:20px;font-weight:500;letter-spacing:-.6px}.note-toggle{font-size:26px;color:var(--accent);transition:transform .2s}.note[open] .note-toggle{transform:rotate(45deg)}.note-body{padding:0 60px 28px 202px}.note-body p{color:var(--muted);font-size:15px;margin-bottom:15px;line-height:1.85}.note-body .mono{font-size:10px}.contact-section{background:radial-gradient(ellipse at 10% 100%,rgba(var(--glow),.11),transparent 65%),#0d1119;border-block:1px solid #2b3244;position:relative}.contact-content{padding-block:72px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{font-size:64px;line-height:1.06;letter-spacing:-3px}.contact-grid>div>p{font-size:15px;line-height:1.85;color:#919bb0;margin-top:22px}.email-link{display:block;font-size:19px;letter-spacing:-.4px;margin-top:29px;color:#d8e3ff;width:fit-content;border-bottom:1px solid #667696;padding-bottom:5px;overflow-wrap:anywhere}.copy-email{display:flex;align-items:center;gap:9px;font-size:11px;color:#8c9bb6;margin-top:12px;padding-block:7px}.copy-email .icon{width:14px;height:14px}.contact-form{padding-top:4px}.contact-form label{display:block;font-size:12px;color:#afb9cf}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;border:0;border-bottom:1px solid #343e54;background:#0c101866;border-radius:0;color:#d9e0ee;padding:12px 0;font-size:13px;line-height:1.7;margin:3px 0 19px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#75829c}.contact-form select{padding-right:15px;cursor:pointer;color:#939fb6}.contact-form option{background:#131824;color:#d9e0ee}.contact-form textarea{resize:vertical;min-height:95px;max-height:240px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-bottom>span{font-size:10px;color:#7c8aa5;line-height:1.6}.form-bottom .button{font-size:12px;padding:13px 18px}.form-bottom .icon{width:17px;height:17px}.form-status{font-size:12px;color:#a8bce6;margin-top:12px}.footer{padding-block:35px 24px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top{padding-bottom:30px;border-bottom:1px solid var(--line)}.footer .brand{font-size:15px}.footer .brand-mark{width:32px;height:32px}.footer-motto{font-size:13px;color:#8390a8}.back-top{font-size:12px;color:#bac6dc}.footer-bottom{padding-top:22px;color:#78869e;font-size:11px}.theme-picker{display:flex;align-items:center;gap:10px}.theme-picker>span{font:9px var(--mono);margin-right:2px}.theme-dot{width:14px;height:14px;position:relative;border:3px solid var(--bg);border-radius:50%;outline:1px solid transparent}.theme-dot:before{content:'';position:absolute;inset:-10px}.theme-dot[aria-pressed=true]{outline-color:#7f8da6}.blue-dot{background:#8ca6ff}.green-dot{background:#80d1b0}.mono-dot{background:#c6cbd4}.audio-toggle{font:9px var(--mono);color:#9aa7be;border-left:1px solid #333c4c;padding:8px 0 8px 14px;margin-left:7px}.footer-code{font-size:9px}dialog{width:min(600px,calc(100% - 32px));max-height:85dvh;color:var(--text);background:linear-gradient(130deg,#171e2d,#0d121b);border:1px solid #455372;border-radius:14px;padding:45px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#02060dd1;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:15px;top:9px;font-size:30px;padding:5px 10px;color:#aeb9cf}dialog .eyebrow{font-size:10px;margin-bottom:18px}dialog h2{font-size:34px;letter-spacing:-1px;margin-bottom:20px}dialog>p{font-size:15px;color:#a9b5cc;line-height:1.85}.dialog-detail{padding-top:25px;margin-top:25px;border-top:1px solid #303c52}.dialog-detail p{font-size:14px;color:#9faec6;margin-top:10px}.dialog-note{font-size:12px!important;margin-block:25px}dialog .button{font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#1c2639;color:#d8e3fa;border:1px solid #5c74a2;padding:13px 22px;border-radius:8px;z-index:100;font-size:13px;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[data-theme=green]{--accent:#8cddbf;--accent-strong:#337f69;--glow:68,179,140}[data-theme=mono]{--accent:#d1d7e3;--accent-strong:#636d7e;--glow:146,160,190}[data-theme=green] .hero-monogram{filter:hue-rotate(285deg) saturate(.65)}[data-theme=mono] .hero-monogram{filter:grayscale(1)}.motion-paused *{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused .mini-app,.motion-paused .project-card,.motion-paused .button{transition:none}.motion-paused .logo-sculpture{transform:translate(-50%,-50%) rotate(-9deg)!important}.motion-paused .project-card:hover,.motion-paused .button:hover{transform:none}@keyframes logo-float{0%,100%{transform:translate(-50%,-50%) rotate(-9deg)}50%{transform:translate(-50%,-54%) rotate(-6deg)}}
@media(min-width:1550px){.hero{min-height:800px}.hero h1{font-size:68px}.hero-art{height:550px}.orbit-one{width:430px;height:430px}.orbit-two{width:500px;height:270px}.orbit-three{width:480px;height:230px}.logo-sculpture{width:285px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.desktop-nav{gap:22px;margin-right:10px}.hero{min-height:680px}.hero h1{font-size:50px;letter-spacing:-2.7px}.hero-art{height:430px}.orbit-one{width:330px;height:330px}.orbit-two{width:370px;height:205px}.orbit-three{width:360px;height:180px}.logo-sculpture{width:220px}.label-code{bottom:45px;left:4px}.label-build{right:-6px;top:43px}.coordinate-top{left:40px;font-size:9px}.coordinate-bottom{font-size:8px;bottom:10px}.strip-inner{gap:18px}.strip-caption{padding-right:23px}.tech-word{font-size:15px}.next-word{font-size:26px}.next-word span{font-size:15px}.node-word{font-size:19px}.section{padding-block:80px}.about-grid{gap:55px}h2{font-size:36px}.project-grid{gap:17px}.project-visual{padding-inline:15px;height:230px}.mini-app{height:174px;padding:12px}.security-ring{width:73px;height:73px}.security-ring>span{font-size:26px}.project-info{padding:18px}.project-info h3{font-size:18px}.project-info p{font-size:12px}.skill-card{padding:25px}.journey-section{gap:50px}.timeline article{grid-template-columns:87px 1fr;gap:16px}.contact-grid{gap:60px}.contact-grid h2{font-size:57px}.footer-code{display:none}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.header{height:78px}.brand{font-size:16px;gap:8px}.brand-mark{width:35px;height:35px}.desktop-nav{gap:17px;font-size:12px}.nav-contact{font-size:12px;padding:8px 12px;gap:12px}.nav-wrap{gap:15px}.hero{grid-template-columns:1.2fr 1fr;min-height:625px;padding-top:55px}.hero h1{font-size:42px;letter-spacing:-2.2px}.hero .eyebrow{font-size:10px;letter-spacing:.02em}.hero-description{font-size:14px}.hero-art{height:390px}.orbit-one{width:280px;height:280px}.orbit-two{width:310px;height:175px}.orbit-three{width:300px;height:170px}.logo-sculpture{width:190px}.label-code{padding:10px 11px;font-size:9px;bottom:62px;left:5px}.label-code .muted{font-size:8px}.label-build{font-size:7px;padding:8px 10px;top:53px}.coordinate-top{font-size:7px;left:24px;top:22px}.coordinate-bottom{font-size:7px}.hero .button{font-size:12px;padding:14px 18px}.hero-caption{font-size:8px}.strip-inner{flex-wrap:wrap;justify-content:center;gap:17px 35px}.strip-caption{display:none}.tech-word{font-size:14px}.about-grid{gap:30px}.terminal-content{padding:17px}.terminal-content pre{font-size:10px}.terminal-command{font-size:10px}.about-intro{font-size:16px}.body-copy{font-size:14px}h2{font-size:32px}.project-grid{grid-template-columns:1fr 1fr}.project-card:last-child{grid-column:1/-1;display:grid}.project-card:last-child .project-open{display:grid;grid-template-columns:1fr 1fr}.project-card:last-child .project-info{align-self:center;padding:27px}.skills-grid{gap:12px}.skill-card{padding:21px}.skill-card h3{font-size:19px}.skill-card p{font-size:13px}.skill-tags span{font-size:10px;padding:4px 8px}.journey-section{gap:30px;grid-template-columns:.9fr 1.2fr}.timeline article{grid-template-columns:1fr;gap:5px}.timeline-tag{display:none}.notes-section h2{font-size:28px}.notes-section .section-heading>.mono{display:none}.note summary{grid-template-columns:115px 1fr 22px;gap:15px}.note h3{font-size:17px}.note-body{padding-left:138px}.contact-grid{gap:40px}.contact-grid h2{font-size:49px}.email-link{font-size:16px}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{flex-direction:column-reverse;align-items:flex-start}.form-bottom>span br{display:none}.contact-grid>div>p{font-size:14px}.footer-motto{font-size:12px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header{height:72px}.nav-wrap{gap:12px}.brand{font-size:15px;letter-spacing:-.5px}.brand-mark{width:33px;height:33px}.desktop-nav{display:none}.nav-contact{margin-left:auto;font-size:11px;padding:7px 10px}.contact-plus{font-size:19px}.menu-button{display:flex;flex-direction:column;gap:5px;justify-content:center;padding:9px 5px;width:29px;height:36px}.menu-button span{display:block;width:19px;height:1px;background:#bac7e2;transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{position:absolute;top:71px;left:0;right:0;background:#10141efa;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:15px 25px 25px;display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}.mobile-menu a{padding:11px 4px;font-size:14px;color:#c0cce2}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:49px;padding-bottom:71px;gap:0}.hero h1{font-size:clamp(32px,8.5vw,52px);line-height:1.16;letter-spacing:-1.9px;margin:22px 0}.hero .eyebrow{font-size:9px;letter-spacing:.04em;gap:8px}.hero-description{font-size:14px;line-height:1.85}.hero-actions{margin-top:25px;gap:10px}.hero .button{font-size:12px;padding:14px 18px}.hero-caption{margin-top:24px;font-size:8px;letter-spacing:.04em}.hero-art{align-self:center;width:100%;max-width:395px;height:360px;transform:none;margin-top:21px}.art-grid{inset:0 -10px}.orbit-one{width:292px;height:292px}.orbit-two{width:335px;height:177px}.orbit-three{width:320px;height:167px}.logo-sculpture{width:207px}.label-build{top:44px;right:0;font-size:8px}.label-code{bottom:38px;left:0;padding:11px 14px;font-size:10px}.label-code .muted{font-size:8px}.coordinate-top{font-size:8px;left:27px;top:10px}.coordinate-bottom{font-size:7px;bottom:0;left:27px}.art-cross{bottom:0;font-size:20px}.hero-bottom{bottom:20px;font-size:10px}.hero-bottom>.mono{display:none}.hero-bottom .motion-toggle{font-size:9px}.strip-inner{padding-block:21px;gap:14px 24px}.tech-word{font-size:13px}.react-glyph{font-size:23px}.next-word{font-size:22px}.next-word span{font-size:13px}.js-glyph{font-size:12px;line-height:19px}.tailwind-glyph{font-size:28px}.node-word{font-size:18px}.git-word b{font-size:25px}.section{padding-block:62px}.section-label{font-size:10px;margin-bottom:28px}.about-grid{grid-template-columns:1fr;gap:32px}h2{font-size:34px;letter-spacing:-1.4px}.about-intro{font-size:17px;margin-top:22px}.body-copy{font-size:14px}.terminal-card{transform:none}.terminal-content{padding:20px}.terminal-content pre{font-size:11px}.terminal-command{font-size:11px}.terminal-input-line input{font-size:11px}.terminal-status{font-size:9px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:19px;font-size:14px}.project-grid{grid-template-columns:1fr;gap:22px}.project-card:last-child{display:block;grid-column:auto}.project-card:last-child .project-open{display:block}.project-card:last-child .project-info{padding:22px}.project-visual{height:255px;padding:32px}.mini-app{height:186px;max-width:285px;padding:15px}.security-ring{width:83px;height:83px}.security-ring>span{font-size:28px}.project-info{padding:22px}.project-meta{font-size:10px}.project-info h3{font-size:22px}.project-info p{font-size:14px}.tags span{font-size:10px}.visual-caption{font-size:8px}.skills-grid{grid-template-columns:1fr;gap:16px}.skill-card{padding:25px}.skill-icon{margin-bottom:22px;width:25px;height:25px}.skill-card h3{font-size:22px}.skill-card p{font-size:14px;max-width:100%}.skill-tags{margin-top:18px}.skill-tags span{font-size:12px}.journey-section{grid-template-columns:1fr;gap:37px}.journey-sign{margin-top:24px}.timeline{padding-left:25px;margin-left:5px}.timeline article{grid-template-columns:88px 1fr;gap:14px;padding-bottom:27px}.timeline article:before{left:-30px}.timeline-date{font-size:9px}.timeline h3{font-size:15px}.timeline p{font-size:12px}.notes-section h2{font-size:31px;line-height:1.3}.note summary{grid-template-columns:1fr 22px;gap:10px;padding:24px 0}.note-date{grid-column:1/-1;display:flex;gap:15px;align-items:center;font-size:10px}.note-date>span{margin:0;font-size:8px}.note h3{font-size:17px;letter-spacing:-.4px;line-height:1.6}.note-body{padding:0 0 24px}.note-body p{font-size:14px}.contact-content{padding-block:51px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid h2{font-size:55px}.contact-grid>div>p{font-size:14px}.email-link{font-size:20px;margin-top:24px}.copy-email{font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:15px}.form-bottom{flex-direction:row;align-items:center}.form-bottom>span{font-size:9px}.form-bottom>span br{display:block}.form-bottom .button{font-size:11px;padding:12px 14px}.contact-form label{font-size:12px}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}.contact-form input::placeholder{font-size:12px}.contact-form textarea::placeholder{font-size:14px}.footer{padding-top:28px}.footer-top{flex-wrap:wrap;gap:17px;padding-bottom:25px}.footer .brand{font-size:14px}.footer-motto{order:3;width:100%;font-size:12px}.back-top{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:10px}.theme-picker{gap:9px}.audio-toggle{font-size:8px;padding-left:10px}.theme-picker>span{font-size:8px}dialog{padding:36px 25px}dialog h2{font-size:29px}.dialog-note{font-size:11px!important}.toast{width:max-content;font-size:12px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.nav-contact{display:none}.menu-button{margin-left:auto}.hero h1{font-size:31px}.hero .eyebrow{font-size:8px}.hero-art{height:325px}.orbit-one{width:255px;height:255px}.orbit-two{width:285px;height:157px}.orbit-three{width:280px;height:147px}.logo-sculpture{width:180px}.label-build{right:2px;font-size:7px}.label-code{font-size:9px}.form-row{grid-template-columns:1fr}.email-link{font-size:17px}.form-bottom{align-items:flex-start;flex-direction:column-reverse}.timeline article{grid-template-columns:1fr;gap:6px}.contact-grid h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-sculpture{transform:translate(-50%,-50%) rotate(-9deg)!important}.project-card:hover,.button:hover{transform:none}}

/* Readable content at every breakpoint; miniature project previews stay decorative. */
.hero-description,.body-copy,.section-heading>p,.skill-card p,.note-body p,.contact-grid>div>p,dialog>p{font-size:16px}
.project-info p,.timeline p,.skill-tags span,.contact-form label,.contact-form input,.contact-form textarea,.contact-form select,.text-link,.copy-email,.form-bottom .button{font-size:14px}
.eyebrow,.hero .eyebrow,.section-label,.project-meta,.tags span,.timeline-date,.timeline-tag,.note-date,.note-date>span,.form-bottom>span,.hero-caption,.hero-bottom .mono,.motion-toggle,.hero-bottom .motion-toggle,.footer-bottom,.theme-picker>span,.audio-toggle,.footer-code,.terminal-bar,.terminal-status,.journey-sign,.note-body .mono,.dialog-note,.strip-caption,.strip-caption strong{font-size:12px}
.hero-caption{flex-wrap:wrap}.theme-dot{margin-inline:4px}.hero-caption .caption-slash{font-size:12px}.footer-bottom{flex-wrap:wrap}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}.hero-bottom{font-size:12px}.terminal-content pre,.terminal-command,.terminal-input-line input,.terminal-output{font-size:12px}.terminal-content pre{overflow-wrap:anywhere}.project-meta{letter-spacing:0}.note-date>span{font-size:12px}.note summary{grid-template-columns:180px 1fr 24px}.note-body{padding-left:212px}
@media(max-width:1150px){.footer-code{display:none}.project-meta{font-size:12px}.strip-caption{display:none}}
@media(max-width:900px){.hero .eyebrow{font-size:12px;letter-spacing:0}.hero h1{font-size:clamp(35px,4.7vw,45px)}.terminal-content{padding:15px}.terminal-content pre{font-size:12px}.note summary{grid-template-columns:145px 1fr 22px}.note-body{padding-left:168px}.hero-caption{font-size:12px;gap:8px}.caption-line{width:14px}}
@media(max-width:640px){.hero h1{font-size:clamp(31px,8.5vw,52px)}.hero .eyebrow{font-size:12px;flex-wrap:wrap;gap:7px}.hero-caption{font-size:12px;gap:7px;letter-spacing:0}.caption-line{display:none}.hero .button,.nav-contact{font-size:14px}.nav-contact{padding:7px 9px;gap:5px}.brand-last{display:none}.footer .brand{font-size:14px}.note summary{grid-template-columns:1fr 22px}.note-body{padding-left:0}.timeline article{grid-template-columns:1fr;gap:7px}.timeline-date{font-size:12px}.timeline h3{font-size:18px}.form-bottom{flex-direction:column-reverse;align-items:stretch}.form-bottom>span{font-size:12px}.form-bottom>span br{display:none}.footer-bottom{gap:22px}.footer-code{display:none}.theme-picker>span,.audio-toggle{font-size:12px}.hero-description .desktop-break{display:none}.hero .button{padding:14px 17px}.footer .brand-mark{width:30px;height:30px}}
@media(max-width:360px){.hero .eyebrow{font-size:12px;gap:5px}.hero h1{font-size:31px}.hero .button{font-size:13px;padding:14px}.hero-caption{font-size:11px}.brand-last{display:inline}}