@import 'https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,700&display=swap';:root{--blue:#4F778B;--blue-dark:#2A414B;--muted:#5E7078;--teal:#163C3D;--cream:#F2F4EB;--card:#FFFFFF;--border:rgba(79, 119, 139, 0.2)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--blue-dark);font:17px/1.6 Arial,Helvetica,sans-serif}.wrap{max-width:680px;margin:0 auto;padding:0 16px}main.wrap{padding-top:64px;padding-bottom:32px}h1,h2{font-family:fraunces,Georgia,serif;font-weight:700;color:var(--blue-dark)}h1{font-size:2.6rem;line-height:1.1;margin:0 0 .3rem}h2{font-size:1.3rem;margin:2.5rem 0 1rem;color:var(--teal)}.intro{display:flex;align-items:center;gap:28px}.portrait{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--card);box-shadow:0 2px 10px rgba(42,65,75,.15);flex-shrink:0}.tagline{margin:0;color:var(--muted);font-size:1.1rem}.projects{list-style:none;margin:0;padding:0;display:grid;gap:16px}.project{display:block;padding:20px 22px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.project:hover{border-color:var(--blue);transform:translateY(-2px)}.project-name{display:block;font-family:fraunces,Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--blue)}.project-blurb{display:block;margin:.3rem 0 .6rem}.project-url{font-size:.9rem;color:var(--muted)}.footer{padding-bottom:40px;font-size:.85rem;color:var(--muted)}@media(max-width:520px){.intro{flex-direction:column;align-items:flex-start;gap:16px}.portrait{width:120px;height:120px}h1{font-size:2.1rem}}