@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-base: #f4f0e6;--bg-card: #fffdf7;--bg-muted: #efe9db;--bg-accent-soft: #d8f5a2;--ink: #111111;--ink-soft: #2a2a2a;--text-body: #3a3a3a;--text-muted: #6b6b6b;--accent: #b8f23a;--accent-hot: #ff6b4a;--accent-blue: #6ecbff;--accent-on: #111111;--border: #111111;--border-w: 2.5px;--shadow: 5px 5px 0 #111111;--shadow-sm: 3px 3px 0 #111111;--shadow-hover: 7px 7px 0 #111111;--shadow-press: 2px 2px 0 #111111;--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .7rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 1.65rem;--text-hero: clamp(2.4rem, 5.5vw, 3.6rem);--ease: cubic-bezier(.2, .8, .2, 1);--duration: .15s;--container: 1120px;--nav-height: 68px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 20px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{min-height:100vh;background:var(--bg-base);background-image:radial-gradient(circle at 1px 1px,rgba(17,17,17,.06) 1px,transparent 0);background-size:22px 22px;color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-hot);outline-offset:2px}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;gap:16px;padding:0 clamp(14px,3vw,32px);background:var(--bg-base);border-bottom:var(--border-w) solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex-shrink:0}.brand-mark{width:34px;height:34px;display:inline-flex;flex-shrink:0;line-height:0}.brand-mark-svg{width:34px;height:34px;display:block;overflow:visible}.brand-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:-.02em}.brand-face{color:var(--text-muted);font-weight:500}.topbar-nav{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:0}.nav-link{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:var(--radius-pill);border:2px solid transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-decoration:none;transition:all var(--duration) var(--ease)}.nav-link:hover{color:var(--ink);border-color:var(--border);background:#fff}.nav-link.is-active{color:var(--ink);background:var(--accent);border-color:var(--border);box-shadow:2px 2px 0 var(--border)}.page{flex:1;width:100%;max-width:var(--container);margin:0 auto;padding:0 clamp(14px,3vw,28px)}.dashboard{padding:clamp(18px,3vw,28px) 0 clamp(36px,5vw,52px)}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-areas:"hero hero hero hero hero hero hero hero focus focus focus focus";gap:16px;align-items:stretch}.card-hero{grid-area:hero}.card-focus{grid-area:focus}.section{padding:52px 0}.section+.section{border-top:var(--border-w) solid var(--border)}.section-bottom{padding-bottom:64px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-kicker{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--accent);border:2px solid var(--border);display:inline-block;padding:3px 10px;border-radius:8px;box-shadow:2px 2px 0 var(--border);margin-bottom:12px}.section-heading{font-size:clamp(1.6rem,3.2vw,2.15rem);font-weight:700;color:var(--ink);letter-spacing:-.04em;line-height:1.1}.section-bento{display:grid;gap:16px}.section-bento--projects{grid-template-columns:repeat(3,1fr)}.section-bento--exp{grid-template-columns:1fr}.section-bento--bottom{grid-template-columns:1fr 1.2fr;align-items:stretch}.card{background:var(--bg-card);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,2.2vw,26px);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);position:relative}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-label-text{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-pill);border:2px solid var(--border);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:2px 2px 0 var(--border)}.badge--active{background:var(--accent);color:var(--ink)}.badge--active:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink)}.badge--count{background:#fff;color:var(--ink)}.card-hero{display:flex;flex-direction:column;justify-content:center;min-height:290px;background:#fff}.hero-top{display:flex;flex-direction:column;gap:16px}.hero-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-kicker{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-body)}.hero-kicker span{color:var(--text-muted)}.hero-name{font-size:var(--text-hero);font-weight:700;color:var(--ink);letter-spacing:-.05em;line-height:.92}.hero-bio{max-width:40ch;font-size:var(--text-base);color:var(--text-body);line-height:1.6;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.card-focus{display:flex;flex-direction:column;gap:14px;min-height:290px;height:100%;background:var(--bg-accent-soft)}.focus-title{font-size:var(--text-xl);font-weight:700;color:var(--ink);letter-spacing:-.03em}.focus-body{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.65;flex:1;font-weight:500}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--border);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--ink);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.chip-icon{width:14px;height:14px}.card-exp{display:flex;flex-direction:column;gap:12px;width:100%}.exp-role{font-size:var(--text-lg);font-weight:700;color:var(--ink);letter-spacing:-.02em}.exp-company{font-size:var(--text-sm);font-weight:700;color:var(--ink);background:var(--accent-blue);border:2px solid var(--border);display:inline-block;align-self:flex-start;padding:2px 10px;border-radius:8px;box-shadow:2px 2px 0 var(--border)}.exp-period{display:inline-flex;align-self:flex-start;height:28px;align-items:center;padding:0 10px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--ink);box-shadow:2px 2px 0 var(--border)}.exp-summary{font-size:var(--text-sm);color:var(--text-body);line-height:1.65;font-weight:500}.card-project{display:flex;flex-direction:column;gap:12px;min-height:240px;height:100%}.card-project:nth-child(1){background:#fff}.card-project:nth-child(2){background:#fff7e8}.card-project:nth-child(3){background:#eef6ff}.project-card{display:flex;flex-direction:column;gap:12px;height:100%}.card-header{display:flex;flex-direction:column;gap:2px}.card-title{font-size:var(--text-xl);font-weight:700;color:var(--ink);letter-spacing:-.03em}.card-description{font-size:var(--text-sm);color:var(--text-body);line-height:1.6;flex:1;font-weight:500}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;background:var(--accent);border:2px solid var(--border);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--border);font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--ink)}.tag-icon{width:12px;height:12px}.card-links{margin-top:auto;padding-top:4px}.code-link{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--border);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--ink);text-decoration:none;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.code-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border);background:var(--ink);color:#fff}.card-tech{display:flex;flex-direction:column;gap:16px;height:100%;background:#fff}.about-title{font-size:var(--text-xl);font-weight:700;color:var(--ink);letter-spacing:-.03em}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-item{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;background:var(--bg-muted);border:2px solid var(--border);border-radius:var(--radius-pill);box-shadow:3px 3px 0 var(--border);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--ink);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.tech-item:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border)}.tech-item-note{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.card-contact{display:flex;flex-direction:column;gap:14px;height:100%;background:#fff}.contact-headline{font-size:var(--text-2xl);font-weight:700;color:var(--ink);letter-spacing:-.04em;line-height:1.1}.contact-sub{font-size:var(--text-sm);color:var(--text-body);line-height:1.6;max-width:40ch;font-weight:500}.contact-links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:4px}.contact-links li a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-pill);box-shadow:3px 3px 0 var(--border);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;color:var(--ink);text-decoration:none;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.contact-links li a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border);background:var(--bg-muted)}.contact-links li .contact-link-primary,.contact-links li .contact-link-primary:hover{background:var(--accent);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;text-decoration:none;border:var(--border-w) solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.btn:active{transform:translate(1px,1px);box-shadow:var(--shadow-press)}.btn-primary{background:var(--accent);color:var(--ink)}.btn-ghost{background:#fff;color:var(--ink)}.site-footer{padding:22px clamp(14px,3vw,32px) 30px;text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);border-top:var(--border-w) solid var(--border);background:var(--bg-base)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-base);border-left:2px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid var(--bg-base)}@media (max-width: 1024px){.dash-grid{grid-template-areas:"hero hero hero hero hero hero hero hero hero hero hero hero" "focus focus focus focus focus focus focus focus focus focus focus focus"}.card-hero,.card-focus{min-height:auto}.section-bento--projects{grid-template-columns:repeat(2,1fr)}.section-bento--projects .card-project:last-child{grid-column:span 2}.section-bento--bottom{grid-template-columns:1fr}}@media (max-width: 768px){:root{--nav-height: 58px;--shadow: 4px 4px 0 #111111;--shadow-sm: 2px 2px 0 #111111;--shadow-hover: 5px 5px 0 #111111}.topbar{padding:0 12px;gap:8px}.brand-face,.topbar-nav{display:none}.dashboard{padding:14px 0 32px}.dash-grid{grid-template-areas:"hero hero hero hero hero hero hero hero hero hero hero hero" "focus focus focus focus focus focus focus focus focus focus focus focus";gap:12px}.section{padding:40px 0}.section-bento--projects{grid-template-columns:1fr}.section-bento--projects .card-project:last-child{grid-column:auto}.hero-name{font-size:clamp(2.1rem,11vw,2.7rem)}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.card{padding:16px;border-radius:14px}.contact-links{display:grid;grid-template-columns:1fr 1fr}.contact-links li .contact-link-primary{grid-column:span 2;justify-content:center}.contact-links li a{justify-content:center;width:100%}}@media (max-width: 400px){.contact-links{grid-template-columns:1fr}.contact-links li .contact-link-primary{grid-column:span 1}}