:root{--paper-light: #EEF0EA;--paper-dark: #17180F;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--container: 1180px;--edge: clamp(20px, 4vw, 48px);--radius: 14px;--ease-out: cubic-bezier(.16,.8,.24,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--z-content: 1;--z-preview: 400;--z-hud: 500;--z-cursor: 9999;--z-column: 9500;--z-loader: 10000}[data-theme=light]{--paper: #EEF0EA;--paper-alt: #E1E5D9;--paper-raised: #F7F8F3;--ink: #191A16;--ink-soft: #676B5E;--ink-faint: #9A9D8F;--accent: #D6402A;--accent-ink: #FFFFFF;--accent-2: #35548C;--line: rgba(25,26,22,.14);--line-strong: rgba(25,26,22,.28);--shadow: 0 18px 48px rgba(25,26,22,.14)}[data-theme=dark]{--paper: #17180F;--paper-alt: #202217;--paper-raised: #1E2015;--ink: #EEEFE6;--ink-soft: #9A9D8A;--ink-faint: #63665A;--accent: #FF6A4D;--accent-ink: #17180F;--accent-2: #85A6EA;--line: rgba(238,239,230,.14);--line-strong: rgba(238,239,230,.28);--shadow: 0 18px 48px rgba(0,0,0,.45)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.is-loading{overflow:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden;transition:background-color .5s var(--ease-in-out),color .5s var(--ease-in-out);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:26px 26px}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}code{font-family:var(--font-mono)}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}section{padding:130px var(--edge) 70px;max-width:var(--container);margin:0 auto}.page-squish{transform-origin:50% 50%;will-change:transform}.eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}section h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.01em;max-width:20ch}.section-hint{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);margin-top:10px}.skill-note{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);min-height:1.4em;margin-top:6px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;padding:14px 22px;border-radius:999px;transition:transform .35s var(--ease-out),background-color .3s,color .3s,border-color .3s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:var(--paper)}html[data-theme=dark] .btn-primary,.btn-primary:hover{background:var(--accent);color:var(--accent-ink)}.btn-ghost{border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--ink)}.cursor-box{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-cursor);will-change:transform;display:flex;align-items:center;justify-content:center}.cursor-box-shape{width:8px;height:8px;background:#fff;border:0px solid #ffffff;border-radius:2px;mix-blend-mode:difference;transition:width .3s var(--ease-out),height .3s var(--ease-out),background-color .25s var(--ease-out),border-width .25s var(--ease-out),border-radius .3s var(--ease-out)}.cursor-box-grow .cursor-box-shape{width:30px;height:30px}.cursor-box-skills .cursor-box-shape{width:20px;height:20px;background:transparent;border-width:2px;border-style:dashed;border-radius:50%;animation:cursor-ring-spin 3.2s linear infinite}@keyframes cursor-ring-spin{to{transform:rotate(360deg)}}.cursor-box-label-mode.cursor-box-grow .cursor-box-shape{width:128px;height:40px;background:transparent;border-width:1.5px;border-radius:8px}.cursor-box-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .2s var(--ease-out) .05s}.cursor-box-label-mode .cursor-box-label{opacity:1}.cursor-box-amoeba .cursor-box-shape{width:62px;height:62px;border-width:0;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:amoeba-morph 5.4s ease-in-out infinite}@keyframes amoeba-morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:scale(1) rotate(0)}11%{border-radius:32% 68% 68% 32%/48% 58% 42% 52%;transform:scale(1.08) rotate(22deg)}22%{border-radius:50% 50% 22% 78%/26% 78% 22% 74%;transform:scale(.91) rotate(-16deg)}33%{border-radius:68% 32% 48% 52%/40% 62% 38% 60%;transform:scale(1.05) rotate(10deg)}44%{border-radius:40% 60% 60% 40%/68% 42% 58% 32%;transform:scale(.95) rotate(-26deg)}55%{border-radius:74% 26% 40% 60%/44% 36% 64% 56%;transform:scale(1.1) rotate(14deg)}66%{border-radius:28% 72% 56% 44%/60% 48% 52% 40%;transform:scale(.93) rotate(-8deg)}77%{border-radius:55% 45% 72% 28%/34% 68% 32% 66%;transform:scale(1.04) rotate(20deg)}88%{border-radius:46% 54% 34% 66%/58% 26% 74% 42%;transform:scale(.97) rotate(-18deg)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:scale(1) rotate(0)}}.column-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-column);display:flex;width:100%;height:100%;pointer-events:auto}.column-reveal.is-done{visibility:hidden;pointer-events:none}.column-reveal-col{flex:0 0 10%;width:10%;height:100%;box-sizing:border-box;background:#121208;box-shadow:inset -1px 0 #ffffff08;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.015) 0 2px,transparent 2px 5px);will-change:transform}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-loader);background:var(--paper);overflow:hidden}.loader-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle at var(--mx,50%) var(--my,40%),rgba(214,64,42,.14),transparent 36%),radial-gradient(var(--line) 1px,transparent 1px);background-size:auto,26px 26px;mix-blend-mode:multiply}html[data-theme=dark] .loader-noise{mix-blend-mode:screen}.loader-content{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:0 20px}.loader-name{display:flex}.loader-letter{font-family:var(--font-display);font-weight:600;font-size:clamp(38px,8vw,84px);line-height:1;opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.loader-letter.is-revealed{opacity:1;transform:translateY(0)}.loader-wave{width:min(300px,60vw);height:30px}.loader-wave path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.loader-meta{display:flex;align-items:center;gap:16px}.loader-message{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);min-width:130px;text-align:right;text-transform:lowercase}.loader-count{font-family:var(--font-mono);font-size:13px;color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-variant-numeric:tabular-nums}.loader-skip{position:fixed;right:var(--edge);bottom:var(--edge);z-index:3;font-family:var(--font-mono);font-size:13px;display:flex;align-items:center;gap:6px;padding:10px 4px;border-bottom:1px solid var(--line-strong)}.loader-skip:hover{border-color:var(--ink);color:var(--accent)}.site-header{position:relative;z-index:var(--z-hud)}.hud{position:fixed;display:flex;align-items:center;gap:10px;z-index:var(--z-hud)}.hud-tl{top:var(--edge);left:var(--edge)}.hud-tr{top:var(--edge);right:var(--edge);gap:22px}.hud-bl{bottom:var(--edge);left:var(--edge);flex-direction:column;align-items:flex-start;gap:2px}.hud-br{bottom:var(--edge);right:var(--edge);gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.logo{font-family:var(--font-mono);font-weight:600;font-size:15px;letter-spacing:.04em;display:inline-flex}.logo .logo-dot{color:var(--accent)}.nav-links{display:flex;gap:24px}.nav-links a{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;gap:5px;opacity:.85;transition:opacity .25s}.nav-links a:hover{opacity:1;color:var(--accent)}.nav-index{color:var(--ink-faint)}.sound-toggle{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px;transition:border-color .25s,color .25s}.sound-toggle:hover{border-color:var(--ink);color:var(--ink)}.sound-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.theme-toggle{display:flex;align-items:center}.theme-toggle-orb{position:relative;display:block;width:40px;height:40px;border-radius:50%;background:#141510;transition:background-color .9s var(--ease-in-out);flex-shrink:0}html[data-theme=dark] .theme-toggle-orb,.theme-toggle-orb.is-dark-preview{background:#f5f4ee}.theme-toggle-orb-inner{position:absolute;top:50%;left:50%;width:15px;height:15px;border-radius:50%;background:#f5f4ee;transform:translate(-50%,-50%) translate(8.2px,-8.2px);transition:transform .9s var(--ease-in-out),background-color .9s var(--ease-in-out)}html[data-theme=dark] .theme-toggle-orb-inner,.theme-toggle-orb.is-dark-preview .theme-toggle-orb-inner{background:#141510;transform:translate(-50%,-50%) translate(-8.2px,8.2px)}.theme-toggle:hover .theme-toggle-orb{box-shadow:0 0 0 4px var(--line)}.menu-toggle{display:none;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}.hud-clock-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.hud-clock{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums}.status-dot{width:7px;height:7px;border-radius:50%;background:#3f9a5c;animation:pulse-dot 2.2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #3f9a5c73}70%{box-shadow:0 0 0 7px #3f9a5c00}to{box-shadow:0 0 #3f9a5c00}}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:480;background:var(--paper);flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:0 var(--edge);transform:translateY(-100%);transition:transform .5s var(--ease-in-out)}.mobile-menu.is-open{transform:translateY(0)}.mobile-menu ul{display:flex;flex-direction:column;gap:16px}.mobile-menu a{font-family:var(--font-display);font-size:40px}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:150px;padding-bottom:110px}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,90px);align-items:center}.hero-name{font-family:var(--font-display);font-weight:500;font-size:clamp(46px,8vw,96px);line-height:.98;letter-spacing:-.015em;margin:6px 0 18px;perspective:700px}.hero-letter{display:inline-block;transform-origin:50% 85%;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .35s,text-shadow .35s,-webkit-text-stroke-color .3s}.hlt-tilt:hover{color:var(--accent);transform:rotateX(-20deg) rotateY(16deg) translateY(-4px) scale(1.08)}.hlt-compress:hover{color:var(--accent-2);transform:scaleY(1.34) scaleX(.8) translateY(-3px);transition-timing-function:cubic-bezier(.2,1.4,.4,1)}.hlt-comic:hover{color:var(--accent);transform:rotate(-13deg) scale(1.22);transition-timing-function:cubic-bezier(.5,1.9,.5,1)}.hlt-outline:hover{color:transparent;-webkit-text-stroke:1.4px var(--ink);transform:translateY(-6px) scale(1.14)}.hlt-accent:hover{color:var(--accent-2);transform:translateY(-9px) scale(1.08)}.hlt-depth:hover{color:var(--accent);transform:translateZ(26px) scale(1.06);text-shadow:0 12px 20px rgba(0,0,0,.22)}.hlt-skew:hover{color:var(--accent);transform:skew(-11deg) scaleY(1.1) translateY(-4px)}.hlt-shadowpop:hover{transform:translateY(-7px) scale(1.1);text-shadow:3px 4px 0 var(--accent-2)}.hero-role{font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;color:var(--accent-2);margin-bottom:22px}.hero-tagline{font-size:clamp(16px,1.7vw,19px);color:var(--ink-soft);max-width:48ch;line-height:1.6;margin-bottom:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{position:relative}.hero-visual-stage{width:min(440px,100%);margin:0 auto;aspect-ratio:480/560;position:relative;transform-origin:50% 50%}.hero-paper-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse 55% 38% at 15% 12%,rgba(0,0,0,.13),transparent 60%),radial-gradient(ellipse 45% 28% at 85% 20%,rgba(0,0,0,.1),transparent 60%),radial-gradient(ellipse 50% 32% at 25% 85%,rgba(0,0,0,.11),transparent 60%),radial-gradient(ellipse 40% 26% at 80% 88%,rgba(0,0,0,.09),transparent 60%),radial-gradient(ellipse 60% 18% at 50% 48%,rgba(255,255,255,.07),transparent 65%),linear-gradient(135deg,var(--paper-alt),var(--paper));filter:url(#paper-grain);box-shadow:var(--shadow)}.hero-paper-crease{position:absolute;left:50%;top:46%;width:150%;height:2px;background:linear-gradient(90deg,transparent 8%,rgba(0,0,0,.22) 50%,transparent 92%);transform-origin:0% 50%}.hero-paper-crease-1{transform:translate(-50%,-50%) rotate(18deg)}.hero-paper-crease-2{transform:translate(-50%,-50%) rotate(-34deg);background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.35) 50%,transparent 90%)}.hero-paper-crease-3{transform:translate(-50%,-50%) rotate(64deg)}.hero-paper-crease-4{transform:translate(-50%,-50%) rotate(-72deg);background:linear-gradient(90deg,transparent 15%,rgba(0,0,0,.16) 50%,transparent 85%)}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) drop-shadow(0 12px 24px rgba(0,0,0,.3));cursor:pointer}.hero-paper-sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 140% at 30% 20%,rgba(255,255,255,.5),transparent 55%),linear-gradient(150deg,var(--paper-alt),var(--paper));filter:url(#paper-grain);clip-path:polygon(46.74% 27.17%,49.92% 26.13%,53.84% 24.58%,57.96% 25.06%,60.76% 28.78%,62.64% 33.34%,64.81% 37.56%,67.58% 42.04%,68.92% 47.61%,67.38% 53.13%,64.56% 57.53%,63.23% 62.42%,60.98% 66.75%,57.72% 69.69%,53.44% 69.33%,49.83% 68.51%,46.74% 66.38%,43.97% 66.35%,41.26% 65.39%,37.66% 65.87%,34.4% 64.2%,29.74% 62.88%,25.75% 59.3%,25.93% 53.18%,25.13% 47.61%,23.53% 41.41%,25.51% 35.8%,30.91% 33.4%,36.26% 33.53%,38.73% 31.5%,41.14% 29.45%,43.82% 27.88%)}.hero-photo-deco{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out)}.hero-photo-deco.is-active{opacity:1}.hero-photo-deco svg{width:100%;height:100%;overflow:visible}.hero-photo-deco path{fill:none;stroke:var(--accent);stroke-width:.6;opacity:.55;vector-effect:non-scaling-stroke;transition:d .38s ease}.hero-photo:hover img{filter:brightness(1.03)}.hero-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;clip-path:polygon(46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%,46.74% 47.61%)}.hero-photo-missing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,var(--accent-2),var(--ink));color:var(--paper);font-family:var(--font-mono);font-size:13px;line-height:1.7;padding:20px}.hero-photo-missing code{font-weight:600}.hero-fold-shadow,.hero-fold-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;transition:opacity .4s var(--ease-out)}.hero-fold-shadow{background:radial-gradient(ellipse 68% 58% at 46% 42%,rgba(0,0,0,.6),transparent 72%);opacity:var(--fold-shadow, 0);mix-blend-mode:multiply}.hero-fold-sheen{background:radial-gradient(ellipse 46% 30% at 60% 28%,rgba(255,255,255,.55),transparent 68%);opacity:var(--fold-sheen, 0);mix-blend-mode:soft-light}@keyframes heroShake{0%{transform:rotate(-3deg) translate(2px,-1px) scale(.99)}14%{transform:rotate(2deg) translate(-2px,1px) scale(1.01)}28%{transform:rotate(-2deg) translate(1px,2px) scale(.995)}42%{transform:rotate(3deg) translate(-1px,-2px) scale(1.005)}57%{transform:rotate(-1deg) translate(2px,1px) scale(.998)}71%{transform:rotate(1deg) translate(-1px,-1px) scale(1.002)}85%{transform:rotate(-.5deg) translateY(1px) scale(1)}to{transform:rotate(0) translate(0) scale(1)}}.hero-visual-caption{text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin-top:18px;opacity:0}.scroll-cue{position:absolute;left:var(--edge);bottom:34px;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.scroll-cue-line{width:1px;height:34px;background:var(--line-strong);position:relative;overflow:hidden}.scroll-cue-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--accent);animation:scroll-drip 2.2s var(--ease-in-out) infinite}@keyframes scroll-drip{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}[data-reveal]{opacity:0;transform:translateY(18px)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden;display:flex;flex-direction:column;gap:14px}.marquee-row{overflow:hidden;cursor:default}.marquee-track{display:flex;width:max-content;will-change:transform}.marquee-group{display:flex;flex-shrink:0}.marquee-group:nth-child(2n){opacity:.82}.marquee-item{display:inline-flex;align-items:center;gap:28px;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(28px,5vw,52px);color:var(--ink-faint);white-space:nowrap;padding-right:28px;letter-spacing:-.01em}.marquee-dot{color:var(--accent);font-style:normal;display:inline-block;transform:translateY(-.12em)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:start;margin-top:30px}.about-copy p{color:var(--ink-soft);margin-top:16px;max-width:48ch;line-height:1.7}.about-copy strong{color:var(--ink);font-weight:600}.world-dot-map{position:relative;margin-top:28px;width:100%;max-width:420px;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--paper-raised)}.world-dot-map canvas{display:block;width:100%;height:100%}.world-dot-map-label{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);background:color-mix(in srgb,var(--paper-raised) 82%,transparent);padding:6px 10px;border-radius:999px;border:1px solid var(--line)}.code-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.code-card-head{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line)}.code-card-head .dot{width:9px;height:9px;border-radius:50%}.dot-a{background:#e5645a}.dot-b{background:#e0b341}.dot-c{background:#5fa773}.code-card-head p{margin-left:6px;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.code-body{margin:0;padding:22px 20px 26px;font-family:var(--font-mono);font-size:13.4px;line-height:1.85;overflow-x:auto;white-space:pre;min-height:220px}.code-body code.is-typing:after{content:"▋";color:var(--accent);animation:caret-blink .9s step-end infinite;margin-left:1px}@keyframes caret-blink{50%{opacity:0}}.c-kw{color:var(--accent-2)}.c-var{color:var(--ink)}.c-key{color:var(--ink-soft)}.c-str{color:var(--accent)}.skills-panel{position:relative;margin-top:40px;height:min(32vh,260px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px;background-color:var(--paper-raised);overflow:hidden;box-shadow:inset 0 1px #fff6,inset 0 -18px 30px -24px #0003}html[data-theme=dark] .skills-panel{box-shadow:inset 0 1px #ffffff08,inset 0 -18px 30px -24px #00000080}.skills-panel-tick{position:absolute;width:9px;height:9px;border:1px solid var(--line-strong);opacity:.7;pointer-events:none}.skills-panel-tick-tl{top:8px;left:8px;border-right:0;border-bottom:0}.skills-panel-tick-tr{top:8px;right:8px;border-left:0;border-bottom:0}.skills-panel-tick-bl{bottom:8px;left:8px;border-right:0;border-top:0}.skills-panel-tick-br{bottom:8px;right:8px;border-left:0;border-top:0}.skills-panel-label{position:absolute;top:10px;left:22px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none}.capsule{position:absolute;top:0;left:0;display:inline-flex;align-items:center;padding:11px 20px;border-radius:999px;cursor:grab;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);font-size:13.5px;white-space:nowrap;background:linear-gradient(155deg,rgba(255,255,255,.35),transparent 55%),color-mix(in srgb,var(--hue, var(--accent-2)) 14%,var(--paper));border:1px solid color-mix(in srgb,var(--hue, var(--accent-2)) 40%,var(--paper));color:color-mix(in srgb,var(--hue, var(--accent-2)) 75%,var(--ink));box-shadow:0 4px 14px #0000000f}.capsule.is-dragging{cursor:grabbing;box-shadow:0 14px 30px #0000002e;z-index:5}.capsule.is-hovering{border-color:color-mix(in srgb,var(--hue, var(--accent-2)) 70%,var(--paper));box-shadow:0 10px 22px #00000024;z-index:3}.skills-panel:not(.is-active) .capsule{position:static;margin:6px;display:inline-flex}.skills-panel:not(.is-active){display:flex;flex-wrap:wrap;align-content:flex-start;height:auto;padding:20px}.project-list{margin-top:26px;border-top:1px solid var(--line)}.project-row{position:relative;padding:22px 4px;border-bottom:1px solid var(--line);overflow:visible;transition:padding-left .4s var(--ease-out),color .3s}.project-row:hover{padding-left:14px}.project-row-content{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px}.project-arm{position:absolute;left:0;top:50%;height:0;z-index:1;pointer-events:none}.project-arm-line{position:absolute;left:0;top:0;width:600px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 12%,var(--accent));transform-origin:left center;transform:scaleX(0)}.project-arm-tip{position:absolute;left:0;top:0;width:20px;height:20px;transform:translateY(-50%);opacity:0;transition:opacity .2s}.arm-active .project-arm-tip{opacity:1}.project-arm-tip svg{width:100%;height:100%;fill:var(--accent);stroke:var(--paper);stroke-width:1}.project-num{font-family:var(--font-mono);color:var(--ink-faint);font-size:13px;width:22px;flex-shrink:0}.project-icon{width:28px;height:28px;flex-shrink:0;color:var(--accent-2)}.project-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.project-name{font-family:var(--font-display);font-size:clamp(18px,2vw,22px);flex:0 1 auto;min-width:150px}.project-desc{color:var(--ink-soft);font-size:13.5px;flex:1 1 280px;min-width:200px}.project-tags{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);white-space:nowrap}.project-link{font-family:var(--font-mono);font-size:13px;border-bottom:1px solid transparent;white-space:nowrap;margin-left:auto}.project-row:hover .project-link{border-color:currentColor;color:var(--accent)}.project-preview{position:fixed;top:0;left:0;width:296px;border-radius:14px;pointer-events:none;z-index:var(--z-preview);opacity:0;overflow:hidden;box-shadow:var(--shadow)}.project-preview-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;gap:5px;position:relative;background-image:repeating-linear-gradient(118deg,rgba(255,255,255,.05) 0 2px,transparent 2px 6px)}.project-preview-num{position:absolute;top:16px;right:18px;font-family:var(--font-display);font-size:38px;color:#ffffff59}.project-preview-meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#ffffffc7}.project-preview-title{font-family:var(--font-display);font-size:23px;color:#fff;line-height:1.1}.project-preview-desc{font-size:12.5px;line-height:1.5;color:#ffffffd1;max-width:32ch}.project-preview-cta{margin-top:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:6px}.contact{max-width:none;border-top:1px solid var(--line);padding:100px var(--edge) 40px}.contact-top{max-width:var(--container);margin:0 auto}.contact-top-grid{display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:stretch}.contact-left{display:flex;flex-direction:column}.contact-email{display:inline-block;font-family:var(--font-display);font-size:clamp(28px,6vw,50px);margin-top:20px;border-bottom:2px solid var(--line-strong);word-break:break-all;align-self:flex-start}.contact-email:hover{border-color:var(--accent);color:var(--accent)}.contact-sub{color:var(--ink-soft);margin-top:18px;font-size:14px;max-width:42ch}.social-orbit-wrap{position:relative;width:200px;height:200px;margin-top:44px;display:flex;align-items:center;justify-content:center}.social-orbit-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px dashed var(--line);pointer-events:none}.social-orbit-tick{position:absolute;top:50%;left:50%;width:1px;height:7px;background:var(--line-strong);transform-origin:50% 100px;pointer-events:none}.social-wheel-center{width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;border:1px dashed var(--line-strong);color:var(--ink-faint);background:var(--paper);gap:2px;text-align:center;line-height:1.3}.social-wheel-center b{color:var(--ink);font-size:13px;letter-spacing:.02em}.social-wheel-orbit{position:absolute;top:0;right:0;bottom:0;left:0}.social-wheel-node{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);border:1px solid var(--ink);box-shadow:0 6px 16px #0000001f;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease-out)}.social-wheel-node:hover,.social-wheel-node.is-active{border-color:var(--accent);background:var(--accent);box-shadow:0 10px 24px #0000002e;transform:scale(1.08)}.social-wheel-node .social-wheel-icon{color:var(--accent-ink)}.social-wheel-icon{width:19px;height:19px}.social-wheel-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.social-wheel-detail{position:relative;text-align:left;padding:30px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-raised);overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:8px;opacity:.65;transform:scale(.98);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),border-color .3s}.social-wheel-detail.is-open{opacity:1;transform:scale(1);border-color:var(--line-strong)}.social-wheel-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-wheel-detail-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.social-wheel-detail-status{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.social-wheel-detail-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#3f9a5c}.social-wheel-detail-value{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);word-break:break-all}.social-wheel-detail-desc{color:var(--ink-soft);font-size:13.5px;line-height:1.6;max-width:38ch}.social-wheel-detail-link{font-family:var(--font-mono);font-size:13px;color:var(--accent);margin-top:6px;border-bottom:1px solid currentColor;align-self:flex-start;display:inline-flex;align-items:center;gap:6px}.social-wheel-detail-deco{position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;border:1px solid var(--line);opacity:.6;pointer-events:none}.contact-bottom{max-width:var(--container);margin:70px auto 0;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding-top:26px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft)}.contact-meta{display:flex;flex-direction:column;gap:2px}.fine-print{width:100%;text-align:center;margin-top:10px;color:var(--ink-faint);font-size:11.5px;order:99}@media(max-width:980px){.hud-tr{gap:16px}.nav-links{gap:14px}.sound-toggle{padding:5px 9px}.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1}.hero-visual-stage{width:min(320px,72vw)}.about-grid{grid-template-columns:1fr}.project-preview{display:none}}@media(max-width:760px){.nav-links{display:none}.menu-toggle{display:inline-flex}.mobile-menu{display:flex}.hud-bl{display:none}.hud-tr{gap:14px}section{padding-top:110px}.hero{padding-top:130px}.project-link{margin-left:0}.contact-top-grid{grid-template-columns:1fr;gap:36px;justify-items:center;text-align:center}}@media(max-width:560px){.hud-br span:last-child{display:none}.contact-bottom{flex-direction:column;align-items:flex-start}.loader-meta{flex-direction:column;gap:8px}.loader-message{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}.scroll-cue{display:none}}.contact-creative{position:relative;width:100%;padding:8rem 4rem 4rem;overflow:hidden;font-family:Inter,-apple-system,sans-serif;color:inherit}.contact-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(150,150,150,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(150,150,150,.05) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%)}.contact-creative-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;align-items:center}.main-receptor-box{display:flex;flex-direction:column}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:2rem}.receptor-card{position:relative;background:#9696960d;border:1px solid rgba(150,150,150,.2);border-radius:24px;padding:2.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 40px #0000001a}.receptor-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.receptor-icon-slot{width:64px;height:64px;border-radius:50%;background:#9696961a;border:2px dashed rgba(150,150,150,.3);display:flex;justify-content:center;align-items:center;padding:16px}.receptor-header h3{margin:0 0 8px;font-size:1.5rem;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;padding:4px 10px;border-radius:20px;background:#9696961a;text-transform:uppercase;letter-spacing:.05em}.status-badge.preferred{background:#64ff9626;color:#2e8b57}@media(prefers-color-scheme:dark){.status-badge.preferred{color:#64ff96}}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.detail-value{font-family:monospace;font-size:1.1rem;opacity:.8;margin-bottom:1rem}.detail-desc{font-size:1rem;line-height:1.6;opacity:.7;margin-bottom:2.5rem}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;background:currentColor;color:var(--bg-color, #fff);text-decoration:none;font-weight:600;transition:transform .2s ease,opacity .2s ease}@media(prefers-color-scheme:dark){.action-button{background:#fff;color:#000}}@media(prefers-color-scheme:light){.action-button{background:#000;color:#fff}}.action-button:hover{transform:translateY(-2px);opacity:.9}.orbit-engine-container{display:flex;justify-content:center;align-items:center;min-height:400px}.orbit-engine{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center}.ring-dashed{position:absolute;width:260px;height:260px;border:1px dashed rgba(150,150,150,.3);border-radius:50%;animation:spin-slow 40s linear infinite}.ring-solid{position:absolute;width:160px;height:160px;border:1px solid rgba(150,150,150,.1);border-radius:50%}@keyframes spin-slow{to{transform:rotate(360deg)}}.orbit-tick{position:absolute;width:2px;height:6px;background:#9696964d;border-radius:2px}.orbit-center-hub{position:absolute;width:72px;height:72px;background:#9696961a;border:1px solid rgba(150,150,150,.2);border-radius:50%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;font-size:1.2rem}.hub-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid currentColor;opacity:.2;animation:ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(1.8);opacity:0}}.orbit-rotator{position:absolute;width:0;height:0;z-index:10}.orbit-node{position:absolute;top:-28px;left:-28px;width:56px;height:56px;border-radius:50%;background:#9696961a;border:1px solid rgba(150,150,150,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;cursor:pointer;color:inherit;transition:background .3s ease,border-color .3s ease}.orbit-node:hover{background:#96969633}.orbit-node.is-active{border-color:currentColor;box-shadow:0 0 15px #96969633}.node-icon{width:24px;height:24px}.node-tooltip{position:absolute;top:-30px;background:currentColor;color:var(--bg-color, #fff);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.orbit-node:hover .node-tooltip{opacity:1;transform:translateY(0)}.transfer-ghost{display:flex;justify-content:center;align-items:center;border-radius:50%;background:#9696964d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid currentColor;box-shadow:0 0 30px currentColor;color:inherit;pointer-events:none}.transfer-ghost svg{width:40%;height:40%}.contact-footer-bar{position:relative;z-index:2;margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(150,150,150,.2);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;opacity:.7}.footer-clock{display:flex;align-items:center;gap:8px}.live-indicator{width:8px;height:8px;background-color:#ff3b3b;border-radius:50%;box-shadow:0 0 8px #ff3b3b;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media(max-width:900px){.contact-creative-layout{grid-template-columns:1fr;gap:4rem}.contact-footer-bar{flex-direction:column;gap:1rem;align-items:flex-start}}