@font-face{font-family:Geist;src:url('assets/geist-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('assets/instrument-serif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;font-family:Geist,Arial,sans-serif;font-weight:300;font-size:14px;letter-spacing:0;background:#000;color:#eee;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-width:280px}body{background:#000}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #ffa030;outline-offset:5px}
.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding-bottom:max(56px,env(safe-area-inset-bottom));overflow:hidden}
.artwork{position:relative;width:100%;flex:1 0 auto;height:calc(100svh - 315px);min-height:340px;overflow:hidden}
.artwork canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.profile{position:relative;flex:none;width:344px;max-width:calc(100% - 48px);margin-top:24px;text-align:left;font-size:14px;line-height:normal}
.identity{display:flex;gap:16px;align-items:center}.portrait{width:42px;height:57px;object-fit:cover;border-radius:9px;flex:none}.identity h1{margin:0;font-family:Instrument Serif,Georgia,serif;font-weight:400;font-size:24px;line-height:normal;letter-spacing:0;white-space:nowrap}.role{margin:7px 0 0;color:#858585;font-size:14px;line-height:normal}
.current{margin:24px 0 0;color:#d5d5d5;line-height:normal}.current a{text-decoration-thickness:1px;text-underline-offset:2px}.current a:hover{color:#fff}
.experience{margin:24px 0 0;color:#858585;font-size:14px;line-height:normal}
.contacts{display:flex;gap:8px;margin-top:24px}.contacts button,.contacts a{display:flex;align-items:center;justify-content:center;gap:10px;width:50%;height:50px;border:0;border-radius:12px;background:#111;color:#eee;font:300 14px/normal Geist,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .18s}.contacts button:hover,.contacts a:hover{background:#1c1c1c}.contacts svg{flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.profile{width:calc(100% - 48px);max-width:400px;margin-top:44px}.artwork{height:calc(100svh - 335px);min-height:310px}.experience{max-width:344px}}
@media(max-width:350px){.profile{width:calc(100% - 40px);max-width:calc(100% - 40px)}.identity{gap:12px}.identity h1{font-size:24px}.contacts{gap:8px}.current{white-space:normal}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(hover:none){}

.button-label{display:block;height:1.5em;line-height:1.5;overflow:hidden}.button-label-track{display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}.button-label-track>span{display:block;white-space:nowrap;height:1.5em}.contacts :is(button,a):focus-visible .button-label-track{transform:translateY(-50%)}
@media(hover:hover){.contacts :is(button,a):hover .button-label-track{transform:translateY(-50%)}}