:root{--bg: #0a0a0a;--text: #f2f2f2;--muted: #a3a3a3;--faint: #6b6b6b;--border: #262626;--accent: #f1c500;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{height:100vh;height:100dvh;max-width:600px;margin:0 auto;padding:clamp(12px,4vh,56px) clamp(20px,6vw,32px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;animation:fade-in .5s ease-out}.topbar{display:flex;align-items:center;gap:clamp(12px,3vw,18px)}.id{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.portrait{position:relative;width:clamp(58px,9.5vh,78px);height:clamp(58px,9.5vh,78px);border-radius:50%;overflow:hidden;border:1px solid var(--border);box-shadow:0 0 0 6px #ffffff05;background:#111;flex-shrink:0}.avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease}.avatar-hidden{opacity:0}.model-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:pan-y;transition:opacity .5s ease}.model-canvas:active{cursor:grabbing}.model-canvas canvas{width:100%!important;height:100%!important;display:block}h1{font-size:clamp(21px,min(6.5vw,4vh),32px);font-weight:700;letter-spacing:-.02em;line-height:1.15}.handle{margin-top:2px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-family:var(--mono);font-size:clamp(12px,min(3.4vw,1.9vh),14px);transition:color .15s ease}.handle-x{width:.85em;height:.85em;flex-shrink:0}.handle:hover{color:var(--accent)}.tagline{color:var(--muted);font-size:clamp(11px,min(3.2vw,2vh),16px);margin-top:clamp(3px,.8vh,8px)}.story{margin-top:clamp(12px,3vh,32px);display:flex;flex-direction:column;gap:clamp(7px,1.7vh,18px);color:var(--muted);font-size:clamp(12px,min(2.7vw,2vh),15px);line-height:1.75}.story a{color:var(--text);border-bottom:1px solid var(--accent);padding-bottom:1px;transition:color .15s ease}.story a:hover{color:var(--accent)}.story a.conrad{color:#cb8eb5;border-bottom-color:#cb8eb5}.story a.threadbare{color:#acc0c3;border-bottom-color:#acc0c3}.story a.conrad:hover,.story a.threadbare:hover{color:inherit;opacity:.75}.story a.conrad:hover{color:#cb8eb5}.story a.threadbare:hover{color:#acc0c3}.projects{display:flex;flex-direction:column;gap:clamp(4px,1vh,10px)}.projects-label{color:var(--muted)}.project{padding-left:clamp(12px,3vw,22px)}.project a{font-family:var(--mono);font-weight:500}.socials{margin-top:clamp(24px,4.5vh,44px);display:flex;flex-direction:column;gap:clamp(6px,1.4vh,16px);flex-shrink:0}.social-links{display:flex;align-items:center;gap:clamp(16px,4vw,22px)}.social-links a{color:var(--muted);display:inline-flex;transition:color .15s ease,transform .15s ease}.social-links a:hover{color:var(--text);transform:translateY(-2px)}.social-links svg{width:clamp(19px,2.5vh,22px);height:clamp(19px,2.5vh,22px);display:block}.signoff{color:var(--faint);font-size:clamp(10px,1.6vh,13px)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}