#hero{border-bottom:1px solid var(--rule);background:radial-gradient(at 80% 20%,#6b7f4e0f,#0000 50%),radial-gradient(at 20% 80%,#dcd5cb4d,#0000 40%);align-items:center;min-height:100dvh;padding:80px 2.5rem 60px;display:flex;position:relative}[data-theme=dark] #hero{background:radial-gradient(at 80% 20%,#9bb0f80d,#0000 50%),radial-gradient(at 20% 80%,#6b7f4e08,#0000 40%)}.hero-inner{max-width:var(--max);width:100%;margin:0 auto}.hero-text-col{min-width:0}.hero-kicker{font-family:var(--f-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:28px;font-size:14px;font-weight:400;display:flex}.hero-kicker:before{content:"";background:var(--ink-3);width:28px;height:1px;display:block}.availability-dot{background:#2d8a4e;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.availability-dot:after{content:"";background:#2d8a4e4d;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-cta-primary{font-family:var(--f-mono);letter-spacing:.04em;background:var(--accent-strong);color:var(--on-accent);border-radius:100px;align-items:center;min-height:48px;padding:14px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:background .3s,transform .2s,box-shadow .3s;display:inline-flex}.hero-cta-primary:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 6px 20px #6b7f4e33}[data-theme=dark] .hero-cta-primary:hover{background:var(--accent-strong);color:var(--on-accent)}.hero-cta-primary:active{transform:translateY(0)}.hero-cta-secondary{font-family:var(--f-mono);letter-spacing:.04em;border:1.5px solid var(--rule);color:var(--ink-2);border-radius:100px;align-items:center;min-height:48px;padding:14px 32px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .3s,color .3s,transform .2s;display:inline-flex}.hero-cta-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-statement{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);max-width:820px;font-size:clamp(36px,5.5vw,68px);font-weight:700;line-height:1.12}.hero-head{align-items:center;gap:40px;margin-bottom:40px;display:flex}.hero-head-text{flex:1;min-width:0}.hero-profile-link{transition:transform .3s var(--ease);border-radius:50%;flex-shrink:0;line-height:0;display:block}.hero-profile-link:hover{transform:scale(1.05)}.hero-profile-img{object-fit:cover;border:3px solid var(--accent-light);width:260px;height:260px;box-shadow:0 0 0 2px var(--accent-mid), 0 8px 32px #6b7f4e1f, 0 2px 8px #0000000f;border-radius:50%;display:block}.hero-statement em{color:var(--accent);font-style:normal}.hero-body{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;align-items:start;gap:64px;max-width:820px;padding-top:40px;display:grid}.hero-para{color:var(--ink-2);font-size:16px;font-weight:400;line-height:1.72}.hero-para strong{color:var(--ink);font-weight:500}.hero-facts{flex-direction:column;gap:28px;display:flex}.fact{border-left:3px solid var(--accent);padding-left:20px}.fact-val{color:var(--ink);font-size:24px;font-weight:600;font-family:var(--f-display)}.fact-label{color:var(--ink-3);font-size:14px;font-weight:500;font-family:var(--f-mono);letter-spacing:.04em;margin-top:6px}#faq{background:var(--bg-warm);padding-bottom:40px}#contact{background:var(--bg);padding-top:40px}#experience{background:var(--bg);padding-top:48px;padding-bottom:48px}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hint-pulse.exp-card{animation:2.4s ease-in-out infinite hint-bob;position:relative}.hint-pulse.exp-card:hover{animation:none}.hint-pulse:after{content:"Click me";z-index:5;font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--accent-strong);color:var(--on-accent);white-space:nowrap;pointer-events:none;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;animation:.35s ease-out forwards tp-pop;position:absolute}.hint-pulse.exp-card:after{top:-10px;right:-10px}@keyframes tp-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.exp-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.exp-card{border:1px solid var(--rule);border-left:3px solid var(--accent);background:var(--paper);cursor:pointer;user-select:none;border-radius:10px;padding:24px 24px 20px;transition:border-color .3s,box-shadow .3s,background .3s,transform .2s,opacity .4s;position:relative}.exp-card:hover{border-color:var(--accent);transform:perspective(800px)rotateX(2deg)rotateY(-2deg)translateY(-2px);box-shadow:0 0 20px #6b7f4e26,0 4px 20px #6b7f4e14}[data-theme=dark] .exp-card{background:#ffffff05;border:1px solid #ffffff0f}[data-theme=dark] .exp-card:hover{border-color:var(--accent);box-shadow:0 0 24px #a3bf6a1f,0 4px 20px #0003}.exp-card.dim{opacity:.4}.exp-card.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 2px var(--accent)}.proj-metric{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.proj-title{font-family:var(--f-display);color:var(--ink);letter-spacing:-.01em;margin-bottom:2px;font-size:18px;font-weight:700}.proj-context{color:var(--ink-3);margin-bottom:10px;font-size:13px;font-style:italic;line-height:1.5}.proj-oneliner{color:var(--ink-2);margin-bottom:14px;font-size:14px;font-weight:400;line-height:1.55}.proj-oneliner strong{color:var(--ink);font-weight:600}.proj-highlights{flex-direction:column;gap:4px;margin:0 0 14px;padding:0;list-style:none;display:flex}.proj-highlights li{color:var(--ink-2);padding-left:14px;font-size:13px;line-height:1.5;position:relative}.proj-highlights li:before{content:"–";color:var(--accent-mid);position:absolute;left:0}.proj-highlights li strong{color:var(--ink);font-weight:600}.proj-tech{flex-wrap:wrap;gap:4px;display:flex}.tech-pill{font-family:var(--f-mono);background:var(--accent-light);color:var(--accent);cursor:default;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:500;transition:background .25s,color .25s,opacity .25s,transform .15s}.tech-pill:hover{transform:translateY(-1px)}.tech-pill.dim{opacity:.3}.tech-pill.highlight{background:var(--accent-strong);color:var(--on-accent)}.proj-link{font-family:var(--f-mono);color:var(--accent);margin-top:14px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.proj-link:hover{opacity:.75}.open-source-note{color:var(--ink-2);margin-top:28px;font-size:13px;font-style:italic}.open-source-note a{color:var(--accent);text-decoration:none}.open-source-note a:hover{text-decoration:underline}.skill-filter{top:calc(var(--sat) + 3px + 52px);z-index:20;background:var(--bg);margin-bottom:32px;padding:10px 0;position:sticky}.skill-filter-toggle{display:none}.skill-filter-scroll{flex-wrap:wrap;gap:6px;display:flex}.skill-filter-tag{font-family:var(--f-mono);background:var(--paper);color:var(--ink);border:1.5px solid var(--ink-3);cursor:pointer;user-select:none;border-radius:100px;align-items:center;min-height:32px;padding:6px 14px;font-size:12px;font-weight:600;transition:border-color .25s,background .25s,color .25s,opacity .4s,transform .15s,box-shadow .25s;display:inline-flex}.skill-filter-tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #6b7f4e1f}.skill-filter-tag.active{border-color:var(--accent);background:var(--accent-strong);color:var(--on-accent);box-shadow:0 2px 8px #6b7f4e33}.skill-filter-tag.dim{opacity:.35}.skill-filter-tag.hide{display:none}.skill-filter-clear{border-color:var(--accent);background:var(--accent-strong);color:var(--on-accent);box-shadow:0 2px 8px #6b7f4e33}.skill-filter-clear svg{width:16px;height:16px}.faq-list{flex-direction:column;gap:2px;max-width:700px;margin:0 auto;display:flex}.faq-q{color:var(--ink);cursor:default;font-size:15px;font-weight:500;font-family:var(--f-mono);letter-spacing:.02em;padding:16px 4px 4px}.faq-a{color:var(--ink-2);border-bottom:1px solid var(--rule);margin:0;padding:0 4px 16px;font-size:15px;line-height:1.6}.faq-a:last-of-type{border-bottom:none}.contact-layout{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.contact-statement{font-family:var(--f-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:20px;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.2}.contact-para{color:var(--ink-2);font-size:15px;font-weight:400;line-height:1.7}.contact-links{flex-direction:column;gap:14px;display:flex}.contact-item{border:1px solid var(--rule);background:var(--paper);border-radius:8px;align-items:center;gap:16px;padding:16px 20px;transition:border-color .3s,transform .2s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #0000000a}.contact-item:hover{border-color:var(--accent);transform:perspective(800px)rotateX(1deg)rotateY(-1deg)translateY(-2px);box-shadow:0 0 20px #6b7f4e1f,0 6px 20px #6b7f4e14}[data-theme=dark] .contact-item{background:#ffffff05;border:1px solid #ffffff0f;box-shadow:0 2px 8px #00000026}[data-theme=dark] .contact-item:hover{box-shadow:0 0 24px #a3bf6a1a,0 6px 20px #0003}.contact-icon-wrap{background:var(--accent-light);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.contact-icon-wrap svg{width:16px;height:16px;stroke:var(--accent);stroke-width:2px;fill:none;transition:stroke .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.contact-item:hover .contact-icon-wrap svg{transform:scale(1.1)}.contact-label{font-family:var(--f-mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:12px}.contact-val{color:var(--ink);font-size:14px;font-weight:400}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.contact-cta-primary{font-family:var(--f-mono);letter-spacing:.04em;background:var(--accent-strong);color:var(--on-accent);border-radius:100px;align-items:center;gap:8px;min-height:44px;padding:12px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:background .3s,transform .2s,box-shadow .3s;display:inline-flex}.contact-cta-primary:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 6px 20px #6b7f4e33}[data-theme=dark] .contact-cta-primary:hover{background:var(--accent-strong);color:var(--on-accent)}.contact-cta-primary:active{transform:translateY(0)}.contact-cta-secondary{font-family:var(--f-mono);letter-spacing:.04em;border:1.5px solid var(--rule);color:var(--ink-2);border-radius:100px;align-items:center;min-height:44px;padding:12px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .3s,color .3s,transform .2s;display:inline-flex}.contact-cta-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.about-layout{grid-template-columns:1fr 280px;align-items:start;gap:48px;display:grid}.about-para{color:var(--ink-2);margin-bottom:20px;font-size:16px;line-height:1.72}.about-para:last-child{margin-bottom:0}.about-para strong{color:var(--ink);font-weight:500}.about-sidebar{flex-direction:column;gap:24px;padding-top:8px;display:flex}.about-fact{border-left:3px solid var(--accent);padding-left:20px}.about-fact-val{color:var(--ink);font-size:22px;font-weight:600;font-family:var(--f-display)}.about-fact-label{color:var(--ink-3);font-size:13px;font-weight:500;font-family:var(--f-mono);letter-spacing:.04em;margin-top:4px}.latest-blogs-viewall{color:var(--accent);margin-top:20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.latest-blogs-viewall:hover{text-decoration:underline}.blog-congrats{margin-top:24px}.congrats-inner{background:var(--bg-warm);border:1px solid var(--rule);border-radius:8px;align-items:center;gap:12px;padding:14px 20px;display:flex}.congrats-icon{width:28px;height:28px;color:var(--on-accent);background:#2d8a4e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.congrats-text{color:var(--ink-2);margin:0;font-size:14px}.blog-notify{bottom:calc(var(--sab) + 24px);z-index:250;max-width:380px;position:fixed;right:24px}.notify-inner{background:var(--paper);border:1px solid var(--accent-mid);border-radius:8px;align-items:center;gap:12px;padding:14px 20px;display:flex;box-shadow:0 8px 24px #00000014}.notify-text{color:var(--ink-2);flex:1;margin:0;font-size:13px}.notify-link{font-family:var(--f-mono);color:var(--accent);white-space:nowrap;font-size:12px;font-weight:600;text-decoration:none}.notify-link:hover{text-decoration:underline}.notify-close{color:var(--ink-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.notify-close:hover{color:var(--ink)}@media (width<=700px){#hero{padding:112px 1.25rem 60px}.hero-head{text-align:center;flex-direction:column-reverse;align-items:center;gap:24px}.hero-kicker{justify-content:center}.hero-profile-img{width:180px;height:180px}.hero-body{grid-template-columns:1fr}.hero-actions{justify-content:center}.exp-grid{grid-template-columns:1fr}.skill-filter{top:calc(var(--sat) + 3px + 96px);margin-left:-1.25rem;margin-right:-1.25rem;padding:8px 1.25rem}.skill-filter-toggle{font-family:var(--f-mono);background:var(--paper);min-height:44px;color:var(--ink);border:1.5px solid var(--ink-3);cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.skill-filter-toggle:hover{border-color:var(--accent);color:var(--accent)}.skill-filter-toggle svg{width:16px;height:16px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.skill-filter.open .skill-filter-toggle svg{transform:rotate(180deg)}.skill-filter-scroll{margin-top:10px;display:none}.skill-filter.open .skill-filter-scroll{flex-wrap:wrap;display:flex}.contact-layout,.about-layout{grid-template-columns:1fr}}.googleTagManager[data-astro-cid-lcdefpme]{visibility:hidden;display:none}
