.logo{font-size:.875rem;font-weight:400;letter-spacing:.02em;color:var(--color-muted)}.logo__dot{color:var(--color-mint)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--gutter);max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto}.header__email{font-size:.875rem;color:var(--color-muted)}.header__email:hover{color:var(--color-text)}.hero{padding:8rem var(--gutter) 6rem;max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto}.hero__title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:300;line-height:1.3;letter-spacing:-.02em;margin-bottom:1.5rem}.hero__scope{font-size:.875rem;color:var(--color-muted)}.work{padding:0 var(--gutter) 8rem;max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto}.work__list{list-style:none;border-top:1px solid var(--color-line)}.work__item{border-bottom:1px solid var(--color-line)}.work__link{display:block;padding:1rem 0;font-size:.875rem;color:var(--color-muted);transition:color .15s ease}.work__link:hover{color:var(--color-mint)}.footer{padding:var(--gutter);max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto;font-size:.75rem;color:var(--color-muted)}:root{--color-bg: #0a0a0a;--color-line: rgba(255, 255, 255, .06);--color-text: #e5e5e5;--color-muted: #666;--color-mint: #4ade80;--font: "Sora", system-ui, sans-serif;--gutter: clamp(1.5rem, 5vw, 4rem);--max: 36rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);font-weight:300;background:var(--color-bg);color:var(--color-text);min-height:100dvh}#root{min-height:100dvh}a{color:inherit;text-decoration:none}a:hover{color:var(--color-muted)}