/* NXKLXS / PERSONAL SPACE — handcrafted, dependency-free UI */
:root{--bg:#080c0d;--bg2:#0b1111;--surface:#101717;--surface2:#151e1b;--text:#f1f4ed;--lime:#b8ff80;--lime-2:#95e9a0;--muted:#9aa8a0;--faint:#66746e;--border:#28332f;--border-soft:#1b2622;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--display:Impact,"Arial Narrow","Arial Black",Arial,sans-serif;--body:Inter,"Segoe UI",Arial,sans-serif;--shell:1420px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}body::selection{color:#080c0d;background:var(--lime)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}img,svg{display:block;max-width:100%}p{line-height:1.6}h1,h2,h3,p{margin-top:0}.shell{width:min(calc(100% - 104px),var(--shell));margin-inline:auto}.green-text{color:var(--lime)}.dimmed{color:var(--faint)}.skip-link{position:fixed;z-index:500;top:-100px;left:20px;padding:14px 20px;background:var(--lime);color:#111}.skip-link:focus{top:20px}.site-grid{position:absolute;z-index:-1;top:80px;left:0;right:0;height:1050px;pointer-events:none;background-image:linear-gradient(rgba(163,246,170,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(163,246,170,.028) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}.scroll-progress{position:fixed;top:0;left:0;z-index:200;width:100%;height:3px;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:var(--lime);box-shadow:0 0 14px #b8ff8080}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,12,13,.88);border-bottom:1px solid rgba(186,210,193,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-emblem{display:grid;place-items:center;position:relative;width:39px;height:39px;border:1px solid var(--lime);border-radius:3px;color:var(--lime);font-size:30px;font-weight:900;line-height:1;font-family:var(--display)}.brand-emblem>span:first-child{transform:translate(-2px,-4px)}.brand-emblem .emblem-slash{position:absolute;right:-5px;bottom:-5px;font:700 17px var(--mono);color:var(--lime);background:var(--bg);padding-left:2px}.brand-wordmark{font-size:23px;font-weight:900;letter-spacing:-1.8px}.brand-dot{color:var(--lime)}.desktop-nav{display:flex;align-items:center;gap:clamp(22px,3vw,52px);margin-left:auto}.desktop-nav a{font:700 12px var(--mono);letter-spacing:.055em;color:#d5ddd3;transition:color .2s}.desktop-nav a span{font-size:10px;color:var(--lime);margin-right:7px}.desktop-nav a:hover{color:var(--lime)}.header-right{display:flex;align-items:center;gap:24px}.header-scroll{font:700 11px var(--mono);letter-spacing:.05em;display:flex;gap:13px;align-items:center}.nav-contact{border:1px solid var(--lime);color:var(--lime);font:700 11px var(--mono);padding:13px 16px;letter-spacing:.06em;transition:.2s}.nav-contact span{font-size:16px;margin-left:16px}.nav-contact:hover{background:var(--lime);color:var(--bg)}.mobile-menu-toggle,.mobile-menu{display:none}
/* hero */
.hero{padding-top:28px}.hero-topline,.hero-bottomline{display:flex;justify-content:space-between;align-items:center;gap:18px;font:700 11px var(--mono);letter-spacing:.08em;color:#b4c0b7}.hero-topline{padding-bottom:22px;border-bottom:1px solid var(--border)}.square-marker{display:inline-block;background:var(--lime);height:8px;width:8px;margin-right:9px;transform:rotate(45deg)}.hero-coordinate{margin-left:50px}.topline-divider{color:var(--faint);margin:0 10px}.hero-signal{color:var(--lime);display:flex;align-items:center;gap:10px}.signal-dot,.console-live-dot{display:inline-block;width:7px;height:7px;min-width:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #b8ff8015,0 0 18px #b8ff8080;animation:signal 2.7s infinite}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:0;align-items:center;min-height:650px}.hero-content{position:relative;z-index:2;padding:74px 0 58px}.hero-intro{font:700 12px var(--mono);color:var(--lime);letter-spacing:.18em;display:flex;align-items:center;gap:14px;margin-bottom:22px}.tiny-rule{display:block;width:30px;height:1px;background:var(--lime)}.hero h1{font:900 clamp(95px,10.2vw,166px)/.83 var(--display);letter-spacing:-.065em;margin:0 0 35px;white-space:nowrap}.hero h1 .stroke-word{-webkit-text-stroke:2px #f1f4ed;color:transparent}.hero h1 .period{color:var(--text)}.hero-lead{font-size:clamp(20px,1.8vw,27px);font-weight:600;letter-spacing:-.045em;line-height:1.35;max-width:560px;color:#e6ece5;margin-bottom:17px}.hero-lead strong{color:var(--lime);font-weight:650}.hero-secondary{font-size:15px;line-height:1.8;color:var(--muted);max-width:495px;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:57px;font:800 12px var(--mono);letter-spacing:.055em;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lime);color:var(--bg);padding:0 20px;min-width:248px}.button-primary span{font-size:20px}.button-text{color:var(--text);border-bottom:1px solid #59665d}.button-text span{color:var(--lime);font-size:18px}.hero-footnote{display:flex;align-items:center;gap:11px;margin-top:50px;font:12px var(--mono);color:var(--muted)}.hero-footnote strong{color:#d0dcd1;font-weight:500}.footnote-pulse{display:inline-block;background:var(--lime);height:6px;width:6px;border-radius:50%;box-shadow:0 0 10px #b8ff80;animation:signal 2.3s infinite}.hero-visual{position:relative;height:min(575px,43vw);min-height:520px;border:1px solid #28362f;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,rgba(90,163,100,.15),transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(25,73,62,.2),transparent 58%),#0b1211;isolation:isolate}.hero-visual::after{content:"";position:absolute;inset:0;border:17px solid rgba(8,12,13,.14);pointer-events:none}.hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(180,255,177,.055) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(180,255,177,.055) 50%,transparent 50.1%);pointer-events:none}.visual-dots{position:absolute;inset:0;background-image:radial-gradient(#9bddac 1px,transparent 1px);background-size:25px 25px;opacity:.17;mask-image:radial-gradient(circle at center,#000 10%,transparent 77%)}.visual-corner{position:absolute;top:21px;font:10px var(--mono);color:#acc0b0;letter-spacing:.07em;z-index:3}.visual-corner.top-left{left:22px}.visual-corner.top-right{right:22px}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #6baa7933;border-radius:50%;pointer-events:none}.orbit-one{width:39%;aspect-ratio:1}.orbit-two{width:66%;aspect-ratio:1}.orbit-three{width:100%;aspect-ratio:1}.network-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1}.travel-path{animation:travel 7s linear infinite;opacity:.75}.network-center{position:absolute;z-index:3;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;width:142px;height:142px;border:1px solid #acffa884;background:radial-gradient(circle at center,#20392b,#0b1511 75%);box-shadow:0 0 0 8px #a7ff8410,0 0 70px #b8ff8020}.center-halo{position:absolute;inset:-15px;border:1px dashed #b8ff804a;border-radius:50%;animation:spin 45s linear infinite}.center-icon{width:74px;height:74px;margin-top:-6px}.center-icon svg{width:100%;height:100%;stroke:var(--lime);stroke-width:2;fill:none}.center-icon circle{fill:var(--lime);stroke:none}.network-center>span{font:800 12px var(--mono);color:var(--lime);letter-spacing:.06em}.network-center>small{font:9px var(--mono);color:var(--muted);letter-spacing:.04em}.node{position:absolute;z-index:2;transform:translate(-50%,-50%);width:135px;height:85px;padding:11px 12px;border:1px solid #546c55;background:#101a16e8;box-shadow:0 6px 25px #0009;display:flex;flex-direction:column;gap:4px}.node-one{left:21.75%;top:27.5%}.node-two{left:78.9%;top:26.8%}.node-three{left:21%;top:71%}.node-four{left:78.9%;top:72.5%}.node-label,.node-detail{font:9px var(--mono);letter-spacing:.05em;color:#85ad8f}.node strong{font:900 15px var(--mono);letter-spacing:-.03em;color:#e5f8e4}.node-icon{position:absolute;right:10px;top:8px;color:var(--lime);font-size:19px}.node-detail{margin-top:auto;color:#afc1b1}.hero-visual-footer{position:absolute;left:22px;bottom:18px;right:22px;display:flex;justify-content:space-between;z-index:4;color:#9cae9f;gap:15px;font:10px var(--mono)}.hero-visual-footer b{color:var(--lime);font-weight:500}.hero-visual-footer i{margin-left:5px}.hero-bottomline{padding:19px 0 26px;border-top:1px solid var(--border)}.hero-bottomline>.scroll-arrow{font-size:20px}.diamond{color:var(--lime);font-size:18px;vertical-align:-2px;margin-right:9px}.scroll-arrow{color:var(--lime);margin-left:12px;display:inline-block;animation:arrow 1.8s infinite}
/* ticker */
.ticker{position:relative;overflow:hidden;border-top:1px solid var(--lime);border-bottom:1px solid var(--lime);background:var(--lime);color:var(--bg);transform:rotate(-.6deg) scale(1.005);margin:18px 0 20px}.ticker-track{display:flex;align-items:center;gap:44px;width:max-content;animation:marquee 32s linear infinite;padding:17px 0}.ticker-track span{white-space:nowrap;font:900 20px var(--display);letter-spacing:.025em}.ticker-track i{font-size:18px;font-style:normal;line-height:1}
/* section scaffolding */
.section{padding-top:140px;padding-bottom:140px}.section-meta{display:flex;align-items:center;gap:22px;font:700 11px var(--mono);letter-spacing:.09em;color:var(--muted);margin-bottom:74px}.section-index{color:var(--lime);font-size:13px}.section-category{color:#d2ddd3}.section-line{height:1px;flex:1;background:var(--border)}.section-count{color:var(--faint)}.eyebrow{font:700 12px var(--mono);letter-spacing:.17em;color:var(--lime)}.section h2,.contact-section h2{font:900 clamp(73px,9vw,145px)/.92 var(--display);letter-spacing:-.057em;margin:22px 0 0}.about-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:8%}.about-heading h2{font-size:clamp(72px,8.3vw,134px)}.about-heading h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #f1f4ed}.stamp{display:inline-block;margin-top:45px;border:1px solid #49644f;transform:rotate(-10deg);padding:16px 24px;font:900 20px/.95 var(--display);color:var(--lime);letter-spacing:.05em}.about-copy{padding-top:40px;max-width:580px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:20px}.about-copy .about-large{color:#e9f0e6;font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1.37;letter-spacing:-.045em;margin-bottom:29px}.about-large strong{color:var(--lime);font-weight:650}.about-large span{border-bottom:2px solid var(--lime)}.about-copy p strong{color:#d9e9dc}.about-facts{margin-top:44px;border-top:1px solid var(--border)}.about-facts div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border);align-items:center}.about-facts span{font:11px var(--mono);color:var(--faint)}.about-facts strong{font:700 12px var(--mono);letter-spacing:.05em}
/* projects */
.projects-section{background:#0c1211;border-top:1px solid #1d2c25;border-bottom:1px solid #1d2c25}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-heading h2{font-size:clamp(90px,11vw,170px)}.heading-right{max-width:520px;padding-bottom:4px}.heading-right p,.lab-heading>p{max-width:500px;font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:28px}.project-filters{display:flex;flex-wrap:wrap;gap:6px}.filter{border:1px solid #35423a;background:transparent;color:#a8b8aa;letter-spacing:.05em;padding:12px 14px;font:700 11px var(--mono);transition:.2s}.filter span{font-size:9px;margin-left:5px}.filter.active,.filter:hover{color:var(--bg);background:var(--lime);border-color:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{min-width:0;border:1px solid #29382f;background:#101816;transition:transform .25s,border-color .25s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-6px);border-color:#87d580}.project-card[hidden]{display:none}.project-art{position:relative;overflow:hidden;height:245px;border-bottom:1px solid #27392f;background-color:#111d19;background-image:linear-gradient(rgba(171,240,173,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(171,240,173,.055) 1px,transparent 1px);background-size:24px 24px}.project-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,11,.7),transparent 24%);pointer-events:none}.art-label,.art-coordinate{position:absolute;z-index:4;color:#b2cab1;font:10px var(--mono);letter-spacing:.07em}.art-label{top:18px;left:19px}.art-coordinate{bottom:15px;left:19px;color:#8ba590}.project-body{padding:26px 24px 25px;display:flex;flex-direction:column;flex:1}.project-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 10px var(--mono);letter-spacing:.075em;color:var(--lime)}.project-symbol{font-size:22px;color:#d3eed0;transition:transform .2s}.project-card:hover .project-symbol{transform:translate(4px,-4px);color:var(--lime)}.project-card h3{font-size:27px;font-weight:800;letter-spacing:-.07em;margin:15px 0 9px}.project-card p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:25px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.project-tags span{font:10px var(--mono);color:#afc0ae;padding:7px 8px;border:1px solid #334236}.projects-note{display:flex;justify-content:space-between;gap:20px;padding-top:19px;color:#667b6d;font:10px var(--mono);letter-spacing:.055em}.projects-note span{color:var(--lime)}
/* hand-drawn project previews */
.art-network{background-color:#12201b}.art-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#a5ff8920,transparent 70%)}.mini-server{position:absolute;z-index:2;top:96px;width:89px;height:86px;border:1px solid #87ce8d;background:#182b20;box-shadow:0 0 23px #a4fa8622;padding:10px}.server-left{left:9%}.server-center{left:50%;transform:translateX(-50%);border-color:#bdffa2;box-shadow:0 0 25px #a4fa8640}.server-right{right:9%}.mini-server i{display:block;border:1px solid #507961;width:100%;height:9px;margin-bottom:6px;position:relative}.mini-server i::before{content:"";width:3px;height:3px;background:var(--lime);position:absolute;left:4px;top:2px}.mini-server span{font:9px var(--mono);color:var(--lime);text-align:center;display:block;margin-top:3px}.mini-wire{position:absolute;top:139px;width:30%;height:1px;background:linear-gradient(to right,transparent,var(--lime),transparent)}.wire-a{left:24%}.wire-b{right:24%}.art-app{background-color:#101b19}.app-window{position:absolute;left:15%;right:15%;top:47px;height:181px;border:1px solid #517b64;background:#0d1716;transform:perspective(900px) rotateX(6deg) rotateY(-5deg);box-shadow:15px 15px 0 #192f24,0 0 55px #b8ff8014}.app-top{height:26px;border-bottom:1px solid #304b3b;display:flex;align-items:center;gap:5px;padding:0 11px}.app-top i{height:5px;width:5px;border-radius:50%;background:#7a9a83}.app-top span{margin-left:auto;font:8px var(--mono);color:#a4d2a9}.app-sidebar{position:absolute;left:0;top:26px;bottom:0;width:21%;border-right:1px solid #365544;padding:12px 9px}.app-sidebar b{display:block;height:5px;margin-bottom:13px;background:#3c634a;border-radius:3px}.app-sidebar b:first-child{background:var(--lime)}.app-cards{position:absolute;left:25%;right:5%;top:40px;bottom:15px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 32px;gap:9px}.app-card-one{grid-column:1/3;border:1px solid #314f3b;padding:10px;position:relative}.app-card-one small{font:8px var(--mono);color:#a5d2b5}.app-card-one svg{height:55px;width:100%;color:var(--lime)}.app-card-two,.app-card-three{border:1px solid #3b5141;background:#203429}.art-monitor{background:linear-gradient(130deg,#0c1d19,#13231f)}.chart-grid{position:absolute;inset:52px 12% 44px;border:1px solid #4e7159;padding:13px;background:#0c1713;box-shadow:0 16px 40px #0005}.chart-grid::before{content:"CPU LOAD — SYSTEM OVERVIEW";font:9px var(--mono);color:#92c399}.chart-lines{position:absolute;top:42px;left:18px;right:18px;height:100px;border-bottom:1px dashed #49654c;background:repeating-linear-gradient(to bottom,transparent 0 24px,#42624735 25px)}.chart-lines svg{height:100%;width:100%;color:var(--lime)}.chart-stats{position:absolute;right:17px;left:17px;bottom:9px;display:flex;justify-content:space-between}.chart-stats div{display:flex;gap:7px;align-items:center}.chart-stats small{font:8px var(--mono);color:#6b9777}.chart-stats strong{font:9px var(--mono);color:var(--lime)}.art-automation{background-color:#17211d}.auto-flow{position:absolute;top:88px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:5px}.auto-flow div{border:1px solid #64816b;background:#18281f;width:28%;min-width:0;padding:15px 7px;display:flex;flex-direction:column;gap:7px;align-items:center}.auto-flow div span{font:9px var(--mono);color:#6b9777}.auto-flow div b{font:800 clamp(10px,1.1vw,13px) var(--mono);color:var(--lime)}.auto-flow div small{font:9px var(--mono);color:#b8caba}.auto-flow em{font:22px var(--mono);color:var(--lime);font-style:normal}.art-storage{background:radial-gradient(ellipse at 50% 70%,#4f7b5125,transparent 67%),#111c17}.storage-stack{position:absolute;left:50%;top:30px;transform:translateX(-50%) perspective(500px) rotateY(-7deg);width:min(64%,260px);padding:9px;border:1px solid #68856a;background:#16241c;box-shadow:15px 13px 0 #253c2b}.storage-top{font:9px var(--mono);color:#b9e8b3;letter-spacing:.06em;padding:4px 4px 10px}.storage-unit{height:36px;margin-bottom:5px;border:1px solid #536b56;background:#0c1712;display:flex;align-items:center;gap:9px;padding:0 9px}.storage-unit>span{font:10px var(--mono);color:#74977b}.storage-unit b{font:10px var(--mono);color:#c4dbbd;margin-right:auto}.storage-unit i{height:5px;width:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 7px var(--lime)}.storage-unit i:nth-last-child(2){background:#5a7b60;box-shadow:none}.art-game{background:radial-gradient(circle at 55% 80%,#6aa65b37,transparent 65%),#131d1b}.voxel-world{position:absolute;top:45px;left:30%;width:160px;height:160px;transform:rotate(-28deg) skew(8deg,8deg)}.voxel{position:absolute;width:62px;height:62px;background:#52774a;border-top:15px solid #a5da7f;border-right:15px solid #3a5c3d;box-shadow:8px 8px 0 #223e2a}.voxel-a{top:17px;left:33px}.voxel-b{top:77px;left:20px}.voxel-c{top:77px;left:86px}.voxel-d{top:124px;left:58px}.voxel-e{top:9px;left:102px;width:40px;height:40px}.game-caption{position:absolute;z-index:3;right:18px;top:55px;text-align:right;font:10px/1.65 var(--mono);color:#8fae91}.game-caption strong{color:var(--lime)}
/* lab */
.lab-heading{margin-bottom:54px}.lab-heading h2{font-size:clamp(87px,10vw,159px)}.stroke-small{-webkit-text-stroke:2px #f1f4ed;color:transparent}.lab-heading>p{margin-bottom:10px}.lab-console{border:1px solid #4d6854;background:#0b1210;box-shadow:0 30px 110px #0004}.console-topbar{min-height:53px;padding:13px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #314738;color:#a8bdab;font:10px var(--mono);letter-spacing:.04em}.console-topbar>div:first-child{display:flex;align-items:center;gap:12px}.console-tabs{display:flex;border:1px solid #324d39}.console-tabs button{border:0;border-right:1px solid #324d39;background:none;color:#9fb19c;font:700 10px var(--mono);padding:11px 17px}.console-tabs button:last-child{border-right:0}.console-tabs button.active{color:#081009;background:var(--lime)}.console-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px}.console-canvas{min-width:0;border-right:1px solid #314738;min-height:465px;padding:52px 20px 28px;background:radial-gradient(ellipse at 43% 46%,#486a4424,transparent 60%),repeating-linear-gradient(0deg,#a2e9aa0c 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,#a2e9aa0c 0 1px,transparent 1px 30px);display:flex;flex-direction:column;justify-content:center}.lab-diagram{width:100%;height:360px;position:relative}.lab-diagram[hidden]{display:none}.lab-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lab-links path{fill:none;stroke:#9bf089;stroke-width:1.5;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.lab-links circle{fill:var(--lime)}.lab-node{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:145px;height:92px;border:1px solid #668e67;background:#14231b;box-shadow:0 10px 30px #030b06ad;gap:5px}.lab-node>span:first-child{position:absolute;top:7px;left:9px;color:#688975;font:9px var(--mono)}.lab-node-icon{color:var(--lime);font:20px var(--mono);line-height:1}.lab-node strong{font:800 11px var(--mono);color:#e2f5e0}.lab-node small{font:9px var(--mono);color:#89aa8b}.lab-node-internet{left:15.3%;top:50%}.lab-node-core{left:41.4%;top:50%;border-color:var(--lime)}.lab-node-host{left:75.6%;top:50%}.lab-node-storage{left:41.4%;top:18.6%}.lab-node-observe{left:41.4%;top:79.2%}.service-one{left:16%;top:50%}.service-two{left:48%;top:50%;border-color:var(--lime)}.service-three{left:80%;top:50%}.service-four{left:48%;top:19.5%}.service-five{left:48%;top:79%}.canvas-coordinate{font:9px var(--mono);color:#7fa588;letter-spacing:.05em;padding-left:8px;margin-top:5px}.console-sidebar{padding:24px 23px;background:#111a15}.console-sidebar-top{font:10px var(--mono);color:var(--lime);display:flex;justify-content:space-between}.console-sidebar h3{font:900 30px var(--display);letter-spacing:-.02em;margin:45px 0 13px}.console-sidebar h3 span{color:var(--lime)}.console-sidebar>p{font-size:13px;line-height:1.7;color:#a6b5a7;margin-bottom:25px}.console-kv{border-top:1px solid #2b4430;padding:15px 0;display:flex;flex-direction:column;gap:7px}.console-kv span{font:9px var(--mono);color:#789481}.console-kv strong{font:11px var(--mono);color:#e4eee0}.console-sidebar-foot{padding-top:18px;color:var(--lime);font:9px var(--mono);display:flex;align-items:center;gap:8px}.console-sidebar-foot .signal-dot{width:5px;height:5px;min-width:5px}.console-bottom{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;border-top:1px solid #314738;font:10px var(--mono);color:#7e9682}
/* stack */
.stack-section{background:#0c1211;border-top:1px solid #1d2c25;border-bottom:1px solid #1d2c25}.stack-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:12%}.stack-title h2{font-size:clamp(88px,10vw,154px)}.stack-title>p{font-size:16px;color:var(--muted);line-height:1.8;max-width:400px;margin-top:38px}.stack-list{padding-top:22px}.stack-row{display:grid;grid-template-columns:45px minmax(0,1fr) 28px;gap:18px;padding:28px 0;border-top:1px solid #344238}.stack-row:last-child{border-bottom:1px solid #344238}.stack-number{font:11px var(--mono);color:var(--lime);padding-top:5px}.stack-row h3{font:700 19px var(--mono);color:#e9f5e7;margin:0 0 16px;letter-spacing:-.04em}.stack-pills{display:flex;gap:8px;flex-wrap:wrap}.stack-pills span{border:1px solid #3d4d41;padding:7px 10px;border-radius:30px;color:#a8bcaa;font:11px var(--mono)}.stack-arrow{color:#7da884;font-size:22px}
/* terminal */
.terminal-section{padding-top:140px}.terminal-shell{border:1px solid #3f5948;background:#0d1411;box-shadow:0 30px 100px #0004}.terminal-titlebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #314536;background:#17221b;color:#93aa96;font:11px var(--mono)}.term-dot{height:10px;width:10px;display:inline-block;border-radius:50%;margin-right:5px}.term-dot.red{background:#ec7773}.term-dot.yellow{background:#e5c16b}.term-dot.green{background:#91d78b}.terminal-titlebar button{font:10px var(--mono);border:0;color:#a9bbaa;background:transparent;letter-spacing:.07em}.terminal-titlebar button:hover{color:var(--lime)}.terminal-content{padding:54px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.terminal-intro>span{color:var(--lime);font:11px var(--mono);letter-spacing:.08em}.terminal-intro h2{font:900 clamp(52px,5vw,82px)/.98 var(--display);letter-spacing:-.05em;margin:26px 0}.terminal-intro h2 span{color:var(--lime)}.terminal-intro p{max-width:340px;color:#9eafa1;font-size:14px;line-height:1.8}.terminal-intro code{color:var(--lime);background:#243629;padding:2px 5px}.terminal-window{border:1px solid #49634d;background:#080e0b;min-height:300px;display:flex;flex-direction:column;padding:19px 19px 15px;overflow:hidden;box-shadow:0 0 0 8px #a7ff8406}.terminal-output{font:12px/1.7 var(--mono);color:#d6e8d3;height:186px;min-height:186px;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#506b52 transparent;white-space:pre-wrap;overflow-wrap:anywhere}.term-output-line{margin-bottom:4px}.term-output-line.muted{color:#82998b}.term-output-line.success{color:var(--lime)}.term-output-line.error{color:#f3a5a5}.term-output-line.command{color:#c4ebc4}.term-output-line.command b{color:var(--lime);font-weight:400}#terminal-form{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 0 16px;font:12px var(--mono)}.terminal-prompt{flex:0 0 auto;color:#b9d0bd;white-space:nowrap}.terminal-prompt span{color:var(--lime)}.terminal-prompt b{color:#80b3e0;font-weight:500}#terminal-input{color:#e8f8e8;background:transparent;border:0;outline:none;min-width:0;flex:1;font:12px var(--mono);caret-color:var(--lime)}#terminal-input::placeholder{color:#4e6755}.terminal-suggestions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #213427;padding-top:13px}.terminal-suggestions button{padding:5px 8px;color:#94af9a;font:10px var(--mono);background:#192a1c;border:1px solid #34523a}.terminal-suggestions button:hover{color:var(--bg);background:var(--lime)}
/* contact */
.contact-section{padding:140px 0 110px;background:var(--lime);color:var(--bg);overflow:hidden}.contact-section .section-meta{color:#47603a}.contact-section .section-index{color:#253d1d}.contact-section .section-category{color:#243621}.contact-section .section-line{background:#244a223d}.contact-section .section-count{color:#4b7148}.contact-section .eyebrow{color:#254024}.contact-section .square-marker{background:#203a1c}.contact-inner h2{font-size:clamp(88px,11.6vw,184px);margin:30px 0 40px;white-space:nowrap}.contact-inner h2>span{-webkit-text-stroke:2px #101810;color:transparent}.contact-asterisk{-webkit-text-stroke:0;color:#162313}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;border-top:1px solid #35523070;padding-top:28px}.contact-bottom p{max-width:390px;font-size:19px;line-height:1.5;letter-spacing:-.025em;margin:0}.contact-button{width:min(100%,295px);border:2px solid var(--bg);background:var(--bg);color:var(--lime);padding:21px 22px;display:flex;justify-content:space-between;align-items:center;font:800 13px var(--mono);transition:.2s}.contact-button span{font-size:21px}.contact-button:hover{background:transparent;color:var(--bg)}.contact-small{font:10px var(--mono);letter-spacing:.07em;color:#38602d;margin-top:45px}
/* footer */
.site-footer{background:#070b0a}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:54px 0 45px;border-bottom:1px solid #233027}.footer-logo{font:900 48px var(--display);letter-spacing:-.07em}.footer-logo span{color:var(--lime)}.footer-top>span,.back-to-top{font:10px var(--mono);color:#899b8b;letter-spacing:.045em}.back-to-top{color:var(--lime)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 0 40px;font:10px var(--mono);color:#7d9080;letter-spacing:.04em}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:24px}.footer-bottom a:hover{color:var(--lime)}.toast{position:fixed;z-index:150;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--lime);color:var(--bg);border:1px solid var(--bg);padding:12px 18px;font:700 12px var(--mono);box-shadow:0 12px 35px #0008;opacity:0;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* legal pages */
.legal-main{padding:110px 0 140px;min-height:67vh;max-width:820px}.legal-main h1{font:900 clamp(60px,9vw,105px)/.95 var(--display);letter-spacing:-.045em;margin:30px 0}.legal-main h2{font-size:24px;margin:45px 0 15px;letter-spacing:-.04em}.legal-main p,.legal-main li{color:#aab9ad;line-height:1.85}.legal-warning{border:1px solid #cbbe5e;background:#403e1c;color:#f9eeb2;padding:18px 20px;line-height:1.6}.legal-warning strong{color:#fff4ae}.legal-main a{color:var(--lime);text-decoration:underline}.legal-main code{color:var(--lime)}
@keyframes signal{0%,100%{opacity:1}50%{opacity:.42}}@keyframes travel{from{stroke-dashoffset:0}to{stroke-dashoffset:-132}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1250px){.shell{width:min(calc(100% - 72px),var(--shell))}.header-scroll{display:none}.desktop-nav{gap:20px}.hero h1{font-size:clamp(85px,10vw,126px)}.hero-grid{gap:22px;min-height:590px}.hero-visual{min-height:470px;height:500px}.hero-visual-footer{font-size:9px}.node{transform:translate(-50%,-50%) scale(.86)}.section{padding-top:115px;padding-bottom:115px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-art{height:250px}.contact-inner h2{font-size:clamp(80px,11vw,142px)}}
@media(max-width:920px){.shell{width:min(calc(100% - 52px),var(--shell))}.desktop-nav,.header-scroll,.nav-contact{display:none}.header-inner{height:74px}.mobile-menu-toggle{display:flex;width:43px;height:43px;border:1px solid var(--border);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:7px}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:var(--lime);transition:.2s}.mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;background:#0c1511;padding:10px 26px 23px;border-bottom:1px solid var(--border)}.mobile-menu a{display:flex;justify-content:space-between;padding:18px 8px;border-bottom:1px solid #293b30;font:700 15px var(--mono)}.mobile-menu a span{color:var(--lime)}.hero-coordinate{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;gap:16px}.hero-content{padding:70px 0 35px}.hero h1{font-size:clamp(95px,17vw,150px)}.hero-lead{max-width:700px}.hero-visual{height:560px;min-height:0;max-width:690px;width:100%;margin:0 auto 35px}.hero-footnote{margin-top:35px}.about-layout{grid-template-columns:1fr;gap:22px}.about-heading h2{font-size:clamp(90px,12vw,125px)}.about-copy{max-width:700px;padding-top:10px}.split-heading{align-items:flex-start;flex-direction:column}.heading-right{max-width:700px}.lab-heading h2{font-size:clamp(110px,14vw,145px)}.console-layout{grid-template-columns:1fr}.console-canvas{border-right:0;border-bottom:1px solid #314738}.console-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.console-sidebar-top,.console-sidebar h3,.console-sidebar>p,.console-sidebar-foot{grid-column:1 / -1}.console-sidebar h3{margin:24px 0 12px}.console-sidebar>p{max-width:540px}.stack-grid{grid-template-columns:1fr;gap:15px}.stack-title h2{font-size:clamp(95px,13vw,140px)}.stack-title>p{margin:25px 0}.terminal-content{grid-template-columns:1fr;gap:22px}.terminal-intro h2{margin-bottom:20px}.terminal-intro p{max-width:540px}}
@media(max-width:620px){.shell{width:min(calc(100% - 36px),var(--shell))}.header-inner{height:68px}.brand-wordmark{font-size:21px}.brand-emblem{height:35px;width:35px}.hero{padding-top:21px}.hero-topline{font-size:9px;padding-bottom:17px;flex-wrap:wrap}.hero-signal{font-size:9px}.hero-content{padding:57px 0 29px}.hero-intro{font-size:10px;margin-bottom:24px}.hero h1{font-size:clamp(70px,17.2vw,108px);margin-bottom:29px}.hero h1 .stroke-word{-webkit-text-stroke:1.3px #f1f4ed}.hero-lead{font-size:21px}.hero-secondary{font-size:14px;margin-bottom:25px}.hero-actions{align-items:stretch;gap:15px}.button-primary{min-width:230px}.button-text{font-size:11px}.hero-footnote{font-size:10px;line-height:1.5}.hero-visual{height:400px;margin-bottom:18px}.node{transform:translate(-50%,-50%) scale(.66)}.network-center{transform:translate(-50%,-50%) scale(.73)}.orbit-three{width:110%}.hero-visual-footer{left:12px;bottom:13px;right:12px;font-size:8px}.hero-visual-footer>span:last-child{display:none}.visual-corner{font-size:8px}.visual-corner.top-left{left:11px}.visual-corner.top-right{right:11px}.hero-bottomline{font-size:9px}.ticker-track{gap:24px;padding:12px 0}.ticker-track span{font-size:16px}.section{padding-top:90px;padding-bottom:90px}.section-meta{margin-bottom:45px;gap:11px;font-size:9px}.section-index{font-size:11px}.section h2{font-size:clamp(62px,14vw,93px)}.about-heading h2{font-size:clamp(67px,14vw,98px)}.about-copy .about-large{font-size:24px}.about-copy p{font-size:14px}.about-facts strong{font-size:10px;text-align:right}.stamp{font-size:15px;padding:12px 16px;margin:34px 0 0}.split-heading{margin-bottom:35px;gap:23px}.section-heading h2{font-size:clamp(85px,18vw,115px)}.heading-right p,.lab-heading>p{font-size:14px}.project-grid{grid-template-columns:1fr;gap:13px}.project-art{height:240px}.project-card h3{font-size:25px}.project-body{padding:22px}.project-filters{gap:5px}.filter{padding:11px 10px;font-size:10px}.projects-note{font-size:8px}.lab-heading h2{font-size:clamp(85px,16vw,120px)}.console-topbar{flex-wrap:wrap;font-size:9px}.console-topbar>span{display:none}.console-tabs{margin-left:auto}.console-tabs button{padding:10px}.console-canvas{min-height:0;padding:20px 12px}.lab-diagram{height:auto;min-height:360px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:11px}.lab-links{display:none}.lab-node,.lab-node-internet,.lab-node-core,.lab-node-host,.lab-node-storage,.lab-node-observe,.service-one,.service-two,.service-three,.service-four,.service-five{position:static;transform:none;width:auto;height:104px}.lab-node:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.lab-node-icon{font-size:18px}.console-sidebar{grid-template-columns:1fr;padding:23px}.console-sidebar>p{margin-bottom:13px}.console-kv{padding:11px 0}.console-bottom{font-size:9px}.console-bottom span:last-child{display:none}.stack-title h2{font-size:clamp(90px,19vw,120px)}.stack-row{grid-template-columns:30px 1fr 20px;gap:12px}.stack-row h3{font-size:15px}.stack-pills span{font-size:10px}.terminal-section{padding-bottom:90px}.terminal-content{padding:23px 17px}.terminal-intro h2{font-size:clamp(44px,10vw,68px)}.terminal-window{padding:14px 10px;min-height:310px}.terminal-output{font-size:11px}#terminal-form{gap:6px;font-size:10px}.terminal-prompt,#terminal-input{font-size:10px}.contact-section{padding:85px 0 75px}.contact-inner h2{font-size:clamp(51px,11.7vw,87px);line-height:1;white-space:normal;margin:26px 0 33px}.contact-inner h2>span{-webkit-text-stroke:1px #101810}.contact-bottom{align-items:stretch;flex-direction:column;gap:28px}.contact-bottom p{font-size:17px}.contact-button{width:100%}.contact-small{font-size:9px}.footer-top{flex-direction:column;align-items:flex-start;gap:14px;padding:38px 0}.footer-logo{font-size:43px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-bottom>div{gap:18px}.legal-main{padding:65px 0 90px}}
@media(max-width:365px){.hero h1{font-size:17vw}.node{transform:translate(-50%,-50%) scale(.58)}.hero-visual{height:350px}.filter{font-size:9px}.terminal-prompt{font-size:9px}.terminal-output{font-size:10px}}
/* Final mobile overflow guard. Keep the one-line HOMELAB lockup within the viewport. */
html{overflow-x:clip}
@media(max-width:620px){.lab-heading h2{font-size:clamp(58px,17vw,83px)}}