:root{--bg:#080808;--bg2:#0d0d0d;--white:#f0ece4;--muted:#8a8278;--accent:#c8922a;--accent2:#b84c2a;--line:#f0ece414;--font-display:"Bebas Neue", sans-serif;--font-body:"Fraunces", serif;--font-mono:"DM Mono", monospace;--ease-smooth:cubic-bezier(.32, .72, 0, 1);--noise-opacity:.4;--nav-bg:#080808bf;--nav-border:#f0ece414;--card-bg:#0d0d0df2;--card-bg2:#f0ece404;--card-hover-bg:#c8922a04;--card-shadow:0 8px 40px #0000004d;--skill-card-bg:#f0ece404;--hero-overlay:linear-gradient(135deg, #08080899, #0808081a 50%, #080808b3);--icon-bg:#0003}[data-theme=light]{--bg:#f8f6f1;--bg2:#efede8;--white:#1a1a1a;--muted:#6b655a;--line:#0000001a;--noise-opacity:.12;--nav-bg:#f8f6f1d1;--nav-border:#0000000f;--card-bg:#f8f6f1eb;--card-bg2:#00000005;--card-hover-bg:#c8922a08;--card-shadow:0 8px 40px #00000014;--skill-card-bg:#00000005;--hero-overlay:linear-gradient(135deg, #f8f6f1d9, #f8f6f14d 50%, #f8f6f1e6);--icon-bg:#0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--white);font-family:var(--font-body);overflow-x:hidden}::selection{color:var(--white);background:#c8922a4d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent)}body:before{content:"";z-index:9999;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}.skip-link{z-index:100000;background:var(--accent);color:var(--bg);font:.7rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase;padding:.5rem 1rem;text-decoration:none;position:fixed;top:-100%;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.navbar-link:focus-visible,.theme-toggle:focus-visible,.hero-cta:focus-visible,.hero-link:focus-visible,.project-link:focus-visible,.contact-link:focus-visible,.contact-btn:focus-visible,.blog-filter-btn:focus-visible,.blog-search:focus-visible,.contact-input:focus-visible,.card:focus-visible,.skill-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.theme-toggle:active{transform:scale(.92)}.navbar-link:active{opacity:.6}.project-card:active,.card:active{transform:scale(.99)}.skill-card:active{transform:scale(.98)}.section{padding:8rem 3rem;scroll-margin-top:5rem}.section-alt{background:var(--bg2)}.section-divider{border-top:1px solid var(--line)}.section-divider-both{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-header{margin-bottom:4rem}.section-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;font-size:clamp(3rem,6vw,7rem);font-weight:600;line-height:1}.nav-wrap{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;padding-top:1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar{pointer-events:auto;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--nav-border);border-radius:100px;align-items:center;gap:2.5rem;padding:.6rem 1.5rem;display:flex;box-shadow:0 4px 24px #0000001f,0 1px 2px #0000000f}[data-theme=light] .navbar{box-shadow:0 4px 20px #0000000f,0 1px 2px #0000000a}.navbar-brand{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;font-size:.65rem}.nav-group{align-items:center;gap:1.5rem;display:flex}.navbar-links{gap:1.5rem;list-style:none;display:flex}.navbar-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;transition:color .3s var(--ease-smooth);white-space:nowrap;font-size:.68rem;text-decoration:none;position:relative}.navbar-link:hover{color:var(--white)}.navbar-link.active{color:var(--accent)}.navbar-link.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-divider{background:var(--line);flex-shrink:0;width:1px;height:16px}.hamburger{color:var(--muted);cursor:pointer;transition:color .3s var(--ease-smooth);background:0 0;border:none;border-radius:4px;padding:.2rem;display:none}.hamburger:hover{color:var(--white)}.theme-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;width:28px;height:28px;transition:color .3s var(--ease-smooth), border-color .3s var(--ease-smooth);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:flex}.theme-toggle:hover{color:var(--white);border-color:var(--accent)}.nav-mobile{pointer-events:auto;border:1px solid var(--nav-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-top:none;border-radius:0 0 16px 16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 4px 24px #0000001f}.nav-mobile-links{flex-direction:column;gap:.3rem;padding:.5rem 1.5rem 1rem;list-style:none;display:flex}.nav-mobile-links .navbar-link{padding:.5rem 0;font-size:.85rem;display:block}.hero{flex-direction:column;justify-content:center;min-height:100dvh;padding:0 3rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg:before{content:"";background:radial-gradient(at 25% 45%,#c8922a12,#0000 55%),radial-gradient(at 70% 55%,#b84c2a0a,#0000 45%);position:absolute;inset:0}.hero-bg:after{content:"";background:var(--hero-overlay);position:absolute;inset:0}.hero-content{z-index:2;max-width:900px;position:relative}.hero-location{font-family:var(--font-mono);color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem;font-size:.65rem}.hero-headline{font-family:var(--font-display);color:var(--white);letter-spacing:-.03em;font-size:clamp(3.5rem,9vw,9rem);font-weight:700;line-height:.9}.hero-headline em{color:var(--accent);font-style:normal}.hero-tagline{font-family:var(--font-mono);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-top:1.5rem;font-size:.75rem}.hero-actions{align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.hero-cta{font-family:var(--font-mono);color:var(--white);letter-spacing:.2em;text-transform:uppercase;background:var(--accent);transition:background .4s var(--ease-smooth), transform .2s var(--ease-smooth);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem .6rem .6rem 1.5rem;font-size:.65rem;text-decoration:none;display:inline-flex}.hero-cta:hover{background:#dba239}.hero-cta:active{transform:scale(.97)}.hero-cta-icon{background:var(--icon-bg);width:2rem;height:2rem;transition:transform .3s var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.hero-cta:hover .hero-cta-icon{transform:translate(2px)scale(1.05)}.hero-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;transition:color .3s var(--ease-smooth);font-size:.65rem;text-decoration:none}.hero-link:hover{color:var(--white)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid}.about-sticky{position:sticky;top:30vh}.about-big-number{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #c8922a33;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,12vw,14rem);font-weight:700;line-height:1}.about-big-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin-top:1rem;font-size:.6rem}.about-body{padding-top:4rem}.about-text{font-family:var(--font-body);color:var(--white);margin-bottom:2.5rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;line-height:1.6}.about-clip-wrap{overflow:hidden}.dual-grid{grid-template-columns:1fr 1px 1fr;align-items:start;gap:4rem;display:grid}.dual-vr{background:var(--line);height:100%;min-height:400px}.dual-pin-section{min-height:150vh}.dual-pin{position:sticky;top:25vh}.dual-badge{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;border:1px solid;border-radius:4px;margin-bottom:1rem;padding:.25rem .7rem;font-size:.55rem;display:inline-block}.dual-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:600;line-height:1}.dual-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.dual-item{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;align-items:flex-start;gap:.6rem;font-size:.72rem;line-height:1.5;display:flex}.dual-arrow{flex-shrink:0;margin-top:.1em}.card{border:1px solid var(--line);cursor:default;transition:border-color .3s var(--ease-smooth), background .3s var(--ease-smooth), box-shadow .4s var(--ease-smooth);border-radius:16px;padding:2.5rem}.card:hover{background:var(--card-hover-bg);box-shadow:var(--card-shadow);border-color:#c8922a26}.card-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin-bottom:.6rem;font-size:1.5rem;font-weight:600}.card-desc{font-family:var(--font-body);color:var(--muted);font-size:.85rem;font-weight:300;line-height:1.6}.card-grid{gap:1rem;display:grid}.card-grid-2{grid-template-columns:1fr 1fr}.card-grid-asymmetric{grid-template-columns:1.5fr 1fr 1fr}.card-outlined-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #c8922a40;margin-bottom:.6rem;font-size:2.5rem;font-weight:600;line-height:1}.card-tag{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;font-size:.5rem}.card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.card-company{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.4rem;font-size:.6rem}.card-role{font-family:var(--font-display);color:var(--white);margin-bottom:.4rem;font-size:1.5rem;font-weight:600}.card-period{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;margin-bottom:1.2rem;font-size:.55rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;display:grid}.skill-card{border:1px solid var(--line);background:var(--skill-card-bg);cursor:default;transition:border-color .3s var(--ease-smooth), background .3s var(--ease-smooth), transform .3s var(--ease-smooth);border-radius:12px;padding:1.2rem}.skill-card:hover{background:var(--card-hover-bg);border-color:#c8922a40;transform:translateY(-3px)scale(1.01)}.skill-category{font-family:var(--font-mono);color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin-bottom:.6rem;font-size:.5rem}.skill-name{font-family:var(--font-mono);color:var(--white);font-size:.85rem;font-weight:500}.projects-bento{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.project-card{border:1px solid var(--line);background:var(--card-bg);cursor:default;transition:border-color .3s var(--ease-smooth), box-shadow .4s var(--ease-smooth);border-radius:16px;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.project-card:hover{border-color:#c8922a33;box-shadow:0 8px 48px #00000059}.project-card.featured{grid-column:1/-1}.project-name{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin-bottom:.6rem;font-size:clamp(1.3rem,1.8vw,1.8rem);font-weight:600;line-height:1}.project-desc{font-family:var(--font-body);color:var(--muted);flex-grow:1;margin-bottom:1rem;font-size:.8rem;line-height:1.6}.project-link{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;transition:gap .3s var(--ease-smooth);align-items:center;gap:.4rem;font-size:.55rem;text-decoration:none;display:inline-flex}.project-link:hover{gap:.8rem}.status-live{color:#4ade80;border:1px solid #4ade8040}.status-progress{color:var(--accent);border:1px solid #c8922a40}.status-local{color:#7dd3fc;border:1px solid #7dd3fc40}.status-open-source{color:var(--muted);border:1px solid var(--line)}.status-badge{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;border-radius:4px;margin-bottom:.8rem;padding:.2rem .55rem;font-size:.5rem;display:inline-block}.blog-grid{flex-direction:column;gap:2rem;max-width:820px;display:flex}.blog-post{border:1px solid var(--line);background:var(--card-bg2);transition:border-color .3s var(--ease-smooth);border-radius:16px;padding:2rem}.blog-post:hover{border-color:#c8922a26}.blog-meta{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.blog-date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;font-size:.55rem}.blog-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border:1px solid #c8922a33;border-radius:4px;padding:.15rem .5rem;font-size:.5rem}.blog-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin-bottom:.8rem;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:600;line-height:1.1}.blog-body{font-family:var(--font-body);color:var(--muted);font-size:.85rem;font-weight:300;line-height:1.7}.blog-body p{margin-bottom:.8rem}.blog-body strong{color:var(--white);font-weight:500}.blog-body code{font-family:var(--font-mono);background:var(--bg2);border:1px solid var(--line);border-radius:4px;padding:.1rem .3rem;font-size:.75rem}.blog-body a{color:var(--accent);transition:border-color .3s var(--ease-smooth);border-bottom:1px solid #0000;text-decoration:none}.blog-body a:hover{border-color:var(--accent)}.blog-controls{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.blog-search-wrap{max-width:320px}.blog-search{font-family:var(--font-mono);color:var(--white);border:1px solid var(--line);letter-spacing:.04em;width:100%;transition:border-color .3s var(--ease-smooth);background:0 0;border-radius:100px;outline:none;padding:.5rem .8rem;font-size:.7rem}.blog-search:focus{border-color:var(--accent)}.blog-search::placeholder{color:var(--muted)}.blog-filter{flex-wrap:wrap;gap:.5rem;display:flex}.blog-filter-btn{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:color .3s var(--ease-smooth), border-color .3s var(--ease-smooth);background:0 0;border-radius:100px;padding:.3rem .8rem;font-size:.55rem}.blog-filter-btn:hover{color:var(--white);border-color:var(--accent)}.blog-filter-btn.active{color:var(--accent);border-color:var(--accent);background:var(--card-hover-bg)}.blog-empty{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;padding:2rem 0;font-size:.7rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-headline{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;margin-bottom:2.5rem;font-size:clamp(2.5rem,6vw,7rem);font-weight:700;line-height:.95}.contact-links{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.contact-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--line);transition:color .3s var(--ease-smooth), border-color .3s var(--ease-smooth);align-items:center;gap:.5rem;padding-bottom:.4rem;font-size:.65rem;text-decoration:none;display:flex}.contact-link:hover{color:var(--accent);border-color:var(--accent)}.contact-form{border:1px solid var(--line);background:var(--card-bg2);border-radius:16px;padding:2rem}.contact-form-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.55rem}.contact-input{font-family:var(--font-mono);color:var(--white);border:1px solid var(--line);transition:border-color .3s var(--ease-smooth);letter-spacing:.04em;background:0 0;border-radius:8px;outline:none;width:100%;padding:.7rem 1rem;font-size:.7rem}.contact-input:focus{border-color:var(--accent)}.contact-btn{font-family:var(--font-mono);color:var(--white);letter-spacing:.2em;text-transform:uppercase;background:var(--accent);cursor:pointer;transition:background .3s var(--ease-smooth), transform .2s var(--ease-smooth);border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.65rem;display:inline-flex}.contact-btn:hover:not(:disabled){background:#dba239}.contact-btn:active:not(:disabled){transform:scale(.97)}.contact-btn:disabled{opacity:.5;cursor:default}.contact-form-fields{flex-direction:column;gap:1rem;display:flex}.contact-bg-text{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #f0ece409;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(4rem,12vw,15rem);font-weight:700;line-height:.9;position:absolute;bottom:0;left:-2%}.contact-success{font-family:var(--font-mono);color:#4ade80;letter-spacing:.04em;font-size:.6rem}.contact-error{font-family:var(--font-mono);color:#ef4444;letter-spacing:.04em;font-size:.6rem}.contact-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:3rem;padding-top:3rem;display:flex}.contact-footer-text{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;font-size:.55rem}.activity-wrap{flex-direction:column;gap:1.5rem;max-width:720px;display:flex;position:relative}.activity-rail{background:linear-gradient(to bottom, var(--accent), var(--accent2), transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.activity-row{grid-template-columns:1rem auto 1fr;align-items:start;gap:1rem;display:grid;position:relative}.activity-dot{background:var(--accent);width:.6rem;height:.6rem;box-shadow:0 0 0 3px var(--bg2);border-radius:50%;margin-top:.35rem;position:relative;left:-.2rem}.activity-date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;white-space:nowrap;min-width:6rem;padding-top:.25rem;font-size:.6rem}.activity-card{border:1px solid var(--line);background:var(--card-bg2);transition:border-color .3s var(--ease-smooth);border-radius:12px;padding:1.2rem 1.5rem}.activity-card:hover{border-color:#c8922a26}.activity-meta{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.activity-project{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;font-size:.85rem;font-weight:600}.activity-phase{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:.55rem}.activity-desc{font-family:var(--font-body);color:var(--muted);font-size:.78rem;font-weight:300;line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=768px){.section,.section-alt{padding:5rem 1.5rem!important}.hero{padding:0 1.5rem;min-height:100dvh!important}.hero-actions{flex-direction:column!important;align-items:flex-start!important}.navbar{justify-content:space-between;width:calc(100% - 2rem);max-width:400px;gap:.6rem!important;padding:.5rem 1rem!important}.nav-group{display:none!important}.hamburger{display:flex!important}.about-grid{grid-template-columns:1fr!important;gap:2rem!important}.about-sticky{align-items:center;gap:1rem;display:flex;position:static!important}.card-grid-2,.card-grid-asymmetric{grid-template-columns:1fr!important}.dual-grid{grid-template-columns:1fr!important;gap:2rem!important}.dual-vr{display:none!important}.contact-grid{grid-template-columns:1fr!important;gap:2rem!important}.projects-bento{grid-template-columns:1fr!important}}