:root{color-scheme:dark;--bg:#05060a;--panel:rgba(10,14,22,0.78);--panel-solid:#0d111a;--text:#f4f7fb;--muted:#a7b0c0;--cyan:#34e7ff;--green:#b8ff3d;--pink:#ff3ea5;--amber:#ffb13d;--line:rgba(255,255,255,0.16);--shadow:0 24px 80px rgba(0,0,0,0.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body:before{z-index:-3;background:linear-gradient(110deg,rgba(5,6,10,.9),rgba(5,6,10,.5) 47%,rgba(5,6,10,.9)),url(/assets/cyberpunk-desk.webp) 50% /cover no-repeat}body:after,body:before{position:absolute;inset:0;content:""}body:after{z-index:-2;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,black,transparent 82%);mask-image:linear-gradient(180deg,black,transparent 82%);pointer-events:none}a{color:inherit;text-decoration:none}.noise{opacity:.18;background-image:radial-gradient(circle at 20% 30%,rgba(52,231,255,.09),transparent 16rem),radial-gradient(circle at 85% 15%,rgba(255,62,165,.12),transparent 18rem),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}.data-rain,.noise{position:absolute;inset:0;z-index:-1;pointer-events:none}.data-rain{width:100%;height:100%;opacity:.1;background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(184,255,61,.16) 16px 17px,transparent 17px 36px),repeating-linear-gradient(180deg,transparent 0 24px,rgba(52,231,255,.1) 24px 25px,transparent 25px 64px);-webkit-mask-image:linear-gradient(180deg,black,transparent 76%);mask-image:linear-gradient(180deg,black,transparent 76%)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:rgba(5,6,10,.76)}.brand,.contact-links,.hero-actions,.site-header,nav{display:flex;align-items:center}.brand{gap:.7rem;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:2.4rem;height:2.4rem;place-items:center;border:1px solid var(--cyan);background:rgba(52,231,255,.09);color:var(--green);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;box-shadow:0 0 22px rgba(52,231,255,.3)}nav{gap:clamp(.7rem,2vw,1.4rem);color:var(--muted);font-size:.92rem}.contact-links a:hover,.project-card a:hover,nav a:hover{color:var(--green)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,24rem);grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);min-height:calc(100vh - 4.3rem);align-items:end;padding:clamp(5rem,10vw,9rem) clamp(1rem,4vw,4rem) clamp(3rem,7vw,6rem);overflow:hidden}.hero:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(184,255,61,.14),transparent 1px) 0 0 /6rem 100%,linear-gradient(0deg,rgba(52,231,255,.1),transparent 1px) 0 0 /100% 4rem;-webkit-mask-image:radial-gradient(circle at 18% 48%,black,transparent 62%);mask-image:radial-gradient(circle at 18% 48%,black,transparent 62%);pointer-events:none}.hero-media{position:absolute;inset:auto 0 0 auto;width:min(54vw,56rem);aspect-ratio:1.4;background:linear-gradient(135deg,rgba(52,231,255,.16),rgba(255,62,165,.12));border-top:1px solid rgba(52,231,255,.32);-webkit-clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 18%);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 18%);filter:drop-shadow(0 0 42px rgba(52,231,255,.18))}.hero-content{position:relative;max-width:58rem}.eyebrow{margin:0 0 .85rem;color:var(--green);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(.74rem,1.2vw,.86rem);letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:.98}h1{max-width:12ch;font-size:clamp(3.6rem,10vw,8.7rem);text-transform:uppercase;text-shadow:0 0 34px rgba(52,231,255,.22),.05em .05em 0 rgba(255,62,165,.35)}h2{max-width:13ch;font-size:clamp(2.25rem,6vw,5.4rem)}h3{font-size:clamp(1.35rem,2vw,1.8rem)}.hero-copy{max-width:42rem;margin:1.4rem 0 0;color:#d7dde8;font-size:clamp(1.05rem,1.9vw,1.35rem)}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button,.contact-links a,.project-card a{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--line);font-weight:800}.button.primary{background:var(--green);color:#111509;border-color:var(--green);box-shadow:0 0 28px rgba(184,255,61,.24)}.button.secondary,.contact-links a,.project-card a{background:rgba(255,255,255,.06)}.system-panel{position:relative;align-self:end;padding:1rem;border:1px solid rgba(52,231,255,.34);background:rgba(10,14,22,.9);box-shadow:var(--shadow)}.project-card:before,.system-panel:before{display:block;width:4rem;height:.22rem;margin-bottom:.9rem;content:"";background:var(--pink);box-shadow:0 0 18px rgba(255,62,165,.52)}.panel-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}.panel-row:first-of-type{border-top:0}.card-topline,.panel-row span,footer{color:var(--muted);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem}.panel-row strong{text-align:right}.section{padding:clamp(4rem,9vw,8rem) clamp(1rem,4vw,4rem);border-top:1px solid var(--line);background:rgba(5,6,10,.78);content-visibility:auto;contain-intrinsic-size:1px 760px}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#b8ff3d;color:#111509;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.84rem;font-weight:900;text-transform:uppercase}.ticker-track{display:flex;width:max-content;animation:ticker 22s linear infinite}.ticker span{padding:.7rem 2rem;white-space:nowrap}.ticker span:before{content:"// "}.contact,.split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-gap:clamp(1.5rem,5vw,5rem);gap:clamp(1.5rem,5vw,5rem);align-items:start}.copy-stack{display:grid;grid-gap:1rem;gap:1rem}.contact p,.copy-stack p{margin:0;color:#d9deea;font-size:clamp(1.05rem,2vw,1.35rem)}.section-heading{margin-bottom:2rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.project-card{display:grid;min-height:24rem;align-content:space-between;grid-gap:1.2rem;gap:1.2rem;padding:1.1rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--panel-solid);box-shadow:var(--shadow)}.project-card:nth-child(2):before{background:var(--cyan);box-shadow:0 0 18px rgba(52,231,255,.5)}.project-card:nth-child(3):before{background:var(--amber);box-shadow:0 0 18px rgba(255,177,61,.42)}.card-topline{display:flex;justify-content:space-between;gap:1rem;text-transform:uppercase}.status{color:#10140c;padding:.18rem .45rem;background:var(--green)}.status.warning{background:var(--amber)}.status.cursed{background:var(--pink)}.project-card p{margin:0;color:var(--muted)}.project-card a{width:-moz-fit-content;width:fit-content;min-width:7rem}.console-section{background:linear-gradient(180deg,rgba(255,62,165,.08),transparent 28%),rgba(5,6,10,.88)}.console-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);grid-gap:1rem;gap:1rem}.telemetry,.terminal{border:1px solid rgba(52,231,255,.28);background:rgba(2,5,10,.9);box-shadow:var(--shadow)}.terminal{min-height:25rem;overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:.45rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.06);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.terminal-bar span{width:.72rem;height:.72rem;border-radius:50%;background:var(--pink)}.terminal-bar span:nth-child(2){background:var(--amber)}.terminal-bar span:nth-child(3){background:var(--green)}.terminal-bar strong{margin-left:.5rem;color:var(--muted);font-size:.8rem}.terminal pre{min-height:20rem;margin:0;padding:1rem;color:var(--green);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(.78rem,1.4vw,.95rem);line-height:1.7;white-space:pre-wrap}.telemetry{display:grid;align-content:start;grid-gap:1rem}.metric,.telemetry{gap:1rem;padding:1rem}.metric{display:flex;justify-content:space-between;border:1px solid var(--line);background:rgba(255,255,255,.05);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.metric span{color:var(--muted);text-transform:uppercase}.metric strong{color:var(--cyan);font-size:1.4rem}.meter{height:1rem;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.06)}.meter span{display:block;width:var(--level);height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--pink));animation:pulse 1.6s ease-in-out infinite alternate}.manifesto{background:linear-gradient(90deg,rgba(52,231,255,.12),transparent 38%),rgba(5,6,10,.84)}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.principles p{min-height:8rem;margin:0;padding:1rem;border-left:.25rem solid var(--green);background:rgba(255,255,255,.055);color:#dce4ee;font-size:clamp(1rem,1.6vw,1.18rem)}.contact-links{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem clamp(1rem,4vw,4rem);border-top:1px solid var(--line);background:#05060a}@media (max-width:900px){.console-grid,.contact,.hero,.principles,.project-grid,.split{grid-template-columns:1fr}.hero{min-height:auto;padding-top:5rem}.hero-media{width:92vw;opacity:.55}h1,h2{max-width:14ch}.project-card{min-height:18rem}}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes pulse{0%{filter:saturate(1)}to{filter:saturate(1.8) brightness(1.2)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meter span,.ticker-track{animation:none}}@media (max-width:700px),(prefers-reduced-data:reduce){body:before{background:linear-gradient(110deg,rgba(5,6,10,.88),rgba(5,6,10,.78)),url(/assets/cyberpunk-desk.webp) top /1100px auto no-repeat}.data-rain,.hero-media,.noise{display:none}.meter span,.ticker-track{animation:none}}@media (max-width:620px){.site-header{align-items:flex-start;flex-direction:column}nav{width:100%;justify-content:space-between}h1{font-size:clamp(3rem,17vw,5rem)}footer{flex-direction:column}}