:root{--bg: #101010;--text: #f3f1ec;--muted: #8f8c86;--line: rgba(243, 241, 236, .12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.app{min-height:100vh}.loader{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#000;transition:opacity .7s ease,visibility .7s ease}.loader.is-leaving{opacity:0;visibility:hidden}.loader-mark{width:min(180px,42vw);animation:logo-in 1.1s cubic-bezier(.22,1,.36,1) both}.loader-mark img{display:block;width:100%;height:auto;animation:logo-pulse 1.8s ease-in-out .4s infinite}.loader-bar{position:absolute;left:50%;bottom:18%;width:min(120px,30vw);height:1px;overflow:hidden;background:#ffffff1f;transform:translate(-50%)}.loader-bar span{display:block;height:100%;background:#fff;transform-origin:left;animation:load-bar 1.8s cubic-bezier(.22,1,.36,1) forwards}@keyframes logo-in{0%{opacity:0;transform:scale(.86);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes logo-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 0 transparent)}50%{opacity:.88;filter:drop-shadow(0 0 18px rgba(255,255,255,.35))}}@keyframes load-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.loader-mark,.loader-mark img,.loader-bar span{animation:none}}.nav,main{width:min(880px,calc(100% - 48px));margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.logo{font-size:15px;font-weight:600;text-decoration:none}.nav nav{display:flex;gap:24px}.nav nav a{color:var(--muted);font-size:14px;text-decoration:none}.nav nav a:hover{color:var(--text)}.intro{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center;padding:48px 0 64px}.photo{width:220px;height:260px;object-fit:cover;object-position:center 12%;border-radius:8px}.role{color:var(--muted);font-size:14px;margin-bottom:10px}h1{font-size:clamp(40px,6vw,56px);font-weight:600;letter-spacing:-.035em;line-height:1}.lede{margin-top:18px;font-size:20px;line-height:1.4;max-width:22ch}.where{margin-top:22px;color:var(--muted);font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px 0 56px;border-top:1px solid var(--line);color:#c9c6bf}#work{padding:40px 0 80px;border-top:1px solid var(--line)}h2{margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:500}.jobs{list-style:none}.jobs li{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.job-when{color:var(--muted);font-size:14px;padding-top:3px}.jobs a,.jobs strong{font-weight:600;font-size:18px;text-decoration:none}.jobs a:hover{text-decoration:underline;text-underline-offset:3px}.jobs p{margin-top:4px;color:var(--muted);font-size:15px}@media(max-width:720px){.intro,.about,.jobs li{grid-template-columns:1fr}.photo{width:160px;height:190px}.intro{padding-top:24px;gap:24px}.job-when{padding-top:0}}
