@layer theme{:host,:root{--font-sans:Inter,system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:var(--bg);--color-ink:var(--ink)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--bg:#f6f2ea;--bg-2:#efeadf;--ink:#17161a;--ink-soft:#4a4741;--ink-mute:#8a867e;--rule:#e4dccc;--rule-strong:#d5cbb6;--accent:#1e3a8a;--accent-hover:#1e40af;--accent-bg:#1e3a8a14}html[data-theme=dark]{--bg:#141310;--bg-2:#1b1914;--ink:#f2ede1;--ink-soft:#bfb8a8;--ink-mute:#7a756a;--rule:#2a2720;--rule-strong:#3a362c;--accent:#a5b4fc;--accent-hover:#c7d2fe;--accent-bg:#a5b4fc1a}body,html{margin:calc(var(--spacing)*0);padding:calc(var(--spacing)*0)}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-size:17px;line-height:1.55;text-rendering:optimizelegibility;transition:background .3s,color .3s}main{flex:1}::-moz-selection{background:var(--accent);color:var(--bg)}::selection{background:var(--accent);color:var(--bg)}a{color:var(--color-ink);text-decoration-line:none}}@layer components{.mono{font-family:var(--font-mono)}.wrap{margin-inline:auto;max-width:720px;padding:0 28px;width:100%}@media(max-width:600px){.wrap{padding:0 22px}}a.link{border-bottom:1px solid var(--rule-strong);transition:color .15s,border-color .15s}a.link:hover{border-bottom-color:var(--accent);color:var(--accent)}nav.top{-webkit-backdrop-filter:saturate(150%)blur(8px);background:var(--bg);position:sticky;top:0;z-index:50}@supports (color:color-mix(in lab,red,red)){nav.top{background:color-mix(in oklab,var(--bg) 82%,transparent)}}nav.top{border-bottom:1px solid #0000;transition:border-color .2s,background .3s}nav.top.scrolled{border-bottom-color:var(--rule)}nav.top .wrap{align-items:center;display:flex;justify-content:space-between;padding-bottom:18px;padding-top:18px}.brand{align-items:center;display:inline-flex;font-family:var(--font-mono);font-size:14px;gap:calc(var(--spacing)*2);letter-spacing:-.01em}.brand .dot{background:var(--accent);border-radius:2px;display:inline-block;height:8px;width:8px}.nav-links{align-items:center;display:flex;font-family:var(--font-mono);font-size:13px;gap:22px}@media(max-width:600px){.nav-links{gap:16px}}.nav-links a{color:var(--ink-soft);transition:color .15s}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.theme-toggle{align-items:center;background:0 0;border:1px solid var(--rule-strong);border-radius:6px;color:var(--ink-soft);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:color .15s,border-color .15s,background .15s;width:32px}.theme-toggle:hover{background:var(--bg-2);border-color:var(--ink-mute);color:var(--ink)}.theme-toggle svg{height:14px;width:14px}section{padding:48px 0;scroll-margin-top:60px}section.hero{align-items:center;display:flex;min-height:calc(100vh - 200px);padding-bottom:40px;padding-top:40px}@media(max-width:600px){section{padding:36px 0}section.hero{min-height:calc(100vh - 200px);padding-bottom:24px;padding-top:24px}}.eyebrow{align-items:center;color:var(--ink-mute);display:flex;font-family:var(--font-mono);font-size:12px;gap:10px;letter-spacing:.04em;margin-bottom:16px;text-transform:lowercase}.eyebrow:before{background:var(--rule-strong);content:"";display:inline-block;height:1px;width:18px}h1{font-size:clamp(30px,4.5vw,42px);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0 0 20px;max-width:18ch;text-wrap:pretty}h1 .accent{color:var(--accent);font-style:italic;font-weight:400}.lede{color:var(--ink-soft);font-size:17px;line-height:1.6;margin:0 0 24px;max-width:52ch;text-wrap:pretty}.lede p{margin:0 0 14px}.lede p:last-child{margin-bottom:0}.cta-row{display:flex;flex-wrap:wrap;gap:10px}.btn,.cta-row{align-items:center}.btn{background:0 0;border:1px solid var(--rule-strong);border-radius:6px;color:var(--ink);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:13px;gap:8px;padding:10px 16px;transition:all .15s}.btn:hover{border-color:var(--ink);transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme=dark] .btn.primary{color:#141310}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn .arrow{transition:transform .2s}.btn:hover .arrow{transform:translate(2px)}h2{font-size:28px;font-weight:500;letter-spacing:-.015em;line-height:1.2;margin:0 0 8px}.section-sub{color:var(--ink-mute);font-size:15px;margin:0 0 24px;max-width:52ch}.xp-list{display:flex;flex-direction:column}.xp{align-items:baseline;border-top:1px solid var(--rule);display:grid;gap:32px;grid-template-columns:120px 1fr;padding:14px 0}.xp:first-child{border-top:none;padding-top:0}@media(max-width:600px){.xp{gap:6px;grid-template-columns:1fr}.xp .when{padding-top:0}}.xp .when{color:var(--ink-mute);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;padding-top:4px}.xp .role{font-size:16px;font-weight:500;margin:0 0 2px}.xp .where{color:var(--ink-soft);font-size:15px;margin:0 0 10px}.xp .note{color:var(--ink-mute);font-size:14px;line-height:1.6;margin:0}h3.xp-group-title{border-bottom:1px solid var(--rule);color:var(--ink-mute);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;line-height:1.4;margin:0 0 20px;padding-bottom:8px;text-transform:uppercase}.xp-list+h3.xp-group-title{margin-top:28px}.projects{display:flex;flex-direction:column;gap:2px}.project{border-top:1px solid var(--rule);display:block;padding:16px 0;position:relative;transition:padding .2s}.project:first-child{border-top:none;padding-top:0}a.project:hover{padding-left:12px}a.project:after{color:var(--ink-mute);content:"→";font-family:JetBrains Mono,monospace;opacity:0;position:absolute;right:0;top:28px;transform:translate(-8px);transition:all .2s}a.project:first-child:after{top:2px}a.project:hover:after{color:var(--accent);opacity:1;transform:translate(0)}.project .title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.project .title{color:var(--ink);font-size:16px;font-weight:500}.project .tag{border:1px solid var(--rule-strong);border-radius:999px;color:var(--ink-mute);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;padding:2px 8px}.project .desc{color:var(--ink-soft);font-size:15px;line-height:1.6;margin:0;max-width:58ch;text-wrap:pretty}.project.placeholder{opacity:.55;pointer-events:none}.project.placeholder .title:after{color:var(--ink-mute);content:" — coming soon";font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400}.about-grid{display:grid;gap:16px 32px;grid-template-columns:120px 1fr;margin-top:8px}@media(max-width:600px){.about-grid{gap:6px;grid-template-columns:1fr}.about-grid .label{padding-top:0}}.about-grid .label{color:var(--ink-mute);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;padding-top:4px}.about-grid .body p{color:var(--ink-soft);font-size:15.5px;line-height:1.65;margin:0 0 16px;text-wrap:pretty}.about-grid .body p:last-child{margin-bottom:0}.about-grid strong{color:var(--ink);font-weight:500}.interests{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--rule-strong);border-radius:999px;color:var(--ink-soft);padding:4px 10px}.chip,footer{font-family:var(--font-mono);font-size:12px}footer{border-top:1px solid var(--rule);color:var(--ink-mute);padding:20px 0 24px}footer .wrap{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}footer a{color:var(--ink-mute);transition:color .15s}footer a:hover{color:var(--accent)}.footer-social{gap:10px}.footer-social,.footer-social a{align-items:center;display:inline-flex}.footer-social a{border:1px solid var(--rule-strong);border-radius:6px;color:var(--ink-soft);height:32px;justify-content:center;transition:color .15s,border-color .15s,background .15s,transform .15s;width:32px}.footer-social a:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.footer-social svg{height:15px;width:15px}.page-head{padding-bottom:12px;padding-top:32px}.page-body{padding-bottom:32px;padding-top:8px}@media(max-width:600px){.page-head{padding-top:24px}.page-body{padding-bottom:24px}}.tweaks{background:var(--bg-2);border:1px solid var(--rule-strong);border-radius:10px;bottom:20px;box-shadow:0 12px 32px #00000014;display:none;font-family:var(--font-mono);font-size:12px;min-width:200px;padding:14px 16px;position:fixed;right:20px;z-index:100}.tweaks.open{display:block}.tweaks h4{color:var(--ink-mute);font-size:11px;font-weight:500;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.tweak-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.seg{border:1px solid var(--rule-strong);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:none;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:11px;padding:5px 10px;transition:all .15s}.seg button.active{background:var(--accent);color:#fff}html[data-theme=dark] .seg button.active{color:#141310}.reveal{opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:translateY(0)}}@layer utilities;
