html[data-theme=dark]{--paper: #131210;--raised: #1b1a15;--ink: #ece7db;--soft: #a39d90;--faint: #716c61;--rule: rgba(236, 231, 219, .13);--mark: #d9794a}html[data-theme=light]{--paper: #f3efe6;--raised: #faf7f0;--ink: #211f1a;--soft: #5f5a50;--faint: #8b8578;--rule: rgba(33, 31, 26, .14);--mark: #ad4f29}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}a{color:inherit}#masthead{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:16px 40px;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:border-color .3s ease}#masthead.sticky{border-bottom-color:var(--rule)}#links{justify-self:center;display:flex;align-items:center;gap:26px}#links a{font-size:14px;color:var(--soft);text-decoration:none;transition:color .2s ease}#links a:hover,#links a.on{color:var(--ink)}#links a.on{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--mark)}.rsm{color:var(--soft)}.ctrls{justify-self:end;display:flex;align-items:center;gap:14px}.switch{position:relative;width:54px;height:28px;flex:none;border:1px solid var(--rule);border-radius:999px;background:var(--raised);cursor:pointer;padding:0}.switch .ic{position:absolute;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--faint)}.switch .ic-sun{left:8px}.switch .ic-moon{right:8px}.switch .knob{position:absolute;top:50%;left:4px;width:20px;height:20px;border-radius:50%;background:var(--ink);transform:translateY(-50%);transition:left .2s ease}html[data-theme=dark] .switch .knob{left:30px}#menu{display:none;width:38px;height:38px;place-items:center;background:none;border:1px solid var(--rule);border-radius:8px;color:var(--ink);cursor:pointer}main{max-width:860px;margin:0 auto;padding:0 40px}section{padding:64px 0;border-top:1px solid var(--rule)}section>h2{font-family:Inter,sans-serif;font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:40px}h3{font-family:Newsreader,Georgia,serif;font-weight:500}#about{border-top:none;padding-top:86px}.bio{max-width:680px;margin:0 auto;text-align:center}.bio h1{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:clamp(40px,6vw,60px);line-height:1.05;letter-spacing:-.5px;margin-bottom:22px}.bio-text p{color:var(--soft);font-size:18px;line-height:1.75;margin-bottom:18px}.bio-text p:last-child{margin-bottom:0}.me{width:200px;height:200px;display:block;margin:0 auto 24px;border-radius:50%;object-fit:cover;object-position:top;filter:grayscale(12%)}.say{display:flex;justify-content:center;gap:24px;margin-top:26px}.say a{font-size:15px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:2px;transition:border-color .2s ease}.say a:hover{border-color:var(--mark)}#work article{padding:38px 0;border-top:1px solid var(--rule)}#work article:first-of-type{padding-top:0;border-top:none}.when{font-size:13px;letter-spacing:.04em;color:var(--mark);margin-bottom:6px}#work h3,#experience h3,#research h3,#education h3{font-size:25px;line-height:1.2;margin-bottom:12px}#work article p.body,#research p.body{color:var(--soft);max-width:62ch}.fig{margin-top:14px;font-size:15px;color:var(--ink)}.kit{margin-top:6px;font-size:14px;color:var(--faint)}.go{margin-top:16px;display:flex;gap:20px;flex-wrap:wrap}.go a{font-size:14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--mark);padding-bottom:2px}.go a:hover{color:var(--mark)}.btn{border:1px solid var(--ink)!important;border-radius:5px;padding:9px 16px!important}.btn:hover{background:var(--ink);color:var(--paper)!important}#experience article,#research article,#education article{padding:30px 0;border-top:1px solid var(--rule)}#experience article:first-of-type,#research article:first-of-type,#education article:first-of-type{padding-top:0;border-top:none}#experience ul{list-style:none;margin-top:14px}#experience li{position:relative;padding-left:22px;margin-bottom:11px;color:var(--soft);max-width:70ch}#experience li:before{content:"";position:absolute;left:0;top:13px;width:8px;height:1px;background:var(--mark)}#education p,#research p.body{color:var(--soft)}.grp{display:grid;grid-template-columns:180px 1fr;gap:12px 28px;padding:20px 0;border-top:1px solid var(--rule)}.grp:first-child{padding-top:0;border-top:none}.grp h3{font-family:Inter,sans-serif;font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-top:4px}.grp p{line-height:2;color:var(--soft)}.grp a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);transition:border-color .2s ease,color .2s ease}.grp a:hover{color:var(--mark);border-color:var(--mark)}.paper{margin-top:22px;border:1px solid var(--rule);border-radius:6px;overflow:hidden;background:var(--raised)}#resume iframe{width:100%;height:84vh;border:none;display:block}.note{display:none;padding:34px;color:var(--soft);font-size:15px}.reach{color:var(--soft);margin-bottom:18px;max-width:50ch}.mails{display:flex;flex-wrap:wrap;gap:14px 30px;margin-bottom:22px}.mails a{font-family:Newsreader,Georgia,serif;font-size:clamp(22px,4vw,32px);text-decoration:none;border-bottom:1px solid var(--rule)}.mails a:hover{border-color:var(--mark)}footer{max-width:860px;margin:0 auto;padding:40px;display:flex;justify-content:space-between;border-top:1px solid var(--rule);font-size:14px;color:var(--faint)}footer a{text-decoration:none}footer a:hover{color:var(--ink)}.up{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.up.seen{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.up{opacity:1;transform:none;transition:none}body,#masthead,.switch .knob{transition:none}}@media(max-width:720px){#masthead{display:flex;justify-content:flex-end;padding:14px 22px}.mast-spacer{display:none}#links{position:fixed;inset:0 0 0 auto;width:min(74vw,280px);flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;padding:40px;background:var(--raised);border-left:1px solid var(--rule);transform:translate(100%);transition:transform .3s ease}#links.open{transform:none}#links a{font-size:19px}#menu{display:grid}main{padding:0 22px}#about{padding-top:80px}.bio h1{font-size:clamp(34px,9vw,44px)}.bio-text p{font-size:16.5px}.me{width:150px;height:150px;margin-bottom:24px}#resume iframe{display:none}.note{display:block}footer{padding:30px 22px}}