body{margin:0;min-width:320px;min-height:100vh}#root{margin:0 auto;text-align:center;position:relative;width:100%}.container{position:relative;min-height:100vh;overflow:hidden;background:#fff}.html-shell{width:100%;height:100%;position:relative}h1{margin:0;font-family:Playfair Display,Georgia,serif;font-weight:300;font-style:normal;font-optical-sizing:auto;font-size:clamp(2.6rem,9.6vw,7rem);line-height:.92;letter-spacing:-.005em;font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;text-wrap:balance;color:var(--h1, #1f3a6a);opacity:.92;text-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2)}.kern-d{letter-spacing:-.1em}.kern-dot{letter-spacing:-.04em}.kern-rt{letter-spacing:.04em}.kern-ob{letter-spacing:-.05em}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}.social-links{display:flex;padding:1.5rem}.page-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;max-width:min(92vw,1200px);padding:0 1.25rem}.social-link{color:#242424;display:flex;align-items:center;transition:all .2s ease}.social-link:hover{text-decoration:none;animation:spin .2s linear infinite}.social-link:focus{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}.social-link:focus:not(:focus-visible){outline:none}.social-link:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion: reduce){.social-link:hover{animation:none}}.icon{width:30px;height:30px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){h1{font-size:clamp(2.24rem,11.2vw,4.8rem)}}@media (max-width: 430px){.page-title{padding:0 1rem}}.html-content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.canvas-content{width:100%;height:100%;position:absolute;top:0;left:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bio{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);text-align:center;width:100%;max-width:min(92vw,600px);padding:0 1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.3)}.bio a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:opacity .2s ease}.bio a:hover{opacity:.8}.tagline{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:500;margin:0;letter-spacing:.01em}@media (max-width: 768px){.bio{bottom:1rem}}@media (max-width: 430px){.bio{bottom:.75rem;padding:0 1rem}}