*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--bg: #141414;--bg-soft: #1a1a1a;--surface: rgba(30, 30, 30, .95);--surface-strong: rgba(38, 38, 38, .98);--text: #e8e4dc;--muted: #8a8680;--accent: #e8a838;--accent-strong: #d49520;--accent-muted: rgba(232, 168, 56, .45);--accent-dim: rgba(232, 168, 56, .08);--success: #4ade80;--border: rgba(138, 134, 128, .2);--border-strong: rgba(138, 134, 128, .4);--grid: rgba(232, 168, 56, .04);--vignette: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,.6) 100%);--mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius: 0;--header-bg: rgba(20, 20, 20, .9);--surface-input: rgba(0, 0, 0, .2)}[data-theme=light]{color-scheme:light;--bg: #f5f2ed;--bg-soft: #eae6df;--surface: rgba(255, 255, 255, .95);--surface-strong: rgba(255, 255, 255, .98);--text: #1a1a1a;--muted: #6b6560;--accent: #b87a20;--accent-strong: #9a6518;--accent-muted: rgba(184, 122, 32, .5);--accent-dim: rgba(184, 122, 32, .08);--success: #16a34a;--border: rgba(107, 101, 96, .2);--border-strong: rgba(107, 101, 96, .35);--grid: rgba(184, 122, 32, .06);--vignette: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,.08) 100%);--header-bg: rgba(245, 242, 237, .9);--surface-input: rgba(0, 0, 0, .04)}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;position:relative;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6,.button,.brand-mark{font-family:Space Grotesk,system-ui,-apple-system,sans-serif}.eyebrow,.tag,.stat-value,.stat-label,.profile-meta,.project-meta,.timeline-time,.contact-label,.form-label,.footer-sys,.project-link{font-family:var(--mono)}body.menu-open{overflow:hidden}body:before{content:"";position:fixed;inset:-100px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:160px 160px;opacity:.6;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background:var(--vignette);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.skip-link{position:absolute;top:-100%;left:1rem;z-index:999;padding:.5rem 1rem;background:var(--accent);color:#141414;font-family:var(--mono);font-size:.8rem;font-weight:600;border-radius:0}.skip-link:focus{top:.5rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}section[id]{scroll-margin-top:80px}img{max-width:100%;display:block}main{display:flex;flex-direction:column;gap:5rem}.container{width:min(1120px,90%);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border-strong);transition:background-color .2s ease,border-color .2s ease}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;letter-spacing:.02em}.brand-mark{width:40px;height:40px;border-radius:0;display:grid;place-items:center;background:var(--accent);color:#141414;font-weight:700;font-size:.85rem}.nav-links{display:flex;gap:1.5rem;font-size:.9rem;color:var(--muted);align-items:center;font-family:var(--mono)}.nav-links a{position:relative;padding:.25rem 0;letter-spacing:.02em}.nav-index{display:none}.nav-links a:after{content:"";position:absolute;left:0;bottom:-.2rem;width:0;height:2px;background:var(--accent);transition:width .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.button.nav-cta{font-size:.8rem;white-space:nowrap;padding:.4rem .8rem;border-radius:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--muted);cursor:pointer;transition:.15s ease}.theme-toggle:hover{border-color:var(--accent-muted);color:var(--accent)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border:1px solid var(--border);border-radius:0;background:transparent;cursor:pointer;z-index:30}.hamburger span{display:block;width:100%;height:2px;background:var(--accent);transition:.25s ease}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:3rem;align-items:center;padding-top:3rem}.hero-content h1{font-size:clamp(2rem,5vw + 1rem,3.8rem);line-height:1.1;margin:0 0 1.5rem}.eyebrow{font-size:.85rem;color:var(--accent);font-weight:500;margin:0 0 .5rem}.lead{font-size:1.1rem;color:var(--muted);line-height:1.8;margin-bottom:1.75rem}.cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.button{padding:.7rem 1.6rem;border-radius:0;border:1px solid var(--border-strong);font-weight:600;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;transition:.15s ease,background-color .2s ease,border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.button.primary{background:var(--accent);color:#141414;border-color:var(--accent-strong)}.button.primary:hover{background:var(--accent-strong)}.button.ghost{border-color:var(--border-strong);color:var(--muted);background:var(--surface)}.button.ghost:hover{border-color:var(--accent-muted);color:var(--accent)}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag{padding:.25rem .6rem;border-radius:0;font-size:.65rem;font-family:var(--mono);color:var(--muted);border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase}.hero-panel{display:grid;gap:1.5rem}.profile-card{background:var(--surface);padding:1.8rem;border-radius:0;border:1px solid var(--border-strong);display:grid;gap:1.5rem;transition:background-color .2s ease,border-color .2s ease}.profile-card h2{margin:.2rem 0 .6rem}.profile-photo{border-radius:0;overflow:hidden;border:1px solid var(--border-strong);background:var(--surface-strong);aspect-ratio:1 / 1}.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-role{color:var(--accent);font-weight:600;font-family:var(--mono);font-size:.9rem}.profile-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.8rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{background:var(--surface);border-radius:0;border:1px solid var(--border);border-top:2px solid var(--accent);padding:1rem;transition:background-color .2s ease,border-color .2s ease}.stat-value{font-size:1.4rem;font-weight:600;margin:0;color:var(--accent);font-variant-numeric:tabular-nums}.stat-label{margin:.3rem 0 0;color:var(--muted);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.section{padding:1rem 0}.section-header{max-width:760px;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.section-header.compact{margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{margin:.5rem 0 1rem;font-size:clamp(1.8rem,1.5vw + 1.2rem,2.6rem)}.section-subtitle{color:var(--muted);line-height:1.7}.skills-grid,.projects-grid{display:grid;gap:1.25rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.skill-card,.project-card,.timeline-item,.contact-card{background:var(--surface);border-radius:0;border:1px solid var(--border);padding:1.5rem;transition:background-color .2s ease,border-color .2s ease}.skill-card h3{margin:0 0 .75rem;line-height:1.3;font-size:1rem}.skill-card-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.skill-card-head h3{margin:0}.skill-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:0;color:var(--accent);background:var(--surface-input);flex-shrink:0}.skill-icon svg{width:18px;height:18px}.skill-card ul{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.9;font-size:.9rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.project-card{display:flex;flex-direction:column;gap:.75rem}.project-meta{font-size:.78rem;color:var(--muted);display:flex;gap:.5rem;align-items:center;letter-spacing:.04em}.project-impact{font-weight:600;color:var(--text)}.project-link{align-self:flex-start;padding:.35rem .8rem;border-radius:0;border:1px solid var(--border);color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:.15s ease}.project-thumbnail{position:relative;border-radius:0;overflow:hidden;cursor:pointer;border:1px solid var(--border);aspect-ratio:16 / 10;margin-bottom:.5rem;transition:border-color .15s ease}.project-thumbnail:hover{border-color:var(--accent-muted)}.project-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-thumbnail:hover img{transform:scale(1.03)}.photo-count{position:absolute;bottom:.5rem;right:.5rem;padding:.2rem .5rem;background:#000000b3;color:var(--text);font-size:.7rem;border-radius:0}.project-specs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:70px 1fr;column-gap:.6rem;row-gap:.4rem;font-size:.8rem;line-height:1.5;color:var(--muted);flex-grow:1;align-content:start}.project-specs li{display:contents}.project-spec-label{color:var(--muted);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.project-spec-value{color:var(--text)}.project-link:hover{border-color:var(--accent);color:#141414;background:var(--accent)}.lightbox{position:fixed;inset:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox[hidden]{display:none}.lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:0}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:none;background:#ffffff1a;color:#e8e4dc;cursor:pointer;border-radius:0;display:grid;place-items:center;transition:background .15s ease}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:2rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox[data-single=true] .lightbox-prev,.lightbox[data-single=true] .lightbox-next{display:none}.lightbox-counter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:.8rem;color:#8a8680;background:#00000080;padding:.3rem .8rem;border-radius:0}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem}.timeline{display:grid;gap:0;position:relative}.timeline:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--border-strong)}.timeline .timeline-item{border-radius:0;border:none;border-bottom:1px solid var(--border);background:transparent;padding:1.2rem 0 1.2rem 1.5rem;position:relative}.timeline .timeline-item:after{content:"";position:absolute;left:-4px;top:1.6rem;width:10px;height:10px;background:var(--accent);border-radius:50%;border:2px solid var(--bg)}.timeline-item{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.timeline-item h3{margin:0 0 .25rem;font-size:.95rem}.timeline-item p{margin:0;color:var(--muted);font-size:.9rem}.timeline-time{color:var(--muted);font-size:.78rem;white-space:nowrap;letter-spacing:.04em}.contact-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2rem;align-items:start}.contact-links{display:grid;gap:.75rem}.contact-links a{padding:.8rem 1rem;border-radius:0;border:1px solid var(--border);display:flex;flex-direction:column;gap:.3rem;transition:.15s ease}.contact-links a:hover{border-color:var(--accent-muted)}.contact-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.contact-link-label{display:inline-flex;align-items:center;gap:.55rem}.contact-link-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:0;color:var(--accent);background:var(--surface-input);flex-shrink:0}.contact-link-icon svg{width:14px;height:14px}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-info .contact-links{margin-top:.5rem}.contact-form h3{margin:0 0 1.2rem;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.contact-form-wrap{display:flex;flex-direction:column}.contact-form{border:1px solid var(--border);border-radius:0;padding:1.5rem;background:var(--surface);transition:background-color .2s ease,border-color .2s ease}.contact-form label{display:block;margin-bottom:1rem}.form-label{display:block;font-size:.7rem;font-weight:600;color:var(--muted);margin-bottom:.35rem;letter-spacing:.1em}.contact-form input,.contact-form textarea{width:100%;padding:.7rem .9rem;border-radius:0;border:1px solid var(--border);background:var(--surface-input);color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .2s ease;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-muted);outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a868066;font-family:var(--mono);font-size:.8rem}.contact-form .button{margin-top:.5rem}.form-success{padding:.75rem 1rem;border-radius:0;background:#4ade8014;border:1px solid rgba(74,222,128,.3);color:var(--success);font-size:.85rem;font-family:var(--mono);margin-bottom:1rem}.form-error{padding:.75rem 1rem;border-radius:0;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem;font-family:var(--mono);margin-bottom:1rem}.field-error{display:block;font-size:.75rem;color:#fca5a5;font-family:var(--mono);margin-top:.25rem;min-height:1.2em}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:#ef444480}.currently-card{background:var(--surface);border-radius:0;border:1px solid var(--border);padding:1.5rem;transition:background-color .2s ease,border-color .2s ease}.currently-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.5rem;margin-top:1.5rem}.currently-grid h3{margin:0 0 .75rem;color:var(--accent);font-size:.8rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}.currently-grid ul{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.9;font-size:.9rem}.progress-bar{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.65rem;color:var(--muted);margin-top:.4rem}.progress-track{width:80px;height:6px;background:#0000004d;border:1px solid var(--border);border-radius:0;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:0}.progress-label{letter-spacing:.04em;color:var(--accent-muted)}.scroll-top{position:fixed;bottom:2rem;right:2rem;z-index:20;width:42px;height:42px;border-radius:0;border:1px solid var(--border);background:var(--surface);color:var(--accent);cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{border-color:var(--accent);background:var(--accent);color:#141414}.footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted);font-size:.85rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-sys{font-size:.72rem;letter-spacing:.08em;color:var(--accent-muted);margin:0}@media(max-width:960px){.hamburger{display:flex}.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}body.menu-open .site-header{z-index:30;background:transparent}.nav-links{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:var(--bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:25;font-size:1.1rem;font-weight:600;color:var(--text);padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.nav-links.is-open{opacity:1;transform:translate(0);pointer-events:auto}.nav-links a{color:var(--text)}.nav-links a .nav-index{display:inline;color:var(--accent-muted);font-size:.75rem;margin-right:.5rem;font-weight:400}.nav-links.is-open a{animation:nav-link-in .3s ease both}.nav-links.is-open a:nth-child(1){animation-delay:.05s}.nav-links.is-open a:nth-child(2){animation-delay:.1s}.nav-links.is-open a:nth-child(3){animation-delay:.15s}.nav-links.is-open a:nth-child(4){animation-delay:.2s}.nav-links.is-open a:nth-child(5){animation-delay:.25s}.nav-links.is-open a:nth-child(6){animation-delay:.3s}@keyframes nav-link-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav-links a:after{bottom:-.35rem}.button.nav-cta{margin-top:.5rem;font-size:.8rem}.timeline-item{flex-direction:column;align-items:flex-start}.contact-card{grid-template-columns:1fr}.hero{display:flex;flex-direction:column;gap:2rem}}@media print{.site-header,.scroll-top,body:before,body:after,.nav-cta,.skip-link{display:none!important}body{background:#fff;color:#000;font-size:12pt}.skill-card,.project-card,.timeline-item,.contact-card,.profile-card,.stat-card,.currently-card{background:#fff;border:1px solid #ccc;break-inside:avoid;color:#000}.tag,.project-link{border-color:#999;color:#333}.eyebrow,.profile-role,.project-link{color:#b87a20}.button{border-color:#999;color:#333;background:#f5f5f5}.button.primary{background:#b87a20;color:#fff}.muted,.section-subtitle,.stat-label,.timeline-time,.project-meta,.profile-meta{color:#555}a{color:#b87a20}.contact-form input,.contact-form textarea{border-color:#ccc;background:#fff;color:#333}}