@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#eef3f7;--surface:#f8fafc;--text:#17212b;--muted:#647586;--dim:#7c8b99;--line:#cbd5df;--accent:#5b8db8;--accent-hover:#477ba8;--grid:#5b8db81f;--header-bg:#eef3f7d1;--max-width:1180px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Space Grotesk,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0d151d;--surface:#15212c;--text:#e7edf2;--muted:#9aaaba;--dim:#718293;--line:#293a49;--accent:#79a9d1;--accent-hover:#91b9dd;--grid:#79a9d11f;--header-bg:#0d151dd1}}:root.light{--bg:#eef3f7;--surface:#f8fafc;--text:#17212b;--muted:#647586;--dim:#7c8b99;--line:#cbd5df;--accent:#5b8db8;--accent-hover:#477ba8;--grid:#5b8db81f;--header-bg:#eef3f7d1}:root.dark{--bg:#0d151d;--surface:#15212c;--text:#e7edf2;--muted:#9aaaba;--dim:#718293;--line:#293a49;--accent:#79a9d1;--accent-hover:#91b9dd;--grid:#79a9d11f;--header-bg:#0d151dd1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,a{font:inherit}::selection{background:var(--accent);color:var(--bg)}.section{width:min(var(--max-width), 90vw);border-bottom:1px solid var(--line);margin:0 auto;padding:130px 0}.section-label{color:var(--dim);letter-spacing:.14em;margin-bottom:55px;font-family:DM Mono,monospace;font-size:.7rem}.eyebrow{color:var(--accent);letter-spacing:.14em;font-family:DM Mono,monospace;font-size:.7rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(35px)}.reveal.visible{opacity:1;transform:translateY(0)}.project-reveal{height:100%}@keyframes hero-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero>*,.reveal{opacity:1;transition:none;animation:none;transform:none}}header{z-index:100;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:16px 5vw;display:flex;position:fixed;top:0;left:0;right:0}header>a{letter-spacing:-.08em;font-size:1.35rem;font-weight:700}nav{text-transform:uppercase;gap:28px;font-family:DM Mono,monospace;font-size:.7rem;display:flex}.navbar-logo{object-fit:cover;border-radius:25%;width:56px;height:56px}nav a{color:var(--dim);transition:color .2s}nav a:hover{color:var(--accent)}.theme-toggle{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:flex}.theme-toggle button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:.8rem;transition:background .2s,color .2s;display:grid}.theme-toggle button:hover{color:var(--text)}.theme-toggle button.active{background:var(--text);color:var(--bg)}@media (width<=750px){.theme-toggle{display:none}.navbar-logo{object-fit:cover;border-radius:25%;width:36px;height:36px}}.hero{border-bottom:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px;justify-content:flex-start;align-items:center;gap:40px;min-height:100vh;padding:150px 5vw 10px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(circle at 18% 25%,#5b8db821,#0000 18%),radial-gradient(circle at 78% 35%,#5b8db814,#0000 22%),radial-gradient(circle at 55% 85%,#5b8db81a,#0000 20%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent 35%, var(--bg) 100%);position:absolute;inset:0}.hero>*{z-index:1;opacity:0;animation:.8s forwards hero-fade;position:relative}.hero>:first-child{animation-delay:.1s}.hero>:nth-child(2){animation-delay:.2s}.hero>:nth-child(3){animation-delay:.3s}.hero>:nth-child(4){animation-delay:.4s}.hero-content{z-index:1;flex:1;width:min(1400px,92vw);margin:0 auto;position:relative}.hero-main{justify-content:flex-start;align-items:flex-start;gap:clamp(20px,2vw,35px);display:flex}.hero-photo{aspect-ratio:1;align-items:top;flex:0 0 clamp(280px,25vw,400px);width:calc(1.76*clamp(4rem,10vw,9rem));display:flex;transform:translate(70px)}.hero-photo-frame{border:1px solid var(--line);background:var(--surface);width:100%;height:100%;box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:50%;padding:10px;overflow:hidden}.hero-photo-frame img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.hero-text{flex-direction:column;justify-content:space-between;display:flex}.hero-text h1{margin-top:0;margin-bottom:10px}.hero-text .intro{margin-top:0;margin-bottom:0}.hero h1{letter-spacing:-.075em;max-width:1000px;margin:28px 0;font-size:clamp(4rem,10vw,9rem);line-height:.88}.hero h1 em{color:var(--muted);font-style:normal}.intro{max-width:580px;color:var(--muted);font-size:1.1rem;line-height:1.7}.intro em{font-synthesis:style;font-style:italic}.hero-actions{gap:12px;margin-top:34px;display:flex}.hero-actions a{border:1px solid var(--line);padding:14px 20px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.hero-actions a:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.hero-actions a:first-child:hover{color:var(--accent);background:0 0}.hero-actions a:last-child:hover{border-color:var(--accent);color:var(--accent)}@media (width<=750px){.hero{flex-direction:column;justify-content:center;align-items:flex-start}.hero-photo{display:none}.hero h1{font-size:clamp(3.5rem,16vw,6rem)}.hero-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hero>*,.reveal,.about{opacity:1;transition:none;animation:none;transform:none}}.about{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .4s;display:grid}.about>.about-content{overflow:hidden}.about.about-visible{opacity:1;grid-template-rows:1fr}.more-link{color:var(--muted);text-underline-offset:4px;cursor:pointer;text-decoration:underline;display:inline-block;position:relative;top:5px}.more-link:hover{color:var(--text)}.experience-meta{color:var(--dim);flex-direction:column;gap:8px;font-family:DM Mono,monospace;font-size:.75rem;display:flex}.experience-content h2{letter-spacing:-.04em;margin:0;font-size:2.5rem}.experience-content p,.experience-content li{color:var(--muted);line-height:1.75}.experience-content .muted{color:var(--accent);font-family:DM Mono,monospace;font-size:.75rem}.experience-content ul{padding-left:20px}.experience{flex-direction:column;gap:10px;display:flex}.experience-content{border:1px solid #0000;border-radius:8px;grid-template-columns:1fr 2fr;gap:8vw;padding:30px;transition:background .2s,border-color .2s;display:grid}.experience-content:hover{background:var(--surface);border-color:var(--line)}@media (width<=750px){.experience-content{grid-template-columns:1fr}.experience-meta{margin-bottom:30px}}.resume-link{border:1px solid var(--line);color:var(--text);align-self:flex-end;margin-top:10px;padding:14px 20px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-block}.resume-link:hover{background:var(--accent);border-color:var(--accent);color:#fff}.project-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.project{background:var(--bg);grid-template-rows:auto 1fr auto;min-height:330px;padding:35px;transition:background .25s,transform .25s;display:grid}.project:hover{background:var(--surface);transform:translateY(-5px)}.project-number{color:var(--accent);font-family:DM Mono,monospace;font-size:.7rem}.project h2{letter-spacing:-.04em;margin:20px 0 15px;font-size:2rem}.project p{color:var(--muted);line-height:1.6}.tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.tags span{border:1px solid var(--line);color:var(--dim);padding:5px 8px;font-family:DM Mono,monospace;font-size:.65rem}.project-grid>:last-child:nth-child(3n+1){grid-column:span 3}.project-grid>:last-child:nth-child(3n+2){grid-column:span 2}@media (width<=750px){.project-grid{grid-template-columns:1fr}}.skill-list{flex-wrap:wrap;gap:12px;display:flex}.skill-list span{border:1px solid var(--line);color:var(--muted);padding:13px 16px;font-family:DM Mono,monospace;font-size:.8rem;transition:border-color .2s,color .2s,background .2s}.skill-list span:hover{color:var(--accent);border-color:var(--accent);background:var(--surface)}.contact{text-align:center;padding:170px 5vw}.contact h2{letter-spacing:-.08em;max-width:1100px;margin:5px auto 25px;font-size:clamp(4rem,10vw,6.7rem);line-height:.85}.contact-links{justify-content:center;gap:35px;font-family:DM Mono,monospace;font-size:.8rem;display:flex}.contact-links a{transition:color .2s}.contact-links a:hover{color:var(--accent)}@media (width<=750px){.contact{padding:120px 5vw}.contact-links{flex-direction:column;gap:18px}}