:root{--bg: #0a0a0b;--bg-soft: #101012;--card: #141416;--card-hi: #1a1a1d;--line: #242428;--line-soft: #1b1b1e;--text: #f4f4f2;--text-mid: #b6b6b0;--text-dim: #6e6e72;--accent: #c6f24e;--accent-dim:#9bbf3a;--accent-ink:#0a0a0b;--accent-glow: rgba(198, 242, 78, .14);--green: #3ddc84;--purple: #a78bfa;--yellow: #f5c451;--blue: #5aa9ff;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--maxw: 1180px;--gut: clamp(20px, 5vw, 64px);--radius: 18px;--radius-sm: 12px;--ease: cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--bg: #f6f6f3;--bg-soft: #efeeea;--card: #ffffff;--card-hi: #ffffff;--line: #e2e1da;--line-soft: #ebeae3;--text: #14140f;--text-mid: #45453e;--text-dim: #8a8a80;--accent: #5b8c00;--accent-dim:#4a7300;--accent-ink:#ffffff;--accent-glow: rgba(91, 140, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .4s var(--ease),color .4s var(--ease)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-ink)}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:8px;font:600 13px/1 var(--mono)}.skip-link:focus{top:16px}#scroll-bar{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:120;box-shadow:0 0 12px var(--accent);pointer-events:none}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}section{position:relative}.section-head{margin-bottom:clamp(32px,5vw,56px)}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.section-eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.section-title{font-size:clamp(28px,4.4vw,46px);font-weight:600;letter-spacing:-.02em;margin-top:16px;line-height:1.08}.section-sub{margin-top:14px;max-width:52ch;color:var(--text-mid);font-size:clamp(15px,1.6vw,17px)}.text-accent{color:var(--accent)}header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px var(--gut);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),background .3s var(--ease)}header.header-scrolled{border-bottom-color:var(--line)}.logo{font:700 18px/1 var(--mono);letter-spacing:-.02em;display:inline-flex;align-items:center;color:var(--text)}.logo-dot{color:var(--accent)}header nav{display:flex;gap:4px}.nav-link{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-mid);transition:color .2s var(--ease),background .2s var(--ease)}.nav-num{font:500 10px/1 var(--mono);color:var(--text-dim)}.nav-link:hover{color:var(--text);background:var(--card)}.nav-link.active{color:var(--accent)}.nav-link.active .nav-num{color:var(--accent-dim)}.header-right{display:flex;align-items:center;gap:10px}.theme-btn{width:38px;height:38px;border-radius:10px;cursor:pointer;background:var(--card);border:1px solid var(--line);color:var(--text);font-size:15px;display:grid;place-items:center;transition:border-color .2s var(--ease),transform .2s var(--ease)}.theme-btn:hover{border-color:var(--accent);transform:translateY(-1px)}@media(max-width:760px){header nav{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--text);transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);will-change:transform}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{box-shadow:0 10px 30px -8px var(--accent-glow)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{padding:17px 30px;font-size:15px}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(3px,-3px)}.hero{padding-top:clamp(140px,20vh,200px);padding-bottom:clamp(60px,9vw,110px)}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font:500 12.5px/1 var(--mono);color:var(--text-mid)}.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 var(--green);animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--green) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.hero-greeting{margin-top:30px;font:400 16px/1 var(--mono);color:var(--text-dim)}.hero-title{margin-top:18px;font-size:clamp(40px,8.4vw,104px);font-weight:600;letter-spacing:-.035em;line-height:.98}.hero-tagline{margin-top:26px;font-size:clamp(15px,2vw,19px);color:var(--text-mid);max-width:46ch}.hero-tagline strong{color:var(--text);font-weight:600}.hero-cta{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}.hero-meta{margin-top:clamp(56px,9vw,90px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}.hero-meta .cell{background:var(--bg-soft);padding:22px 24px}.hero-meta .cell .k{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.hero-meta .cell .v{margin-top:12px;font-size:15px;color:var(--text);font-weight:500}.hero-meta .cell .v small{display:block;color:var(--text-mid);font-weight:400;font-size:13px;margin-top:3px}@media(max-width:720px){.hero-meta{grid-template-columns:1fr}}.s-pad{padding-block:clamp(70px,11vw,130px)}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden;transition:border-color .3s var(--ease),transform .3s var(--ease),background .3s var(--ease)}.card:hover{transform:translateY(-3px)}.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%),var(--accent-glow),transparent 60%);opacity:0;transition:opacity .35s var(--ease)}.card:hover:after{opacity:1}.card-label{font:500 12px/1 var(--mono);color:var(--text-dim);letter-spacing:.02em;display:block;margin-bottom:14px}.c-3{grid-column:span 3}.c-4{grid-column:span 4}.c-5{grid-column:span 5}.c-6{grid-column:span 6}.c-7{grid-column:span 7}.c-8{grid-column:span 8}.c-12{grid-column:span 12}.card-about h3{font-size:24px;font-weight:600;letter-spacing:-.01em}.card-about p{margin-top:12px;color:var(--text-mid);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{font:500 12.5px/1 var(--mono);padding:7px 12px;border-radius:999px;border:1px solid var(--line);color:var(--text-mid);background:var(--bg-soft);transition:border-color .2s var(--ease),color .2s var(--ease)}.tag:hover{border-color:var(--accent);color:var(--text)}.tag-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.status-item{display:flex;gap:12px;align-items:flex-start;padding:11px 0}.status-item+.status-item{border-top:1px solid var(--line-soft)}.status-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.dot-green{background:var(--green);box-shadow:0 0 10px var(--green)}.dot-purple{background:var(--purple);box-shadow:0 0 10px var(--purple)}.dot-yellow{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}.status-text strong{display:block;font-size:14px;font-weight:600}.status-text span{font-size:12.5px;color:var(--text-dim)}.card-code{background:#0d0d0f}[data-theme=light] .card-code{background:#16161a}[data-theme=light] .card-code .card-label,[data-theme=light] .card-code .code-line{color:#d8d8d2}.code-line{font:400 13px/1.85 var(--mono);white-space:pre;color:var(--text-mid);display:flex;gap:14px}.code-line .ln{color:#3a3a40;-webkit-user-select:none;user-select:none;min-width:14px;text-align:right}.kw{color:#c792ea}.fn{color:var(--accent)}.prop{color:#82aaff}.str{color:#c3e88d}.num{color:#f78c6c}.cmt{color:#4a4a52;font-style:italic}.card-adhd{background:linear-gradient(150deg,var(--card),var(--card-hi));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.adhd-big{font-size:clamp(34px,5vw,52px);font-weight:700;letter-spacing:-.03em;line-height:.95;color:var(--text)}.adhd-big span{color:var(--accent)}.card-adhd p{margin-top:14px;color:var(--text-mid);font-size:14px}.metric{display:flex;flex-direction:column;justify-content:space-between}.metric-num{font-size:clamp(32px,4.4vw,46px);font-weight:700;letter-spacing:-.03em;color:var(--accent);line-height:1}.metric-label{margin-top:10px;font-size:13px;color:var(--text-dim)}.skill-group+.skill-group{margin-top:16px}.skill-group-label{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim)}.skill-group .tags{margin-top:10px}@media(max-width:900px){.c-3{grid-column:span 6}.c-4,.c-5,.c-6,.c-7,.c-8{grid-column:span 12}}@media(max-width:540px){.c-3{grid-column:span 12}}.work-list{margin-top:8px;border-top:1px solid var(--line)}.work-row{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}.work-row:hover{background:var(--bg-soft);padding-left:18px}.work-period{font:500 13px/1.4 var(--mono);color:var(--text-dim)}.work-title{font-size:clamp(16px,2vw,19px);font-weight:600;letter-spacing:-.01em}.work-desc{margin-top:6px;font-size:14px;color:var(--text-mid);max-width:64ch}.work-badge{font:500 11.5px/1 var(--mono);padding:6px 11px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim);white-space:nowrap}.badge-live{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}@media(max-width:760px){.work-row{grid-template-columns:1fr;gap:8px;padding:22px 0}.work-row:hover{padding-left:0}.work-badge{justify-self:start}}.works-grid{display:flex;flex-direction:column;gap:14px}.works-row{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.work-stack{display:flex;flex-direction:column;gap:14px}.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s var(--ease),transform .3s var(--ease)}.pcard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.pcard.featured{min-height:420px}.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pcard-badge{font:500 12px/1 var(--mono);color:var(--text-dim)}.pcard-flag{font:500 11px/1 var(--mono);padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--text-mid)}.pcard-flag.live{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.pthumb{margin:20px 0;border-radius:var(--radius-sm);flex:1;min-height:150px;display:grid;place-items:center;gap:6px;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--pc) 22%,transparent),transparent 65%),var(--bg-soft);border:1px solid var(--line);position:relative;overflow:hidden}.pthumb:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:26px 26px;opacity:.5;-webkit-mask-image:radial-gradient(80% 80% at 50% 30%,#000,transparent);mask-image:radial-gradient(80% 80% at 50% 30%,#000,transparent)}.pthumb .letter{font:700 clamp(32px,5vw,52px)/1 var(--mono);letter-spacing:-.03em;color:var(--pc);position:relative;z-index:1}.pthumb .sub{font:500 12px/1 var(--mono);color:var(--text-dim);position:relative;z-index:1}.pcard-title{font-size:clamp(17px,2.1vw,22px);font-weight:600;letter-spacing:-.015em;line-height:1.2}.pcard.sm .pcard-title{font-size:17px}.pcard-desc{margin-top:10px;font-size:14px;color:var(--text-mid)}.pcard .tags{margin-top:16px}.pcard-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.pbtn{font:600 13px/1 var(--sans);padding:10px 16px;border-radius:999px;border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.pbtn:hover{transform:translateY(-2px)}.pbtn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pbtn.ghost:hover{border-color:var(--accent);color:var(--accent)}.spotlight{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center}.spotlight .pthumb{margin:0;min-height:220px;height:100%}@media(max-width:860px){.works-row,.spotlight{grid-template-columns:1fr}}.works-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:860px){.works-trio{grid-template-columns:1fr}}.contact{border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px)}.contact h2{font-size:clamp(34px,6vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1}.contact-lead{margin-top:20px;color:var(--text-mid);font-size:16px;max-width:44ch}.contact-cta{margin-top:32px}.contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.contact-badges{display:flex;flex-direction:column;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.contact-badge{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-mid)}.contact-links{margin-top:22px;display:flex;flex-direction:column;gap:2px;font-style:normal}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line-soft);font-size:14px;transition:padding-left .25s var(--ease),color .25s var(--ease)}.contact-link:last-child{border-bottom:none}.contact-link:hover{padding-left:12px;color:var(--accent)}.contact-link .k{font:500 12px/1 var(--mono);color:var(--text-dim)}@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}footer{border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:28px;font:500 13px/1 var(--mono);color:var(--text-dim)}.back-to-top{display:inline-flex;align-items:center;gap:6px;transition:color .2s var(--ease)}.back-to-top:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}