:root{--bg: #0c0c10;--surface: #15151c;--line: #2a2a35;--text: #f3f1ea;--muted: #a7a6b3;--accent: #c6ff3d;--accent-2: #ff5c35;--on-accent: #0c0c10;--glow: #1b1b26;--panel-bg: rgba(12, 12, 16, .96);--particle: #5b5b73;--radius: 14px;--max: 1120px;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: Inter, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}html[data-theme=light]{color-scheme:light;--bg: #f4f1ea;--surface: #ffffff;--line: #d8d3c6;--text: #14141a;--muted: #5b5a66;--accent: #3a2cff;--accent-2: #e8431f;--on-accent: #ffffff;--glow: #ffffff;--panel-bg: rgba(244, 241, 234, .97);--particle: #8e8aa3}html[data-theme=signal]{--bg: #07070d;--surface: #11111c;--line: #2b2b44;--text: #f6f6ff;--muted: #a3a3c2;--accent: #ff3d81;--accent-2: #36e2ff;--on-accent: #07070d;--glow: #1a1030;--panel-bg: rgba(7, 7, 13, .96);--particle: #4a4a85}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 30% 20%,var(--glow),var(--bg) 70%);background-attachment:fixed;color:var(--text);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}ul{list-style:none;margin:0;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:16px;top:-60px;background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:8px;z-index:100}.skip-link:focus{top:12px}.btn{display:inline-block;font:600 1rem var(--body);background:var(--accent);color:var(--on-accent);border:2px solid var(--accent);padding:.75em 1.4em;border-radius:999px;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:wait}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-small{padding:.4em 1em;font-size:.9rem}.site-header{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px max(16px,calc((100vw - var(--max)) / 2))}.brand{font:700 1.1rem var(--display);text-decoration:none}.site-header ul{display:flex;align-items:center;gap:22px}.site-header li a:not(.btn){color:var(--muted);text-decoration:none;font-size:.95rem;transition:color .2s}.site-header li a:not(.btn):hover{color:var(--accent)}main>section,.panel-inner>section{width:min(var(--max),100% - 32px);margin-inline:auto}.section{padding:96px 0 24px}.section-title{font:800 clamp(2rem,5vw,3.2rem) / 1.05 var(--display);letter-spacing:-.02em;margin:0 0 40px}.lede{font-size:1.15rem;color:var(--muted);max-width:62ch}.lede a{color:var(--accent)}.hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:64px 0}.eyebrow{font:500 .85rem var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px}.hero h1{font:800 clamp(2.8rem,9vw,7rem) / .98 var(--display);letter-spacing:-.035em;margin:0 0 28px;max-width:14ch;background:linear-gradient(100deg,var(--text) 40%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.projects{display:grid;gap:28px}.project{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:border-color .25s,transform .25s}.project:hover{border-color:var(--accent)}.project:nth-child(2n) .project-media{order:2}.project-media{overflow:hidden;border-radius:10px;display:block;aspect-ratio:16 / 10;background:#000}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top}.distort{position:relative;width:100%;height:100%}.distort canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .4s}.distort.is-ready canvas{opacity:1}.distort.is-ready img{visibility:hidden}.project-index{font:500 .85rem var(--mono);color:var(--accent-2)}.project h3{font:700 1.9rem / 1.1 var(--display);margin:6px 0 10px}.project p{color:var(--muted);margin:0 0 16px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tags li,.chips li{font:400 .8rem var(--mono);border:1px solid var(--line);border-radius:999px;padding:3px 12px;color:var(--muted)}.project-links{display:flex;gap:22px}.project-links a{font-weight:600;text-decoration:none;border-bottom:2px solid var(--accent)}.project-links a:hover{color:var(--accent)}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}.skills h3{font:500 .85rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 14px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips li{font-size:.95rem;color:var(--text);background:var(--surface)}.about{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center}.about img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}.about p{font-size:1.15rem;margin:0 0 18px;max-width:60ch}.contact-form{display:grid;gap:18px;max-width:560px;margin-top:32px}.contact-form label{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}.contact-form input,.contact-form textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form .btn{justify-self:start}.form-status{margin:0;min-height:1.5em}.form-status.success{color:var(--accent)}.form-status.error{color:var(--accent-2)}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:96px;padding:28px max(16px,calc((100vw - var(--max)) / 2));border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.site-footer p{margin:0}.site-footer ul{display:flex;gap:20px}.site-footer a{font-size:1.4rem;color:var(--muted);transition:color .2s}.site-footer a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.project-media img{transition:none}}@media (max-width: 800px){.project,.about{grid-template-columns:1fr}.project:nth-child(2n) .project-media{order:0}.about img{max-width:260px}.section{padding-top:64px}.site-header ul{gap:14px}}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.site-header,main,.site-footer,.entry{position:relative;z-index:2}.site-header{position:fixed}.site-footer{position:fixed;left:0;right:0;bottom:0;margin:0;border:0;padding-top:16px;padding-bottom:16px}.entry{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(var(--max),100% - 32px);margin-inline:auto;animation:fade-up 1s both}.entry-name{font:800 clamp(2.6rem,9vw,7rem) / .98 var(--display);letter-spacing:-.035em;margin:0 0 16px}.sound-toggle,.panel-close{font:500 .85rem var(--mono);color:var(--text);background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer;transition:border-color .2s,color .2s}.sound-toggle:hover,.panel-close:hover{border-color:var(--accent);color:var(--accent)}.hero{padding-top:110px;padding-bottom:90px;animation:fade-up 1s both}.menu ul{display:flex;flex-wrap:wrap;gap:8px 36px;margin-top:40px}.menu a{display:inline-flex;align-items:baseline;gap:10px;font:700 clamp(1.4rem,3.4vw,2.2rem) var(--display);text-decoration:none;transition:color .2s,transform .2s}.menu a:hover{color:var(--accent);transform:translate(6px)}.menu-index{font:400 .75rem var(--mono);color:var(--accent-2)}.panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panel-in .45s cubic-bezier(.2,.8,.2,1) both}.panel:focus{outline:none}.panel-close{position:fixed;top:14px;right:max(16px,calc((100vw - var(--max)) / 2));z-index:61;background:var(--bg)}.panel-inner{padding:40px 0 80px}.panel-inner .section{padding-top:40px}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}}@keyframes panel-in{0%{opacity:0;transform:scale(.98) translateY(12px)}}@media (prefers-reduced-motion: reduce){.entry,.hero,.panel{animation:none}}@media (max-width: 800px){.hero{padding-top:90px;padding-bottom:110px}}.controls{display:flex;align-items:center;gap:10px;position:relative}.theme-switch{display:flex;border:1px solid var(--line);border-radius:999px;padding:2px;background:var(--bg)}.theme-switch button{font:500 .8rem var(--mono);color:var(--muted);background:transparent;border:0;border-radius:999px;padding:4px 12px;cursor:pointer}.theme-switch button[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.tune-panel{position:absolute;top:calc(100% + 10px);right:0;width:240px;display:grid;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tune-panel label{display:grid;gap:4px;font:400 .75rem var(--mono);color:var(--muted)}.tune-panel input[type=range]{width:100%;accent-color:var(--accent)}.tune-panel .tune-reset{justify-self:start;font:500 .75rem var(--mono);color:var(--text);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 12px;cursor:pointer}@media (max-width: 640px){.site-header{gap:8px}.brand{display:none}.controls{flex-wrap:wrap}}.site-header{z-index:70}.site-header.is-solid{background:var(--bg);border-bottom:1px solid var(--line)}.panel-close{top:auto;bottom:18px;right:max(16px,calc((100vw - var(--max)) / 2))}.panel-inner{padding-top:96px}.availability{display:inline-flex;align-items:center;gap:10px;font:500 .9rem var(--mono);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin:0 0 20px}.availability-dot{width:9px;height:9px;border-radius:50%;background:#34d17b;box-shadow:0 0 0 4px #34d17b33}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 24px}.contact-links{display:flex;flex-wrap:wrap;gap:8px 28px}.contact-links a{text-decoration:none;font-weight:600;border-bottom:2px solid var(--accent)}.contact-links a:hover{color:var(--accent)}.form-title{font:700 1.3rem var(--display);margin:56px 0 0}.hero{min-height:auto;padding-top:120px;padding-bottom:120px}.hero .eyebrow{margin-bottom:12px}.hero-stack{margin:8px 0 0}.hero .hero-actions{margin-top:24px}.hero .menu ul{margin-top:48px}.hero .availability{align-self:flex-start}.hero h1{font-size:clamp(2.6rem,7vw,5.2rem);margin-bottom:20px}.site-footer{position:static;margin-top:32px}.project .project-status{font:500 .8rem var(--mono);color:var(--accent);margin:0 0 10px}