:root{color-scheme:dark;--bg: #07090b;--bg2: #0d1014;--fg: #f2f4f6;--muted: rgba(242, 244, 246, .62);--line: rgba(242, 244, 246, .14);--line2: rgba(242, 244, 246, .08);--glow: rgba(242, 244, 246, .22);--panel: rgba(7, 9, 11, .52);--panel2: rgba(13, 16, 20, .72);--shadow: rgba(0, 0, 0, .55);--mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius: 14px;--radius2: 18px;--pad: 16px}body[data-theme=light]{color-scheme:light;--bg: #f6f7f9;--bg2: #e9ecf1;--fg: #0d1014;--muted: rgba(13, 16, 20, .62);--line: rgba(13, 16, 20, .16);--line2: rgba(13, 16, 20, .1);--glow: rgba(13, 16, 20, .18);--panel: rgba(255, 255, 255, .72);--panel2: rgba(255, 255, 255, .92);--shadow: rgba(13, 16, 20, .18)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 50% 18%,rgba(255,255,255,.07),transparent 65%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--fg);font-family:var(--mono)}body[data-theme=light]{background:radial-gradient(1200px 700px at 50% 18%,rgba(13,16,20,.06),transparent 65%),linear-gradient(180deg,var(--bg),var(--bg2))}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.overlay{position:relative;min-height:100vh;padding:16px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;pointer-events:none}.hud-header,.hud-footer,.panel{pointer-events:auto}.hud-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.brand{display:grid;gap:4px}.brand__title{font-size:18px;letter-spacing:.28em;font-weight:600;text-shadow:0 0 22px var(--glow)}.brand__sub{font-size:12px;letter-spacing:.18em;color:var(--muted)}.hud-nav{display:flex;gap:10px;padding:10px;border:1px solid var(--line);border-radius:999px;background:#07090b59;backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--shadow)}body[data-theme=light] .hud-nav{background:#ffffff8c}.hud-nav__link{display:inline-flex;gap:8px;align-items:baseline;padding:10px 14px;border-radius:999px;color:var(--muted);text-decoration:none;letter-spacing:.12em;font-size:12px;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.hud-nav__link:focus-visible{outline:2px solid rgba(255,255,255,.28);outline-offset:3px}body[data-theme=light] .hud-nav__link:focus-visible{outline:2px solid rgba(13,16,20,.28)}.hud-nav__link:hover{color:var(--fg);border-color:var(--line);background:#ffffff08;transform:translateY(-1px)}body[data-theme=light] .hud-nav__link:hover{background:#0d10140a}.hud-nav__key{color:#f2f4f673}body[data-theme=light] .hud-nav__key{color:#0d101473}body[data-section=home] .hud-nav__link[data-section-link=home],body[data-section=work] .hud-nav__link[data-section-link=work],body[data-section=contact] .hud-nav__link[data-section-link=contact]{color:var(--fg);border-color:#ffffff38;background:#ffffff0f}body[data-theme=light][data-section=home] .hud-nav__link[data-section-link=home],body[data-theme=light][data-section=work] .hud-nav__link[data-section-link=work],body[data-theme=light][data-section=contact] .hud-nav__link[data-section-link=contact]{border-color:#0d101438;background:#0d10140f}.status{justify-self:end;display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#07090b59;backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--shadow)}body[data-theme=light] .status{background:#ffffff8c}.status__row{display:grid;grid-template-columns:56px 1fr;gap:10px;font-size:11px;letter-spacing:.16em}.status__k{color:#f2f4f685}.status__v{color:#f2f4f6e0;text-align:right;white-space:nowrap}body[data-theme=light] .status__k{color:#0d101485}body[data-theme=light] .status__v{color:#0d1014e0}.theme-toggle{justify-self:end;appearance:none;border:1px solid var(--line2);background:#0000002e;color:#f2f4f6eb;border-radius:999px;padding:7px 10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;cursor:pointer}.theme-toggle:hover{border-color:var(--line);background:#ffffff0a}.theme-toggle:focus-visible{outline:2px solid rgba(255,255,255,.28);outline-offset:3px}body[data-theme=light] .theme-toggle{background:#ffffffb3;color:#0d1014e6}body[data-theme=light] .theme-toggle:focus-visible{outline:2px solid rgba(13,16,20,.28)}.hud-main{display:grid;align-content:end;justify-items:start}.panel--home,.panel--contact{display:none}.panel{width:min(720px,100%);border-radius:var(--radius2);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2));backdrop-filter:blur(12px);box-shadow:0 16px 40px var(--shadow);overflow:hidden}.panel--work{display:block;width:min(1200px,100%);border:none;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}body[data-work-view="3d"] .panel--work{display:none}body[data-section=work] .hud-main{align-content:center;justify-items:center}.work2d{width:min(1200px,100%);display:grid;gap:12px;padding:10px 4px 0;opacity:0;transform:translateY(10px);transition:opacity .52s ease,transform .52s ease}.work2d[data-state=ready]{opacity:1;transform:translateY(0)}.work2d__rows{display:grid;gap:14px;padding:10px 0 0}.work2d-row{position:relative;overflow:hidden;border-radius:0;border:none;background:transparent;opacity:0;transform:translate(60vw);transition:opacity .62s ease,transform .62s ease;transition-delay:80ms;will-change:transform,opacity}.work2d-row[data-direction=reverse]{transform:translate(-60vw)}.work2d[data-state=ready] .work2d-row{opacity:1;transform:translate(0)}.work2d[data-state=ready] .work2d-row[data-direction=reverse]{transition-delay:.14s}.work2d-track{--duration: 28s;display:flex;gap:14px;align-items:center;width:max-content;padding:10px 0;animation:work2d-marquee var(--duration) linear infinite;will-change:transform}.work2d-row[data-direction=reverse] .work2d-track{animation-direction:reverse}.work2d-item{width:clamp(260px,34vw,520px);height:clamp(160px,22vw,340px);display:grid;place-items:center;border-radius:0;border:none;background:transparent;box-shadow:none;overflow:hidden;flex:0 0 auto}.work2d-item img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in}@keyframes work2d-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-loader{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(900px 520px at 30% 20%,#ffffff0f,#0000),#07090beb;z-index:50;transition:opacity .42s ease}.app-loader[data-state=hidden]{opacity:0;pointer-events:none}.app-loader__inner{display:grid;gap:10px;text-align:center}.app-loader__title{font-family:Space Grotesk,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:34px;letter-spacing:.14em;color:#f2f4f6f5}.app-loader__sub{font-size:11px;letter-spacing:.22em;color:#f2f4f69e}.panel__title{padding:14px 16px;font-size:12px;letter-spacing:.22em;border-bottom:1px solid var(--line2);background:#ffffff05}.panel__body{padding:16px;display:grid;gap:14px}.terminal{display:grid;gap:8px;padding:14px;border:1px solid var(--line2);border-radius:var(--radius);background:#00000038}.terminal__line{display:grid;grid-template-columns:88px 1fr;gap:12px;font-size:12px;letter-spacing:.08em}.terminal__prompt{color:#f2f4f685}.terminal__text{color:#f2f4f6e6}.callouts{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.callout{border:1px solid var(--line2);border-radius:var(--radius);background:#ffffff05;padding:12px;display:grid;gap:6px}.callout__k{font-size:10px;letter-spacing:.2em;color:#f2f4f680}.callout__v{font-size:12px;letter-spacing:.12em;color:#f2f4f6eb}.callout__d{font-size:10px;letter-spacing:.18em;color:#f2f4f673}.meta{display:grid;gap:8px;padding:12px;border-radius:var(--radius);border:1px solid var(--line2);background:#00000029}.meta__row{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:11px;letter-spacing:.16em}.meta__k{color:#f2f4f685}.meta__v{color:#f2f4f6e0}.project-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.project{border:1px solid var(--line2);border-radius:var(--radius);background:#ffffff05;padding:12px;display:grid;gap:10px}.project__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.project__name{font-size:12px;letter-spacing:.14em;font-weight:600}.project__tag{font-size:10px;letter-spacing:.18em;color:#f2f4f68c;border:1px solid var(--line2);border-radius:999px;padding:6px 8px;background:#00000024}.project__desc{font-size:11px;letter-spacing:.08em;color:#f2f4f6b8;line-height:1.45}.project__links{display:flex;gap:8px}.project__link{font-size:10px;letter-spacing:.18em;text-decoration:none;color:#f2f4f6db;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;background:#00000024;transition:background .14s ease,border-color .14s ease,transform .14s ease}.project__link:hover{background:#ffffff0a;border-color:var(--line);transform:translateY(-1px)}.project__link[aria-disabled=true]{opacity:.55;pointer-events:none}.contact{display:grid;gap:12px}.contact__block{border:1px solid var(--line2);border-radius:var(--radius);padding:12px;background:#00000029;display:grid;gap:10px}.contact__k{font-size:10px;letter-spacing:.22em;color:#f2f4f685}.contact__v{font-size:12px;letter-spacing:.12em;color:#f2f4f6e6;text-decoration:none}.contact__v:hover{text-decoration:underline}.contact__links{display:flex;gap:10px;flex-wrap:wrap}.contact__link{font-size:10px;letter-spacing:.18em;text-decoration:none;color:#f2f4f6d6;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;background:#00000024}.contact__link[aria-disabled=true]{opacity:.55;pointer-events:none}.contact-approach{display:grid;gap:14px}.contact-approach__hero{display:grid;gap:6px;padding:6px 2px 2px}.contact-approach__title{font-family:Space Grotesk,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:42px;letter-spacing:.08em;color:#f2f4f6f5;text-shadow:0 0 28px var(--glow)}.contact-approach__sub{font-size:11px;letter-spacing:.28em;color:#f2f4f69e}.contact-approach__grid{display:grid;gap:12px}.contact-card{border:1px solid var(--line2);border-radius:var(--radius2);background:#ffffff05;padding:14px 14px 16px;display:grid;gap:10px}.contact-card__k{font-size:10px;letter-spacing:.22em;color:#f2f4f685}.contact-card__v{font-size:13px;letter-spacing:.12em;color:#f2f4f6eb;text-decoration:none;word-break:break-word}.contact-card__v:hover{text-decoration:underline}.contact-card__links{display:flex;gap:10px;flex-wrap:wrap}.contact-card__link{font-size:10px;letter-spacing:.18em;text-decoration:none;color:#f2f4f6d6;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;background:#00000024}.contact-card__link[aria-disabled=true]{opacity:.55;pointer-events:none}.hud-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#07090b59;backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--shadow);font-size:11px;letter-spacing:.18em;color:#f2f4f69e}body[data-theme=light] .hud-footer{background:#ffffff8c;color:#0d10149e}.hud-footer__center{text-align:center}.hud-footer__right{text-align:right}.workspace-modal{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:20;opacity:0;transition:opacity .22s ease}.workspace-modal[hidden]{display:none}.workspace-modal[data-state=open]{opacity:1;pointer-events:auto}.workspace-modal__backdrop{position:absolute;inset:0;background:#0000006b;backdrop-filter:blur(12px);opacity:0;transition:opacity .22s ease}.workspace-modal[data-state=open] .workspace-modal__backdrop{opacity:1}.workspace-window{position:relative;width:min(920px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#07090b8c,#0d1014cc);backdrop-filter:blur(14px);box-shadow:0 22px 60px #0000009e;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transform:translateY(14px) scale(.98);opacity:0;transition:transform .22s ease,opacity .22s ease}.workspace-modal[data-state=open] .workspace-window{transform:translateY(0) scale(1);opacity:1}.workspace-window__bar{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line2);background:#ffffff05}.workspace-window__title{font-size:12px;letter-spacing:.22em;color:#f2f4f6eb}.workspace-window__close{appearance:none;border:1px solid var(--line2);background:#0000002e;color:#f2f4f6eb;border-radius:12px;width:38px;height:32px;font-family:var(--mono);font-size:18px;line-height:1;cursor:pointer}.workspace-window__close:hover{border-color:var(--line);background:#ffffff0a}.workspace-window__close:focus-visible{outline:2px solid rgba(255,255,255,.28);outline-offset:3px}.workspace-window__body{padding:16px;overflow:auto}.workspace-content{display:grid;gap:16px}.workspace-hero{border:1px solid var(--line2);border-radius:var(--radius2);background:#ffffff05;padding:14px 14px 16px}.workspace-hero__k{font-size:10px;letter-spacing:.22em;color:#f2f4f685;margin-bottom:10px}.workspace-hero__v{font-size:13px;line-height:1.6;letter-spacing:.02em;color:#f2f4f6e6}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-card{border:1px solid var(--line2);border-radius:var(--radius2);background:#00000029;padding:12px}.workspace-card__k{font-size:10px;letter-spacing:.22em;color:#f2f4f685;margin-bottom:10px}.workspace-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:12px;letter-spacing:.08em;color:#f2f4f6e6}.workspace-list li{display:grid;grid-template-columns:16px 1fr;gap:10px}.workspace-list li:before{content:"\2192";color:#f2f4f699}.work-lightbox{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:30;opacity:0;transition:opacity .24s ease}.work-lightbox[hidden]{display:none}.work-lightbox[data-state=open]{opacity:1;pointer-events:auto}.work-lightbox__backdrop{position:absolute;inset:0;background:radial-gradient(900px 520px at 50% 18%,rgba(255,255,255,.07),transparent 65%),#07090beb;backdrop-filter:blur(10px);opacity:0;transition:opacity .24s ease}.work-lightbox[data-state=open] .work-lightbox__backdrop{opacity:1}.work-lightbox__panel{position:relative;width:min(1280px,calc(100vw - 32px));height:min(920px,calc(100vh - 32px));border-radius:18px;border:1px solid rgba(242,244,246,.14);background:linear-gradient(180deg,#07090b80,#0d1014d9);box-shadow:0 22px 60px #0000009e;overflow:hidden;transform:translateY(14px) scale(.985);opacity:0;transition:transform .24s ease,opacity .24s ease}.work-lightbox[data-state=open] .work-lightbox__panel{transform:translateY(0) scale(1);opacity:1}.work-lightbox__close{position:absolute;top:14px;right:14px;z-index:2;appearance:none;border:1px solid rgba(242,244,246,.18);background:#00000038;color:#f2f4f6eb;border-radius:12px;width:42px;height:36px;font-family:var(--mono);font-size:18px;line-height:1;cursor:pointer}.work-lightbox__close:hover{border-color:#f2f4f64d;background:#ffffff0a}.work-lightbox__close:focus-visible{outline:2px solid rgba(255,255,255,.28);outline-offset:3px}.work-lightbox__layout{height:100%;display:grid;grid-template-columns:1.25fr 1fr}.work-lightbox__media{padding:22px;display:grid;place-items:center;overflow:hidden;border-right:1px solid rgba(242,244,246,.08)}.work-lightbox__img{width:100%;height:100%;object-fit:contain}.work-lightbox__content{padding:22px 22px 18px;overflow:auto;background:#0000001f}.work-lightbox__k{font-size:10px;letter-spacing:.22em;color:#f2f4f69e;margin-bottom:10px}.work-lightbox__title{font-family:Space Grotesk,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:22px;letter-spacing:.06em;color:#f2f4f6f0;line-height:1.25}.work-lightbox__body{margin-top:16px;font-size:12px;letter-spacing:.02em;color:#f2f4f6b8;line-height:1.6}.work-lightbox__body h1,.work-lightbox__body h2,.work-lightbox__body h3{font-family:Space Grotesk,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:.06em;color:#f2f4f6eb;margin:20px 0 10px;line-height:1.25}.work-lightbox__body h1{font-size:22px}.work-lightbox__body h2{font-size:16px}.work-lightbox__body h3{font-size:13px}.work-lightbox__body p{margin:10px 0}.work-lightbox__body ul,.work-lightbox__body ol{margin:10px 0 10px 18px;padding:0}.work-lightbox__body li{margin:6px 0}.work-lightbox__body a{color:#f2f4f6e0;text-decoration:underline;text-decoration-color:#f2f4f64d}.work-lightbox__body pre{margin:12px 0;padding:12px;border-radius:12px;border:1px solid rgba(242,244,246,.12);background:#00000038;overflow:auto}.work-lightbox__body code{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:#f2f4f6e0}@media(max-width:960px){.work-lightbox__layout{grid-template-columns:1fr;grid-template-rows:48vh 1fr}.work-lightbox__media{border-right:none;border-bottom:1px solid rgba(242,244,246,.08)}}@media(max-width:960px){.hud-header{grid-template-columns:1fr;justify-items:start}.workspace-grid{grid-template-columns:1fr}.status{justify-self:start;width:100%}.status__v{text-align:left}.hud-nav{width:100%;justify-content:space-between}}@media(max-width:860px){.project-grid,.callouts{grid-template-columns:1fr}.hud-footer{grid-template-columns:1fr;gap:6px}.hud-footer__right,.hud-footer__center{text-align:left}}@media(max-width:560px){.overlay{padding:12px;gap:10px}.brand__title{font-size:16px}.brand__sub{font-size:11px;letter-spacing:.16em}.hud-nav{padding:8px;gap:8px}.hud-nav__link{padding:9px 10px;font-size:11px}.status{padding:10px 12px}.status__row{grid-template-columns:52px 1fr}.theme-toggle{padding:6px 9px;font-size:10px}.work2d-item{width:clamp(220px,72vw,420px);height:clamp(140px,46vw,280px)}}