.page{width:min(720px,100%);margin:0 auto;padding:1.5rem 1.25rem 4rem}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0 2rem}.brand{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.nav{display:flex;gap:1.25rem;font-size:.95rem}.nav a{color:var(--muted)}.nav a:hover{color:var(--ink)}.hero{padding:3.5rem 0 4rem;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 .75rem;color:var(--muted);font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.hero-name{margin:0;font-family:var(--font-display);font-size:clamp(3.5rem,12vw,5.5rem);font-weight:700;line-height:.95;letter-spacing:-.04em}.hero-lead{margin:1.25rem 0 0;max-width:28ch;color:var(--muted);font-size:1.15rem;line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.1rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:.95rem}.button:hover,.button-ghost{background:transparent;color:var(--ink)}.button-ghost:hover{background:var(--ink);color:var(--paper)}.section{padding:3rem 0;border-bottom:1px solid var(--line)}.section h2{margin:0 0 1rem;font-family:var(--font-display);font-size:1.85rem;font-weight:600;letter-spacing:-.03em}.section>p{margin:0;max-width:48ch;color:var(--muted);line-height:1.65}.project-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.project a{display:block;padding:1.1rem 0;border-top:1px solid var(--line)}.project:last-child a{border-bottom:1px solid var(--line)}.project h3{margin:0 0 .35rem;font-size:1.1rem;font-weight:600}.project p{margin:0;color:var(--muted);line-height:1.5}.tech{display:inline-block;margin-top:.55rem;color:var(--ink);font-size:.85rem}.project a:hover h3{text-decoration:underline;text-underline-offset:3px}.contact-list{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.contact-list a{text-decoration:underline;text-underline-offset:3px}.footer{padding-top:2rem;color:var(--muted);font-size:.9rem}.footer p{margin:0}@media (max-width: 520px){.header{align-items:flex-start;flex-direction:column}.hero{padding-top:2rem}}:root{--ink: #14201a;--muted: #4d5a52;--paper: #eceeeb;--line: #c9d0cb;--wash: #d7e0d9;--accent: #1f4d3a;--font-body: "DM Sans", sans-serif;--font-display: "Syne", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 70% 45% at 0% 0%,var(--wash),transparent 55%),radial-gradient(ellipse 50% 35% at 100% 10%,#cfd8d2,transparent 50%),var(--paper);font-family:var(--font-body);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}