*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#f0f0f0;background:#0a0a0a;min-height:100vh;margin:0;font-family:Space Mono,monospace}#root{justify-content:center;align-items:center;min-height:100%;display:flex}.portfolio{width:100%;max-width:700px;padding:3rem 2rem}.portfolio h1{letter-spacing:-.02em;color:#fff;margin-bottom:1.25rem;font-family:Playfair Display,serif;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1}.portfolio .subtitle{letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:2rem;font-family:Space Mono,monospace;font-size:.7rem;font-weight:400}.portfolio .bio{color:#888;max-width:660px;margin-bottom:1.75rem;font-family:Lora,serif;font-size:1.05rem;font-style:italic;line-height:1.7}.portfolio .bio .hi{color:#e8573a}.portfolio .follow{color:#888;margin-bottom:3rem;font-family:Lora,serif;font-size:1.05rem;font-style:italic}.portfolio .follow .link{color:#e8573a;text-decoration:none}.portfolio .follow .link:hover{text-decoration:underline}.portfolio .info-rows{flex-direction:column;gap:.65rem;display:flex}.portfolio .info-row{letter-spacing:normal;text-transform:none;color:#888;align-items:center;gap:.6rem;font-family:Lora,serif;font-size:.875rem;font-style:italic;font-weight:400;line-height:1.5;text-decoration:none;display:flex}.portfolio .info-row.linked{color:#e8573a}.portfolio .info-row.linked:hover{opacity:1;text-decoration:underline}.portfolio .info-row .icon{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.portfolio .info-row .icon svg{width:16px;height:16px}.portfolio .dot{vertical-align:middle;background:#e8573a;border-radius:50%;width:5px;height:5px;margin:0 .35rem;display:inline-block}.portfolio svg{fill:currentColor}