@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap";:root{--bg:#080808;--surface:#101010;--elevated:#151515;--text:#f5f5f5;--secondary:#a1a1a1;--muted:#686868;--border:#ffffff1a;--grid:#fff1;--accent:#b9a5f5;--accent-muted:#b9a5f526;--serif:"DM Serif Display",Georgia,serif;--mono:"IBM Plex Mono",monospace;--body:Manrope,sans-serif}[data-theme=light]{--bg:#f5f2ec;--surface:#eeebe5;--elevated:#e6e1da;--text:#181717;--secondary:#55514f;--muted:#77716c;--border:#18171724;--grid:#18171713;--accent:#725aa9;--accent-muted:#725aa921}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(circle at 88% 7%,var(--accent-muted),transparent 19%);background-size:48px 48px,48px 48px,auto;margin:0;font-size:15px;line-height:1.72}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(1180px,100% - 64px);margin:auto}.nav{z-index:10;background:color-mix(in srgb,var(--bg) 87%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:36px;height:74px;padding:0 max(32px,50% - 590px);display:flex;position:sticky;top:0}.brand,.eyebrow,.meta,nav a,.text-link,.details{font-family:var(--mono);letter-spacing:.12em;font-size:10px}.brand{margin-right:auto;font-size:12px;font-weight:500}.brand i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}nav{gap:18px;display:flex}nav a{color:var(--muted);white-space:nowrap;position:relative}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-15px;left:50%}.nav-actions{gap:10px;display:flex}.theme,.menu{cursor:pointer;background:0 0;border:0;padding:5px;line-height:0}.theme svg,.menu svg{width:17px}.menu{display:none}.hero{grid-template-columns:1.07fr .93fr;align-items:center;gap:72px;min-height:calc(100vh - 74px);padding:80px 0;display:grid}.hero-copy{max-width:605px}.eyebrow{color:var(--accent);margin:0 0 20px}.hero h1,.section h2,.contact h2{font:normal clamp(64px,8vw,124px)/.88 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 em,.contact h2 em{font-weight:400}.terminal{font-family:var(--mono);color:var(--secondary);margin:38px 0 28px;font-size:12px}.terminal span{color:var(--accent);margin-right:8px}.terminal b{border-left:1px solid var(--accent);vertical-align:-2px;height:14px;margin-left:6px;animation:1s step-end infinite blink;display:inline-block}.intro{color:var(--secondary);max-width:560px;font-size:16px;line-height:1.85}.aside{color:var(--muted);margin-top:16px;font-size:13px;font-style:italic}.social{align-items:center;gap:12px;margin-top:38px;display:flex}.icon-link{border:1px solid var(--border);border-radius:50%;place-items:center;width:35px;height:35px;transition:all .2s;display:grid}.icon-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.icon-link svg{width:15px}.text-link{color:var(--secondary);align-items:center;gap:5px;margin-left:10px;display:flex}.text-link svg{width:13px}.avatar{aspect-ratio:1;border:1px solid var(--border);box-shadow:0 25px 65px #00000059,0 0 55px var(--accent-muted);background:var(--surface);border-radius:50px;overflow:hidden}.avatar img{object-fit:cover;object-position:center 72%;width:100%;height:100%;display:block}.section{border-top:1px solid var(--border);padding:126px 0;scroll-margin-top:74px}.section-head{grid-template-columns:190px 1fr;gap:28px;margin-bottom:66px;display:grid}.section-head h2{font-size:clamp(45px,5.8vw,82px)}.section-head>div>p{color:var(--secondary);max-width:550px;margin:18px 0 0}.timeline{margin-left:218px}.experience{border-top:1px solid var(--border);grid-template-columns:1fr 1.1fr;gap:45px;padding:28px 0;display:grid}.experience:last-child{border-bottom:1px solid var(--border)}h3{font:normal 28px/1.1 var(--serif);letter-spacing:-.03em;margin:5px 0}.org{color:var(--accent);margin:7px 0}.experience>div:last-child>p{color:var(--secondary);margin:0}.experience small{font-family:var(--mono);color:var(--muted);margin-top:12px;font-size:10px;display:block}.project{border-top:1px solid var(--border);padding:33px 0 0}.project:last-child{border-bottom:1px solid var(--border)}.project-top{grid-template-columns:110px 1fr auto;gap:28px;display:grid}.number{font:normal 46px/1 var(--serif);color:var(--muted)}.project h3{margin:4px 0 12px;font-size:36px}.project-top>div:nth-child(2)>p:last-child{color:var(--secondary);max-width:690px;margin:0}.project-links{gap:7px;display:flex}.tags{flex-wrap:wrap;gap:7px;margin:25px 0 16px 138px;display:flex}.tags span{font:10px var(--mono);color:var(--secondary);border:1px solid var(--border);padding:5px 8px}.details{cursor:pointer;color:var(--accent);background:0 0;border:0;border-top:1px solid #0000;align-items:center;gap:6px;padding:12px 0 20px 138px;display:flex}.details svg{width:14px;transition:all .2s}.rotated{transform:rotate(180deg)}.case-study{border-left:1px solid var(--accent);grid-template-columns:1fr 1fr;gap:26px;margin:0 0 32px 138px;padding:4px 0 4px 24px;display:grid}.case-study p:last-child{color:var(--secondary);margin:7px 0 0;font-size:13px}.skills{margin-left:218px}.skill-group{border-top:1px solid var(--border);grid-template-columns:230px 1fr;gap:24px;padding:23px 0;display:grid}.skill-group:last-child{border-bottom:1px solid var(--border)}.skill-group>div{flex-wrap:wrap;gap:10px;display:flex}.skill-group span{font:15px var(--serif);border-bottom:1px solid var(--border);padding:0 0 3px}.interest-grid,.certs,.education{margin-left:218px}.interest-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.interest-grid p{border-bottom:1px solid var(--border);font:23px var(--serif);margin:0;padding:19px 8px}.interest-grid p:nth-child(odd){border-right:1px solid var(--border)}.interest-grid span,.certs span{font:10px var(--mono);color:var(--accent);vertical-align:middle;margin-right:16px}.certs{border-top:1px solid var(--border)}.certs p{border-bottom:1px solid var(--border);font:23px var(--serif);align-items:center;margin:0;padding:21px 4px;display:flex}.certs svg{width:17px;color:var(--muted);margin-left:auto}.education{border-left:1px solid var(--accent);padding-left:28px}.education h3{max-width:570px;font-size:36px}.education>p:not(.meta){color:var(--secondary);margin:8px 0}.contact{padding:140px 0 110px;scroll-margin-top:74px}.contact h2{margin-bottom:42px;font-size:clamp(60px,8vw,116px)}.email{font:clamp(18px,2.5vw,30px)/1.1 var(--serif);border-bottom:1px solid var(--accent);align-items:center;gap:10px;padding-bottom:6px;display:inline-flex}.email svg{width:19px}.contact-links{font:11px var(--mono);color:var(--secondary);gap:22px;margin-top:28px;display:flex}.contact-links a:hover{color:var(--accent)}footer{border-top:1px solid var(--border);width:min(1180px,100% - 64px);color:var(--muted);font:10px var(--mono);justify-content:space-between;margin:auto;padding:23px 0 28px;display:flex}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1050px){nav{gap:11px}.hero{gap:45px}.section-head{grid-template-columns:130px 1fr}.timeline,.skills,.interest-grid,.certs,.education{margin-left:158px}.project-top{grid-template-columns:80px 1fr auto}.tags,.details,.case-study{margin-left:108px}.details{padding-left:108px}}@media (width<=760px){body{background-size:36px 36px}.wrap,footer{width:min(100% - 40px,600px)}.nav{height:64px;padding:0 20px}.menu{display:block}nav{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding:20px;display:none;position:absolute;top:64px;left:0;right:0}nav.open{display:flex}nav a.active:after{display:none}.hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding:58px 0 66px}.hero h1{font-size:clamp(65px,20vw,90px)}.intro{font-size:14px}.avatar{border-radius:34px;order:-1;max-width:520px}.section{padding:78px 0}.section-head{margin-bottom:38px;display:block}.section-head .eyebrow{margin-bottom:12px}.section-head h2{font-size:54px}.timeline,.skills,.interest-grid,.certs,.education{margin-left:0}.experience{grid-template-columns:1fr;gap:14px}.project-top{grid-template-columns:48px 1fr;gap:14px}.number{font-size:31px}.project-links{grid-column:2}.project h3{font-size:29px}.tags,.details,.case-study{margin-left:62px}.details{padding-left:62px}.case-study{grid-template-columns:1fr;gap:18px;padding-left:15px}.skill-group{grid-template-columns:1fr;gap:4px}.interest-grid{grid-template-columns:1fr}.interest-grid p:nth-child(odd){border-right:0}.certs p{font-size:20px}.education h3{font-size:30px}.contact{padding:92px 0 75px}.contact h2{font-size:62px}footer{flex-wrap:wrap;gap:8px}.social{margin-top:26px}}@media (width<=380px){.wrap,footer{width:calc(100% - 32px)}.hero h1{font-size:62px}.tags,.details,.case-study{margin-left:0}.details{padding-left:0}.case-study{margin-top:5px}.project-top{grid-template-columns:1fr}.project-links{grid-column:1}.number{display:none}}
