.intro{--greet-size: min(clamp(40px, 8vw, 96px), 11vh);position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:72px var(--gutter) 96px;background:#040806;color:var(--cream);overflow:hidden;-webkit-user-select:none;user-select:none}.intro-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70vmax 55vmax at 50% 50%,rgba(57,255,122,.06),transparent 70%)}.intro-backdrop:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(57,255,122,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,122,.1) 1px,transparent 1px),linear-gradient(rgba(57,255,122,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,122,.035) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center;-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%);transition:opacity .8s var(--ease-out)}.intro-scope{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7;transition:opacity .8s var(--ease-out)}.intro.is-recede .intro-backdrop:after,.intro.is-dive .intro-backdrop:after,.intro.is-recede .intro-scope,.intro.is-dive .intro-scope{opacity:0}.intro-thread{position:relative;width:min(620px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.intro.is-recede .intro-thread,.intro.is-dive .intro-thread{align-items:center}.intro-greet{font-family:var(--font-display);font-weight:700;font-size:var(--greet-size);line-height:1;letter-spacing:-.035em;white-space:nowrap;margin-bottom:14px}.intro-greet.is-hello{font-size:min(clamp(56px,17vw,168px),22vh)}.intro-greet-slot{display:inline-grid}.intro-greet-sizer,.intro-greet-typed{grid-area:1 / 1}.intro-greet-sizer{visibility:hidden}.intro-greet-typed{justify-self:start}.intro-greet-word{position:relative;display:inline-block}.intro-baseline{display:inline-block;width:0;height:0;vertical-align:baseline}.intro-line{max-width:26ch;font-weight:600;font-size:clamp(17px,2vw,24px);line-height:1.3;letter-spacing:-.01em}.intro-caret{display:inline-block;width:.09em;min-width:2px;height:.95em;margin-left:.08em;vertical-align:-.1em;background:var(--amber);border-radius:2px;animation:intro-blink 1s steps(1) infinite}@keyframes intro-blink{50%{opacity:0}}.intro-you{align-self:flex-end;padding:10px 18px;border-radius:22px 22px 6px;background:var(--hacker);color:var(--navy);font-weight:700;font-size:clamp(14px,1.4vw,16px)}.intro-choices{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px}.intro-choice{display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 12px;border:1.5px solid rgba(245,240,232,.3);border-radius:999px;font-weight:600;font-size:15px;color:var(--cream);transition:background-color .2s,color .2s,border-color .2s}.intro-choice:hover,.intro-choice:focus-visible{background:var(--hacker);border-color:var(--hacker);color:var(--navy)}.intro-key{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f5f0e81f;font-family:var(--font-mono);font-size:12px}.intro-choice:hover .intro-key{background:#0d1b2a24}.intro-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:var(--gutter);padding:8px 4px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:#f5f0e899;transition:color .2s}.intro-skip:hover{color:var(--cream)}.intro-typing{position:absolute;left:var(--gutter);bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;color:#f5f0e8b3}.intro-avatar{width:30px;height:30px;border-radius:50%;background:var(--cream) url(/images/elvin_portrait_new.png) no-repeat 50% 14% / 320%;box-shadow:0 0 0 2px #f2a54199}.intro-dots{display:inline-flex;gap:3px}.intro-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:intro-dot 1.1s ease-in-out infinite}.intro-dots i:nth-child(2){animation-delay:.15s}.intro-dots i:nth-child(3){animation-delay:.3s}@keyframes intro-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.intro-hint{position:absolute;right:var(--gutter);bottom:max(28px,env(safe-area-inset-bottom));font-family:var(--font-mono);font-size:12px;color:#f5f0e859}.intro-dive,.intro-fade{position:fixed;inset:0;z-index:20;width:100%;height:100%}.intro-fade{background:var(--screen)}@media(max-width:640px){.intro-greet{align-self:stretch;text-align:center}.intro-hint,.intro-key{display:none}.intro-choice{padding:11px 18px;font-size:16px}}.intro-sound{position:absolute;top:max(20px,env(safe-area-inset-top));left:var(--gutter)}.sound-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 4px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:#f5f0e899;transition:color .2s}.sound-toggle:hover{color:var(--cream)}.sound-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sound-bars i{width:2px;height:3px;border-radius:1px;background:currentColor;transition:height .3s}.sound-toggle.is-playing .sound-bars i{background:var(--amber);animation:sound-bar 1.1s ease-in-out infinite}.sound-toggle.is-playing .sound-bars i:nth-child(2){animation-delay:-.3s}.sound-toggle.is-playing .sound-bars i:nth-child(3){animation-delay:-.6s}.sound-toggle.is-playing .sound-bars i:nth-child(4){animation-delay:-.15s}@keyframes sound-bar{0%,to{height:3px}50%{height:12px}}.intro-gate{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;cursor:pointer}.intro-gate:focus-visible{outline:none}.intro-gate-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#f5f0e866}.intro.is-thread{align-items:flex-start;padding-top:clamp(80px,12vh,120px)}.intro-greet.is-hidden{display:none}.intro{--hacker: #39ff7a;--hacker-glow: 0 0 6px rgba(57, 255, 122, .5), 0 0 18px rgba(57, 255, 122, .2)}.intro-greet,.intro-line{font-family:var(--font-mono);color:var(--hacker);text-shadow:var(--hacker-glow)}.intro-greet{letter-spacing:-.02em}.intro-line{font-weight:500;letter-spacing:0}.intro-caret{background:var(--hacker)}.intro-gate-label{font-size:clamp(26px,4vw,44px);letter-spacing:.3em;color:var(--cream);animation:gate-breathe 3.4s ease-in-out infinite}@keyframes gate-breathe{0%,to{opacity:.25}50%{opacity:.9}}.intro-gate-word{display:inline-block}.lang-switch{display:inline-flex;padding:3px;border:1px solid var(--rule);border-radius:999px;background:#e6efe80a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-option{position:relative;padding:6px 11px;border-radius:999px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-muted);transition:color .2s}.lang-option:hover,.lang-option.is-active{color:var(--screen)}.lang-option:hover:not(.is-active){color:var(--text)}.lang-pill{position:absolute;inset:0;border-radius:inherit;background:var(--phosphor)}.lang-code{position:relative}.results{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:120px var(--gutter) 96px}.results-title{margin-bottom:40px;font-family:var(--font-display);font-weight:800;font-size:clamp(32px,4.4vw,64px);line-height:1;letter-spacing:-.04em}.results-list{display:flex;flex-direction:column;gap:64px;list-style:none}.result{padding-top:28px;border-top:1px solid var(--rule)}.result-head{max-width:40em;margin-bottom:20px}.result-name{font-weight:700;font-size:clamp(20px,1.8vw,26px);line-height:1.3;letter-spacing:-.01em}.result-media{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,min(26vw,36vh),340px);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.result-media img,.result-media video{width:100%;aspect-ratio:4 / 5;object-fit:cover;border:1px solid var(--rule);border-radius:14px;background:var(--screen-2);scroll-snap-align:start;transition:border-color .3s}.result-media img:hover,.result-media video:hover{border-color:var(--phosphor)}.result{scroll-margin-top:24px}.result-next{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:12px 22px;border:1.5px solid var(--phosphor);border-radius:999px;font-weight:600;font-size:15px;color:var(--phosphor);transition:background-color .2s,color .2s}.result-next:hover{background:var(--phosphor);color:var(--screen)}.result-media.is-natural{grid-auto-columns:clamp(280px,42vw,640px)}.result-media.is-natural img{aspect-ratio:auto;height:auto}.result-body{display:flex;align-items:center;gap:clamp(24px,4vw,56px)}.result-body .result-media{min-width:0}.result-notes{flex:0 0 clamp(220px,22vw,320px);display:flex;flex-direction:column;gap:22px;list-style:none}.result-notes li{padding-left:18px;border-left:2px solid var(--phosphor);font-family:var(--font-display);font-weight:600;font-size:clamp(20px,1.9vw,28px);line-height:1.2;letter-spacing:-.01em}.result-specs{flex:1 1 0;min-width:0;max-width:620px}.result-about{margin-bottom:20px;font-size:clamp(16px,1.25vw,18px);color:var(--text)}.result-specs dl>div{display:grid;grid-template-columns:minmax(110px,.35fr) 1fr;gap:16px;padding:11px 0;border-top:1px solid var(--rule)}.result-specs dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--phosphor);padding-top:3px}.result-specs dd{font-size:15px;line-height:1.45;color:var(--text-muted)}@media(max-width:900px){.result-body{flex-direction:column;align-items:stretch}.result-notes{flex-basis:auto}}.results-to-projects{margin-top:64px}@media(max-width:900px){.results{padding-top:72px}.result-media{grid-auto-columns:min(72vw,300px)}}.projects{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:96px var(--gutter)}.projects-title{margin-bottom:40px;font-family:var(--font-display);font-weight:800;font-size:clamp(32px,4.4vw,64px);line-height:1;letter-spacing:-.04em}.projects-replay{display:block;margin:72px auto 0;padding:12px 22px;border:1.5px solid var(--rule);border-radius:999px;font-weight:600;font-size:15px;color:var(--text-muted);transition:border-color .2s,color .2s}.projects-replay:hover{border-color:var(--phosphor);color:var(--phosphor)}@media(max-width:900px){.projects{padding-top:72px}}.hero-page{position:relative;background:var(--screen);color:var(--text)}.hero-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center;-webkit-mask-image:radial-gradient(ellipse at 60% 50%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse at 60% 50%,#000 20%,transparent 80%)}.hero-bar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:20px;padding:max(18px,env(safe-area-inset-top)) var(--gutter) 18px}.hero-brand{display:inline-flex;align-items:flex-end;margin-right:auto}.hero-brand-mark{height:56px;width:auto}.hero-name{margin-left:-26px;padding-bottom:7px;font-family:"Montserrat",var(--font-body);font-weight:400;font-size:14px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.hero{position:relative;z-index:1;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,64px);padding:110px var(--gutter) 90px;max-width:1440px;margin:0 auto}.hero-eyebrow{margin-bottom:22px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--text-muted)}.hero-title{display:flex;flex-wrap:wrap;column-gap:.26em;margin-bottom:18px;font-family:var(--font-display);font-weight:600;font-size:clamp(40px,5.8vw,92px);line-height:1;letter-spacing:-.045em}.hero-title-mask{display:inline-block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero-title-word{display:inline-block}.hero-rotator{min-height:2.7em;max-width:20em;margin-bottom:22px;font-weight:700;font-size:clamp(19px,2vw,30px);line-height:1.25;letter-spacing:-.02em}.hero-lead{color:var(--text)}.rotator-item{display:inline}.rotator-mark{background-image:linear-gradient(var(--phosphor-deep),var(--phosphor-deep));background-repeat:no-repeat;background-position:0 88%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em}.hero-body{max-width:34em;margin-bottom:34px;font-size:clamp(16px,1.3vw,19px);color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-bottom:52px}.hero-cta{display:inline-flex;align-items:center;gap:14px;padding:18px 18px 18px 28px;border-radius:999px;background:var(--phosphor);color:var(--screen);font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 10px 30px -10px #39ff7a73;transition:box-shadow .3s,background-color .3s}.hero-cta:hover{background:#6bff9a;box-shadow:0 16px 40px -12px #39ff7a99}.hero-cta-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--screen);color:var(--phosphor);font-size:16px;transition:transform .3s var(--ease-out)}.hero-cta:hover .hero-cta-icon{transform:translate(3px)}.hero-secondary{font-weight:600;font-size:15px;color:var(--text-muted);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}.hero-secondary:hover{color:var(--text);text-decoration-color:var(--phosphor)}.hero-stats{display:flex;gap:clamp(24px,4vw,56px);padding-top:26px;border-top:1px solid var(--rule)}.hero-stat{display:flex;flex-direction:column-reverse;gap:2px}.hero-stat dd{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hero-stat dt{font-size:14px;color:var(--text-muted)}.hero-visual{position:relative;align-self:end;display:flex;justify-content:center}.hero-visual-glow{position:absolute;left:50%;bottom:18%;width:90%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle,#39ff7a29,#39ff7a00 65%);filter:blur(10px)}.portrait{position:relative;height:min(78svh,680px);aspect-ratio:427 / 585}.portrait-traces{position:absolute;inset:0;width:100%;height:100%}.trace,.trace-current{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace{stroke:#39ff7a38;stroke-width:2}.trace-current{stroke:var(--phosphor);stroke-width:3;stroke-dasharray:7 93;stroke-dashoffset:100;opacity:0;animation:trace-flow 3.6s linear infinite}@keyframes trace-flow{0%{stroke-dashoffset:100;opacity:0}8%{opacity:1}70%{opacity:1}80%,to{stroke-dashoffset:0;opacity:0}}.trace-label{font-family:var(--font-mono);font-size:11px;fill:var(--text-soft);letter-spacing:.08em}.via{fill:var(--screen);stroke:var(--phosphor);stroke-width:2;transform-box:fill-box;transform-origin:center}.portrait-photo,.portrait-sketch{position:absolute;inset:0;width:100%;height:100%}.portrait-photo{object-fit:contain;object-position:bottom}.portrait-sketch{pointer-events:none}.portrait-scan{position:absolute;left:-6%;right:-6%;height:2px;background:var(--phosphor);box-shadow:0 0 18px 4px #39ff7a8c;pointer-events:none}.hero-scroll{position:absolute;left:50%;bottom:22px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--text-soft);text-decoration:none}.hero-scroll-line{position:relative;width:1px;height:34px;overflow:hidden;background:var(--rule)}.hero-scroll-line:after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--phosphor);animation:hero-drip 1.8s var(--ease-out) infinite}@keyframes hero-drip{to{top:100%}}@media(max-width:900px){.hero{grid-template-columns:1fr;align-items:start;gap:8px;padding-top:76px;padding-bottom:96px}.hero-visual{order:-1;align-self:center}.portrait{height:min(40svh,380px)}.hero-bar{background:linear-gradient(var(--screen) 60%,rgba(4,8,6,0))}.hero-actions{margin-bottom:36px}.hero-cta{width:100%;justify-content:space-between}.hero-scroll{display:none}}:root{--navy: #0d1b2a;--navy-2: #15283d;--navy-3: #1f3550;--cream: #f5f0e8;--cream-2: #ebe3d6;--ink: #0d1b2a;--ink-muted: #5a6472;--ink-soft: #8a919b;--amber: #f2a541;--amber-deep: #c9781a;--live: #2fb36b;--line: rgba(13, 27, 42, .12);--screen: #040806;--screen-2: #0a120d;--phosphor: #39ff7a;--phosphor-deep: #1f9e4c;--text: #e6efe8;--text-muted: rgba(230, 239, 232, .66);--text-soft: rgba(230, 239, 232, .42);--rule: rgba(57, 255, 122, .16);--grid-major: rgba(57, 255, 122, .06);--grid-minor: rgba(57, 255, 122, .022);--font-display: "Fraunces", Georgia, serif;--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--gutter: clamp(16px, 4vw, 56px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--screen);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.is-intro{background:var(--screen);overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--phosphor);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}