:root{--bg: #0B0B0C;--bg-alt: #0E0E10;--media-panel: #141416;--card-surface: #101014;--border-1: #1E1E21;--border-2: #222226;--border-3: #26262A;--border-4: #2A2A2E;--text-primary: #EDEBE7;--text-body: #A5A099;--text-secondary: #8C8880;--text-label: #837E77;--text-tertiary: #5E5A54;--text-muted: #514D47;--accent: #A79BFF;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.mono{font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.14em}.kv-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;font-size:11px;color:var(--text-secondary);pointer-events:none}.kv-header a,.kv-header button{pointer-events:auto}.kv-header .brand{color:var(--text-primary)}.kv-header nav{display:flex;gap:22px;align-items:center}.kv-header nav a{color:var(--text-secondary);text-decoration:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;cursor:pointer}.kv-header nav a:hover{color:var(--text-primary)}.lang-toggle{display:flex;border:1px solid var(--border-4);border-radius:999px;overflow:hidden}.lang-toggle button{background:transparent;border:none;color:var(--text-secondary);font:inherit;font-family:IBM Plex Mono,monospace;font-size:11px;padding:4px 12px;cursor:pointer}.lang-toggle button.active{background:var(--text-primary);color:#0b0b0c}.lang-toggle button{display:inline-flex;align-items:center;gap:6px}.kv-scroller{height:100vh;width:100vw;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;scrollbar-width:none;background-image:radial-gradient(var(--border-4) 1px,transparent 1px);background-size:32px 32px;background-color:var(--bg)}.kv-scroller::-webkit-scrollbar{display:none}section[data-screen]{flex:none;height:100%;display:flex;flex-direction:column}.eyebrow{font-size:11px;color:var(--text-label)}.project-panel{height:100%;flex:none;display:flex;flex-direction:column;padding:104px 24px 92px;cursor:pointer;transition:background .35s var(--ease);border-right:1px solid var(--border-1);position:relative}.project-panel:hover{background:var(--card-surface)}.project-panel .media{flex:1;min-height:0;width:100%;position:relative;overflow:hidden;border-radius:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.project-panel:hover .media{transform:translateY(-3px)}.project-panel:hover .media-placeholder{border-color:var(--text-muted)}.media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;display:flex;align-items:flex-end;border:1px solid var(--border-1);overflow:hidden}.media-placeholder-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,currentColor 0,currentColor 1px,transparent 1px,transparent 14px);opacity:.12}.media-placeholder-label{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px}.media-placeholder-label .index{font-size:13px;opacity:.55}.media-placeholder-label .kind{font-size:11px}.media-cover video,.media-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-placeholder--large{align-items:center;justify-content:center}.media-placeholder--large .media-placeholder-label{align-items:center;padding:0}.media-placeholder--large .index{font-size:clamp(48px,8vw,96px);font-weight:600;opacity:.9}.media-placeholder--large .kind{font-size:13px}.project-panel .panel-title{width:0;min-width:100%;margin-top:18px}.project-panel .panel-title h3{font-weight:600;font-size:clamp(20px,1.5vw,30px);text-transform:uppercase;margin:0 0 6px}.project-panel .panel-title .tags{font-size:11px;color:var(--text-label)}section.screen-about{width:80vw;background:var(--bg-alt);display:grid;grid-template-columns:1fr 1.15fr;gap:56px;padding:110px 56px 92px}.screen-about h2{font-size:clamp(34px,4.2vw,66px);margin:18px 0;white-space:nowrap}.about-title{position:relative;display:inline-block;align-self:flex-start}.scribble{position:absolute;left:100%;top:52%;width:1.9em;height:auto;margin-left:.18em;overflow:visible}.scribble path{fill:none;stroke:var(--text-primary);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 5}.screen-about h2 .accent{color:var(--accent)}.about-left{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.about-linkedin{position:absolute;left:0;bottom:0;font-size:15px;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--text-primary);line-height:1.4}.about-linkedin:hover{color:var(--accent);border-color:var(--accent)}.about-intro{font-size:17px;line-height:1.55;color:var(--text-body);max-width:40ch;margin:0 0 28px}h1.about-intro{font-weight:400;letter-spacing:normal}.inline-link{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--accent)}.inline-link:hover{color:var(--accent)}.about-left .pulse-line{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:kv-pulse 2.8s infinite}@keyframes kv-pulse{0%,to{opacity:1}50%{opacity:.25}}.about-frame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;margin:-110px -56px -92px 0;background:var(--bg) radial-gradient(var(--border-4) 1.5px,transparent 1.5px) 0 0 / 90px 90px}.photo-loop{position:relative;height:min(66vh,620px);aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:#111}.photo-loop img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.photo-loop img.on{opacity:1}.about-tick{width:36px;height:2px;background:var(--text-primary);align-self:center;transform:translate(calc(-.375*min(66vh,620px) + 18px))}.kv-progress{position:fixed;left:28px;right:28px;bottom:20px;z-index:25;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-secondary);pointer-events:none}.kv-progress-track{flex:1;height:1px;background:var(--border-3);position:relative}.kv-progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent)}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .6s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}.kv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;background:var(--bg);animation:kv-overlay-in .5s var(--ease) both}@keyframes kv-overlay-in{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.kv-overlay:not(.info-open){grid-template-columns:1fr 64px;transition:grid-template-columns .65s var(--ease)}.kv-overlay.info-open{transition:grid-template-columns .65s var(--ease)}.kv-overlay-media{order:1;background:var(--media-panel);position:relative;overflow:hidden;padding:26px;display:flex;align-items:center;justify-content:center}.kv-overlay-media--sheet{padding:0;display:block}.sheet-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sheet-scroll::-webkit-scrollbar{display:none}.sheet-item{width:100%;background:#000}.sheet-item img,.sheet-item video{display:block;width:100%;height:100%;object-fit:cover}.kv-overlay-media--sheet .btn-secondary{background:#0b0b0c8c;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:#edebe7;border-color:#edebe759}.kv-overlay-media--sheet .btn-secondary:hover:not(:disabled){background:#0b0b0cbf;border-color:#edebe7}.kv-overlay-info{order:2;overflow-y:auto;border-left:1px solid var(--border-3);padding:56px 56px 40px;display:flex;flex-direction:column;gap:22px}.kv-overlay-info.collapsed{padding:0;position:relative;overflow:hidden}.info-teaser{position:absolute;top:96px;left:50%;transform:translate(-50%) rotate(-90deg);background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:14px;letter-spacing:.14em;text-transform:uppercase}.info-teaser:hover{color:var(--accent)}.kv-overlay-info .kind{color:var(--accent);font-size:12px}.kv-overlay-info h1{font-size:clamp(32px,3vw,48px);margin:8px 0}.kv-overlay-info .lead{font-size:16px;line-height:1.55;color:var(--text-body);margin:0}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-2)}.meta-grid>div{background:var(--bg);padding:14px 10px}.meta-grid .k{font-size:10px;color:var(--text-label);text-transform:uppercase}.meta-grid .v{font-size:13px;margin-top:4px}.block-label{font-size:11px;color:var(--text-label);text-transform:uppercase;margin-bottom:10px}.block-text{color:var(--text-body);font-size:15px;line-height:1.55;margin:0}.decisions-list{display:flex;flex-direction:column;gap:11px}.decision-title{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:6px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:24px}.stats-row div .v{font-size:28px;font-weight:600}.stats-row div .k{font-size:12px;color:var(--text-secondary);max-width:20ch}.btn{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 18px;border:0;border-radius:0;background:none;color:var(--overlay-ink, #EDEBE7);cursor:pointer;outline:none;transition:all .25s}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--accent);color:#0b0b0c;font-weight:500}.btn-primary:hover:not(:disabled){background:#bdb4ff}.btn-primary:focus-visible{box-shadow:0 0 0 2px #0e0e10,0 0 0 4px #edebe7}.btn-primary:disabled{background:#1e1e21;color:#5e5a54}.btn-secondary{border:1px solid var(--overlay-ink, rgba(237,235,231,.35))}.btn-secondary:hover:not(:disabled){border-color:var(--overlay-ink, #EDEBE7);background:#edebe714}.btn-secondary:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #a79bff47}.btn-secondary:disabled{border-color:#26262a;color:#5e5a54}.info-teaser.btn-secondary{border-color:var(--text-tertiary)}.btn-ghost{padding:0 8px;margin-left:-8px;gap:8px}.btn-ghost:hover:not(:disabled){color:var(--accent)}.btn-ghost:focus-visible{outline:1px solid var(--accent)}.btn-ghost:disabled{color:#5e5a54}.icon-chip{display:inline-flex;align-items:center;line-height:1}.btn-icon{width:24px;height:24px;padding:0;font-size:12px;border:1px solid var(--overlay-ink, rgba(237,235,231,.35))}.btn-icon:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.btn-icon:focus-visible{border-color:var(--overlay-ink, #EDEBE7);box-shadow:0 0 0 3px #a79bff59}.btn-icon:disabled{border-color:#26262a;color:#514d47}.overlay-controls-left,.overlay-controls-right{position:absolute;top:20px;z-index:5}.overlay-controls-left{left:20px}.overlay-controls-right{right:20px}@media (max-width: 820px){body{overflow:auto}.kv-scroller{display:block;overflow:visible;height:auto;cursor:default}section[data-screen]{width:100vw!important;min-width:0;height:auto;padding:64px 24px!important}.kv-header{padding:14px 20px;background:#0b0b0ceb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.kv-header nav>a{display:none}.kv-progress{display:none}section.screen-about{width:100vw;display:flex!important;flex-direction:column;gap:36px;padding:96px 24px 48px!important}.about-left{justify-content:flex-start}.screen-about h2{font-size:40px}.scribble{width:1.4em}.about-linkedin{position:static;align-self:flex-start;margin-top:28px}.about-frame{margin:0 -24px;padding:28px 24px;gap:20px}.photo-loop{height:auto;width:100%;max-width:420px}.about-tick{transform:none;align-self:flex-start}.project-panel{width:100vw!important;max-width:none!important;height:auto;padding:20px 24px 28px;border-right:none}.project-panel .media{flex:none;aspect-ratio:4 / 3}.project-panel .panel-title{margin-top:14px}.kv-overlay,.kv-overlay:not(.info-open){display:block;overflow:hidden}.kv-overlay-media{position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.overlay-controls-left{top:16px;left:16px}.overlay-controls-right,.info-teaser{display:none}.info-fab{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;white-space:nowrap;box-shadow:0 10px 30px #00000059}.sheet-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#0b0b0c80;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.sheet-dim.on{opacity:1;pointer-events:auto}.kv-overlay-info,.kv-overlay-info.collapsed{position:fixed;left:0;right:0;bottom:0;z-index:5;height:86dvh;padding:72px 24px calc(40px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-left:none;border-top:1px solid var(--border-3);border-radius:24px 24px 0 0;background:var(--bg);box-shadow:0 -20px 50px #00000073;transform:translateY(102%);transition:transform .55s var(--ease)}.kv-overlay.info-open .kv-overlay-info{transform:none}.kv-overlay-info:before{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--border-4)}.info-close{position:absolute;top:16px;right:16px;width:40px;padding:0}.meta-grid{grid-template-columns:1fr 1fr}.meta-grid>div:last-child:nth-child(odd){grid-column:1 / -1}.stats-row{gap:16px}.stats-row div .v{font-size:21px;white-space:nowrap}}.has-trail,.has-trail *{cursor:none!important}.cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}.cursor-dot{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#7c6cff;box-shadow:0 0 10px #7c6cffb3;opacity:0;transition:opacity .2s,width .2s var(--ease),height .2s var(--ease),margin .2s var(--ease),background .2s}.cursor-dot.on-link{width:26px;height:26px;margin:-13px 0 0 -13px;background:#f0a496d9}.hugo-ba-wrap{background:#f0f3fc;aspect-ratio:3200 / 1552;display:flex;align-items:center;justify-content:center}.hugo-ba{position:relative;width:78.5%;aspect-ratio:16 / 9;border-radius:1.25vw;overflow:hidden;box-shadow:0 30px 60px #1d204e40;font-family:Roboto,system-ui,sans-serif}.hugo-ba img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hugo-ba__after{animation:hugoClip 9s cubic-bezier(.65,0,.35,1) infinite;will-change:clip-path}.hugo-ba__line{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 24px #0000004d;animation:hugoLine 9s cubic-bezier(.65,0,.35,1) infinite}.hugo-ba__knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;box-shadow:0 8px 24px #00000040}.hugo-ba__knob:before{content:"↔";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#496be3;font-size:22px;font-weight:700}.hugo-ba__tag{position:absolute;left:3%;top:4%;padding:6px 14px;border-radius:999px;background:#303036;color:#fff;font-size:clamp(11px,1vw,16px);font-weight:600}.hugo-ba__tag--r{left:auto;right:3%;background:#496be3}@keyframes hugoClip{0%,12%{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}45%,62%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}95%,to{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}}@keyframes hugoLine{0%,12%{left:0%}45%,62%{left:100%}95%,to{left:0%}}@media (prefers-reduced-motion: reduce){.hugo-ba__after{animation:none;clip-path:inset(0 50% 0 0)}.hugo-ba__line{animation:none;left:50%}}.gate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0b0b0cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:gate-in .25s var(--ease)}@keyframes gate-in{0%{opacity:0}to{opacity:1}}.gate{position:relative;width:min(460px,100%);display:flex;flex-direction:column;gap:12px;padding:32px;border:1px solid var(--border-3);border-radius:20px;background:var(--card-surface);box-shadow:0 40px 80px #00000080}.gate-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-4);background:none;color:var(--text-secondary);font-size:13px}.gate-close:hover{color:var(--text-primary);border-color:var(--text-secondary)}.gate-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#a79bff24;color:var(--accent);margin-bottom:6px}.gate-kicker{font-size:11px;color:var(--accent)}.gate-title{font-size:22px;font-weight:600;color:var(--text-primary)}.gate-row{display:flex;gap:10px;margin-top:8px}.gate-row input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--border-4);background:var(--bg);color:var(--text-primary);font:inherit;font-size:15px}.gate-row input:focus{outline:none;border-color:var(--accent)}.gate-error{margin:0;color:#ff8a8a;font-size:14px}.sheet-scroll img,.sheet-scroll video{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}