*{margin:0;padding:0;box-sizing:border-box}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Crimson Text", Georgia, serif;--color-text: #f5f5f5;--color-text-light: #b3b3b3;--color-text-lighter: #808080;--color-bg: #0a0a0a;--color-link: #f5f5f5;--measure: 65ch;--baseline: 1.5rem}html{font-size:18px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-weight:400;color:var(--color-text);background-color:var(--color-bg);line-height:1.75;letter-spacing:-.011em;position:relative;overflow-x:hidden}#shader-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5;pointer-events:none}#app{min-height:100vh;display:flex;flex-direction:column;opacity:1;position:relative;z-index:1}main{flex:1;padding:calc(var(--baseline) * 6) calc(var(--baseline) * 3) calc(var(--baseline) * 3);max-width:900px;margin:0 auto;width:100%}main>section:last-child{margin-bottom:calc(var(--baseline) * 1.25)}#hero{margin-bottom:calc(var(--baseline) * 4);padding-bottom:calc(var(--baseline) * 2);border-bottom:1px solid #1a1a1a}.hero-header{display:flex;align-items:center;gap:calc(var(--baseline) * 1);margin-bottom:calc(var(--baseline) * 2)}#hero h1{font-family:var(--font-serif);font-size:clamp(1.8rem,4.8vw,3.3rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:0;color:var(--color-text)}.hero-image{width:clamp(1.8rem,4.8vw,3rem);height:clamp(1.8rem,4.8vw,3rem);border-radius:50%;object-fit:cover;flex-shrink:0;mask-image:radial-gradient(circle,black 100%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 100%,transparent 100%);mask-size:contain;-webkit-mask-size:contain}#hero .tagline{font-size:1.25rem;font-weight:300;line-height:1.6;letter-spacing:-.01em;color:var(--color-text-light);max-width:var(--measure);font-style:italic}#hero .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:calc(var(--baseline) * 2);list-style:none;padding:0}#hero .tag{font-size:.8rem;font-weight:400;color:var(--color-text-lighter);padding:.25rem .75rem;border:1px solid #2a2a2a;border-radius:.25rem;background-color:#ffffff05}section{margin-bottom:calc(var(--baseline) * 5)}section h2{font-family:var(--font-serif);font-size:clamp(.9rem,2.4vw,1.65rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:calc(var(--baseline) * 1.5);color:var(--color-text)}#work{margin-bottom:calc(var(--baseline) * 6)}.work-item{margin-bottom:calc(var(--baseline) * 3);padding-bottom:calc(var(--baseline) * 2.5);border-bottom:1px solid #1a1a1a}.work-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.work-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem;font-size:1.125rem;line-height:1.5;letter-spacing:-.01em}.work-header .company,.work-header a{font-weight:500;color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease;white-space:nowrap}.work-header>.company,.work-header>a{flex-shrink:0}.work-header a:hover{border-bottom-color:var(--color-text)}.work-header .role{color:var(--color-text-light);font-weight:400;font-size:.88em;margin-left:.5rem;margin-top:-.15rem;flex-shrink:0}.work-header .dates{color:var(--color-text-lighter);font-weight:300;font-size:.9em;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.work-description{font-size:1rem;color:var(--color-text-light);line-height:1.7;font-style:italic;margin-top:.5rem;max-width:var(--measure)}.work-item:has(+.work-earlier){border-bottom:1px solid #1a1a1a;margin-bottom:calc(var(--baseline) * 2);padding-bottom:calc(var(--baseline) * 2)}.work-earlier-label{font-size:.85rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-lighter);margin-bottom:.5rem}.compact-section{margin-bottom:calc(var(--baseline) * 2.5)}.compact-section h2{margin-bottom:calc(var(--baseline) * .75)}.inline-list{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem}.inline-item{display:inline-flex;align-items:baseline;gap:.4rem;font-size:.95rem;line-height:1.4;letter-spacing:-.005em;color:var(--color-text);text-decoration:none;white-space:nowrap}a.inline-item:hover .inline-name,.inline-name a:hover{border-bottom-color:var(--color-text)}.inline-name{font-weight:500;color:var(--color-text);border-bottom:1px solid transparent;transition:border-color .2s ease}.inline-name a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.inline-meta{color:var(--color-text-light);font-weight:400;font-size:.85em}footer{padding:calc(var(--baseline) * 1.5) calc(var(--baseline) * 3);text-align:center;border-top:1px solid #1a1a1a;color:var(--color-text-lighter);font-size:.875rem;font-weight:300;letter-spacing:.01em;margin-top:auto}.footer-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.footer-link{color:var(--color-text-light);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease;font-weight:400}.footer-link:hover{border-bottom-color:var(--color-text-light);color:var(--color-text)}.footer-separator{color:var(--color-text-lighter);font-weight:300}@media (max-width: 768px){html{font-size:16px}main{padding:calc(var(--baseline) * 4) calc(var(--baseline) * 2) calc(var(--baseline) * 2)}#hero{margin-bottom:calc(var(--baseline) * 3)}.hero-header{gap:calc(var(--baseline) * 1)}#hero h1{font-size:clamp(2.5rem,12vw,4rem)}.hero-image{width:clamp(1.5rem,6vw,2.4rem);height:clamp(1.5rem,6vw,2.4rem)}.work-header{flex-direction:column;gap:.5rem}.work-header .role,.work-header .dates{margin-left:0}section{margin-bottom:calc(var(--baseline) * 4)}.compact-section{margin-bottom:calc(var(--baseline) * 2)}}@media (max-width: 480px){main{padding:calc(var(--baseline) * 3) calc(var(--baseline) * 1.5) calc(var(--baseline) * 1.5)}#hero .tagline{font-size:1.125rem}.inline-list{gap:.4rem 1rem}.inline-item{font-size:.9rem}}
