@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9f4f9187-module__4LtYgq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9f4f9187-module__4LtYgq__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@layer base{:root{--bg:#faf8f3;--bg2:#edeae3;--fg:#1a1a1a;--fg2:#6b6b6b;--line:#1a1a1a1a;--line2:#1a1a1a;--grid:#1a1a1a12;--num:#1a1a1a0d}.dark{--bg:#1a1a1a;--bg2:#242424;--fg:#faf8f3;--fg2:#a0a0a0;--line:#faf8f31a;--line2:#faf8f3;--grid:#faf8f312;--num:#faf8f30a}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-outfit), system-ui, sans-serif;min-height:100vh}::selection{background:var(--fg);color:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}}nav{z-index:50;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(16px)}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--fg);letter-spacing:.02em;cursor:pointer;align-items:center;height:24px;font-size:15px;font-weight:600;display:flex;position:relative}.logo-spacer{flex-shrink:0;width:120px;height:24px;transition:width .7s cubic-bezier(.4,0,.2,1);display:inline-block}nav.scrolled .logo-spacer{width:40px}.logo-full{white-space:nowrap;opacity:1;letter-spacing:.02em;transition:opacity .7s,letter-spacing .7s;position:absolute;left:0}nav.scrolled .logo-full{opacity:0;letter-spacing:.06em}.logo-bg{white-space:nowrap;opacity:0;letter-spacing:.08em;transition:opacity .7s,letter-spacing .7s;position:absolute;left:0}nav.scrolled .logo-bg{opacity:1;letter-spacing:.02em}.logo-dot{background:var(--fg);opacity:0;border-radius:50%;width:4px;height:4px;transition:left .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1),opacity .7s;position:absolute;top:50%;left:34px;transform:translateY(-50%)scale(0)}nav.scrolled .logo-dot{opacity:1;left:30px;transform:translateY(-50%)scale(1)}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{color:var(--fg2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:400;transition:color .15s,background .15s;position:relative}.nav-link:hover,.nav-link.active{color:var(--fg);background:var(--bg2)}.nav-link.active:after{content:"";background:var(--fg);border-radius:1px;height:2px;position:absolute;bottom:4px;left:14px;right:14px}.theme-toggle{border:1px solid var(--line2);width:34px;height:34px;color:var(--fg);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;font-family:inherit;font-size:16px;display:flex}.theme-toggle:hover{background:var(--bg2)}.theme-toggle:active{transform:scale(.88)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:8px;padding:6px;display:none}.hamburger span{background:var(--fg);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:49;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 24px 24px;display:none;position:fixed;top:64px;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--fg2);border-bottom:1px solid var(--line);padding:12px 0;font-size:16px;font-weight:400;text-decoration:none}.mobile-menu a:last-of-type{border-bottom:none}.mobile-menu a:hover{color:var(--fg)}.mobile-footer{justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;display:flex}.mobile-footer .theme-indicator{color:var(--fg2);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}@media (max-width:640px){.nav-links{display:none}.hamburger{display:flex}}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(64px)}}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(to bottom,var(--grid) 1px,transparent 1px),linear-gradient(to right,var(--grid) 1px,transparent 1px);pointer-events:none;z-index:0;background-size:56px 56px;width:120%;height:calc(100% + 128px);animation:7s linear infinite gridDrift;position:absolute;inset:-64px -10%}.hero-grid:after{content:"";background:radial-gradient(ellipse 75% 85% at 38% 50%,transparent 15%,var(--bg) 72%);position:absolute;inset:0}.hero-content{z-index:1;width:100%;max-width:960px;margin:0 auto;padding:0 24px;position:relative}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg2);opacity:0;margin-bottom:28px;font-size:12px;font-weight:500;transition:opacity .6s,transform .6s;transform:translateY(18px)}.hero h1{letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(3.5rem,9vw,6.5rem);font-weight:700;line-height:1}.hero-desc{color:var(--fg2);max-width:500px;margin-bottom:44px;font-size:17px;font-weight:300;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{background:var(--fg);color:var(--bg);letter-spacing:.03em;cursor:pointer;border:none;border-radius:4px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-block}.btn-primary:hover{opacity:.82}.btn-primary:active{transform:scale(.94)}.btn-secondary{color:var(--fg);border:1px solid var(--line2);cursor:pointer;background:0 0;border-radius:4px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:400;text-decoration:none;transition:background .15s,transform .1s;display:inline-block}.btn-secondary:hover{background:var(--bg2)}.btn-secondary:active{transform:scale(.94)}.section{border-bottom:1px solid var(--line);max-width:960px;margin:0 auto;padding:80px 24px;position:relative;overflow:hidden}.section-bg-num{color:var(--num);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.05em;z-index:0;opacity:0;font-size:180px;font-weight:700;line-height:1;transition:opacity .9s,transform .9s;position:absolute;top:-10px;left:16px;transform:translateY(12px)}.section-bg-num.visible{opacity:1;transform:translateY(0)}.section-inner{z-index:1;position:relative}.section-number{color:var(--fg2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:500}.section h2{letter-spacing:-.02em;margin-bottom:36px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.1}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (max-width:640px){.about-grid{grid-template-columns:1fr;gap:32px}}.about-bio p{color:var(--fg2);margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.85}.about-bio p:last-child{margin-bottom:0}.skills-grid{background:var(--line);border:1px solid var(--line);border-radius:4px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.skill-cell{background:var(--bg);flex-direction:column;gap:6px;padding:18px 16px;display:flex}.skill-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);font-size:10px;font-weight:500}.skill-value{color:var(--fg);font-size:14px;font-weight:500}.project-grid{background:var(--line);border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;display:grid;overflow:hidden}.project-card{background:var(--bg);color:inherit;flex-direction:column;gap:10px;padding:28px 24px;text-decoration:none;transition:background .15s;display:flex}.project-card:hover{background:var(--bg2);outline:1px solid var(--line2)}.project-card:hover .card-arrow{color:var(--fg);transform:translate(8px)}.card-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);font-size:10px;font-weight:500}.card-title{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.3}.card-desc{color:var(--fg2);font-size:13px;font-weight:300;line-height:1.65}.tech-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tech-tag{color:var(--fg2);border:1px solid var(--line);border-radius:3px;padding:2px 8px;font-size:11px;font-weight:400}.card-arrow{color:var(--fg2);margin-top:auto;padding-top:8px;font-size:13px;transition:transform .25s,color .25s}.contact-row{background:var(--line);border:1px solid var(--line);border-radius:4px;gap:1px;display:flex;overflow:hidden}.contact-item{background:var(--bg);color:inherit;flex:1;padding:24px;text-decoration:none;transition:background .15s}.contact-item:hover{background:var(--bg2)}.contact-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);margin-bottom:6px;font-size:10px;font-weight:500}.contact-value{font-size:14px;font-weight:500}@media (max-width:480px){.contact-row{flex-direction:column}}.footer-inner{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:32px 24px;display:flex}.footer-left{flex-direction:column;gap:4px;display:flex}.footer-left span{color:var(--fg2);font-size:12px;font-weight:400}.footer-right{align-items:center;gap:16px;display:flex}.footer-right a{color:var(--fg2);font-size:12px;font-weight:400;text-decoration:none}.footer-right a:hover{color:var(--fg)}.theme-indicator{color:var(--fg2);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}