*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root[data-theme=dark]{--bg:#0a0a0a;--surface:#111;--border:#222;--text:#f0f0f0;--muted:#555;--accent:#f0f0f0;--accent-dim:#aaa;--bg-text:hsla(0,0%,100%,.025);--nav-bg:hsla(0,0%,4%,.96)}:root[data-theme=light]{--bg:#fff;--surface:#f8f8f8;--border:#e8e8e8;--text:#0a0a0a;--muted:#888;--accent:#0a0a0a;--accent-dim:#444;--bg-text:rgba(0,0,0,.04);--nav-bg:hsla(0,0%,100%,.96)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.7;overflow-x:hidden;transition:background .3s,color .3s}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 48px;background:linear-gradient(to bottom,var(--nav-bg),transparent);transition:background .3s}.logo{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;color:var(--accent);letter-spacing:.05em;text-decoration:none}.blink{animation:blink 1.2s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.nav-right{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--text)}.theme-btn{background:none;border:1px solid var(--border);color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:6px 14px;cursor:pointer;transition:color .2s,border-color .2s}.theme-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.nav-menu-btn{display:none;background:none;border:1px solid var(--border);color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;padding:6px 12px;cursor:pointer;transition:color .2s,border-color .2s}.nav-menu-btn:hover{color:var(--text)}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:36px;transition:background .3s}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text);text-decoration:none;font-family:Bodoni Moda,serif;font-size:36px;transition:color .2s}.mobile-menu a:hover{color:var(--accent)}.mobile-menu-close{position:absolute;top:20px;right:24px;background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer}section{padding:100px 48px}.divider,section{max-width:1100px;margin:0 auto}.divider{width:100%;height:1px;background:var(--border);transition:background .3s}.section-label{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:52px;display:flex;align-items:center;gap:16px}.section-label:after{content:"";flex:1;height:1px;background:var(--border);max-width:80px;transition:background .3s}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:120px;padding-left:10vw;padding-right:10vw;max-width:100%;position:relative;overflow:hidden}.hero-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;opacity:0;animation:fadeUp .8s ease .2s forwards}.hero-name{font-family:Bodoni Moda,serif;font-size:clamp(52px,8vw,112px);line-height:.95;color:var(--text);margin-bottom:28px;opacity:0;animation:fadeUp .9s ease .35s forwards}.hero-name em{color:var(--accent);font-style:italic}.hero-desc{max-width:540px;color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:44px;opacity:0;animation:fadeUp .9s ease .5s forwards}.hero-desc strong{color:var(--accent-dim);font-weight:400}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;opacity:0;animation:fadeUp .9s ease .65s forwards}.btn-primary{background:var(--accent);color:var(--bg);padding:12px 28px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;font-weight:500;transition:opacity .2s;white-space:nowrap}.btn-primary:hover{opacity:.8}.btn-ghost{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .2s,border-color .2s;white-space:nowrap}.btn-ghost:hover{color:var(--text);border-color:var(--accent-dim)}.hero-socials{gap:20px;margin-top:32px;opacity:0;animation:fadeUp .9s ease .78s forwards}.hero-socials,.social-icon{display:flex;align-items:center}.social-icon{color:var(--muted);transition:color .2s,transform .2s}.social-icon:hover{color:var(--accent);transform:translateY(-2px)}.hero-watermark{position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-family:Bodoni Moda,serif;font-size:clamp(120px,18vw,260px);color:var(--bg-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;transition:color .3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.about-headline{font-family:Bodoni Moda,serif;font-size:clamp(28px,3.5vw,48px);line-height:1.1;color:var(--text);margin-bottom:20px}.about-headline em{color:var(--accent);font-style:italic}.about-body{color:var(--muted);line-height:2;font-size:13px}.about-body p+p{margin-top:18px}.stack-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.stack-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);padding:5px 12px 5px 6px;transition:border-color .2s,color .2s}.stack-tag:hover{border-color:var(--accent-dim);color:var(--text)}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:3px;flex-shrink:0;transition:border-color .2s}.stack-tag:hover .icon-wrap{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.icon-wrap i{font-size:13px}:root[data-theme=dark] .devicon-nextjs-plain{color:#f0f0f0}:root[data-theme=light] .devicon-nextjs-plain{color:#0a0a0a}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-content:start;padding-top:4px}.stat-num{font-family:Bodoni Moda,serif;font-size:40px;color:var(--text);line-height:1;margin-bottom:6px}.stat-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.exp-outer{max-width:100%;padding-top:100px}.exp-inner{max-width:1100px;margin:0 auto;padding:0 48px}.tl-hint{font-size:10px;color:var(--muted);letter-spacing:.1em;padding:0 48px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.tl-hint:before{content:"←";color:var(--accent)}.tl-scroll{overflow-x:auto;padding:60px 48px 80px;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tl-scroll::-webkit-scrollbar{display:none}.tl-scroll.grabbing{cursor:grabbing}.tl-track{display:flex;min-width:-moz-max-content;min-width:max-content;position:relative}.tl-track:before{content:"";position:absolute;top:52px;left:0;right:0;height:1px;background:var(--border);transition:background .3s}.tl-item{display:flex;flex-direction:column;align-items:center;width:260px;padding:0 20px;flex-shrink:0}.tl-item.now .tl-dot{background:var(--accent)}.tl-item.now .tl-yr{color:var(--accent)}.tl-yr{font-size:10px;letter-spacing:.2em;color:var(--muted);margin-bottom:20px}.tl-line{width:1px;height:20px;background:var(--border)}.tl-dot,.tl-line{transition:background .3s}.tl-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);margin:8px 0}.tl-body{margin-top:24px;text-align:center}.tl-co{font-size:12px;color:var(--text);font-weight:500;margin-bottom:4px}.tl-role{font-size:10px;color:var(--accent);letter-spacing:.08em;margin-bottom:10px}.tl-txt{font-size:10px;color:var(--muted);line-height:1.7;max-width:200px;margin:0 auto}.tl-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:12px}.tl-chip{gap:6px;font-size:9px;letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);padding:2px 8px 2px 4px}.tl-chip,.tl-chip .icon-wrap{display:inline-flex;align-items:center}.tl-chip .icon-wrap{width:14px;height:14px;justify-content:center}.tl-chip .icon-wrap i{font-size:10px}.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.proj-card{background:var(--surface);padding:40px;border:1px solid var(--border);position:relative;overflow:hidden;display:block;text-decoration:none;transition:border-color .2s,background .3s,box-shadow .3s}:root[data-theme=light] .proj-card:hover{box-shadow:0 8px 40px rgba(0,0,0,.08)}.proj-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.proj-card:hover{border-color:var(--accent-dim)}.proj-card:hover:before{opacity:1}.proj-badge{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding:3px 10px;display:inline-block;margin-bottom:16px}.proj-title{font-family:Bodoni Moda,serif;font-size:28px;color:var(--text);line-height:1.1;margin-bottom:12px}.proj-desc{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:20px}.proj-techs{display:flex;flex-wrap:wrap;gap:7px}.proj-tech{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);border:1px solid var(--border);padding:4px 10px 4px 6px}.proj-tech .icon-wrap{width:18px;height:18px}.proj-tech .icon-wrap i{font-size:11px}.proj-links{display:flex;gap:20px;margin-top:20px}.proj-link{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.proj-link:hover{color:var(--accent);border-color:var(--accent)}.proj-num{position:absolute;bottom:20px;right:28px;font-size:60px;color:var(--bg-text);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .3s}.contact-hed,.proj-num{font-family:Bodoni Moda,serif}.contact-hed{font-size:clamp(36px,6vw,76px);color:var(--text);line-height:1.05;margin-bottom:24px}.contact-hed em{color:var(--accent);font-style:italic}.contact-sub{color:var(--muted);font-size:13px;max-width:380px;margin:0 auto 48px}.contact-email{font-family:Bodoni Moda,serif;font-size:clamp(16px,2.5vw,22px);color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-bottom:4px;transition:border-color .2s}.contact-email:hover{border-color:var(--accent)}footer{border-top:1px solid var(--border);padding:28px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;transition:border-color .3s}.footer-logo{font-size:13px;color:var(--accent);font-family:IBM Plex Mono,monospace;font-weight:500}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:10px;color:var(--muted)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:768px){nav{padding:16px 24px}.nav-links,.theme-btn{display:none}.nav-menu-btn{display:block}#hero{padding-left:24px;padding-right:24px;padding-top:100px}.hero-watermark{display:none}section{padding:72px 24px}.divider{margin:0 24px;width:calc(100% - 48px)}.section-label{margin-bottom:36px}.about-grid{grid-template-columns:1fr;gap:48px}.about-stats{grid-template-columns:1fr 1fr}.exp-inner,.tl-hint{padding:0 24px}.tl-scroll{padding:48px 24px 64px}.proj-grid{grid-template-columns:1fr}.proj-card{padding:28px}footer{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}#contact{padding:100px 24px}}@media (max-width:480px){.hero-name{font-size:48px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.btn-ghost,.btn-primary{width:100%;text-align:center}.about-stats{grid-template-columns:1fr 1fr;gap:24px}.stat-num{font-size:32px}.proj-title{font-size:24px}}