@font-face{font-family:Google Sans Flex;src:url('/assets/google-sans-flex.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{font-family:Google Sans Flex,Arial,sans-serif;color:#fff;background:#512516;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{position:relative}
.portrait,.shade{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.portrait{object-fit:cover;object-position:61% 46%;z-index:-2}
.shade{z-index:-1;background:linear-gradient(90deg,rgba(20,8,3,.64) 0%,rgba(20,8,3,.48) 28%,rgba(20,8,3,.04) 58%,transparent 78%),linear-gradient(0deg,rgba(40,15,5,.23),transparent 35%)}
.page{min-height:100svh;display:flex;flex-direction:column;padding:clamp(32px,5.1vw,88px);padding-bottom:32px}
main{flex:1;display:flex;align-items:center;padding:12px 0 48px}
.profile{margin:0;max-width:570px;width:46%}
.profile>div+div{margin-top:clamp(34px,5.3vh,60px)}
dt{font-size:14px;line-height:1.5;letter-spacing:.025em;margin-bottom:10px;color:rgba(255,255,255,.8)}
dd{margin:0;font-weight:400;letter-spacing:-.035em}
h1{margin:0;font-size:clamp(46px,5.4vw,82px);font-weight:400;line-height:1.05;letter-spacing:-.055em}
.occupation dd{font-size:clamp(28px,3vw,45px);line-height:1.13}
.status dd{font-size:clamp(22px,1.9vw,29px);line-height:1.28}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.19em}
.status a{display:inline;text-decoration-color:rgba(255,255,255,.5)}
.status a:hover{text-decoration-color:#fff}
a:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:2px}
footer nav{display:flex;gap:14px;margin-left:-10px}
footer a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background .16s ease,transform .16s ease}
footer a:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
footer svg{width:22px;height:22px}
@media(min-width:1800px){.profile{max-width:640px}.occupation dd{font-size:49px}}
@media(max-width:700px){
 .portrait{object-position:55% 30%}
 .shade{background:linear-gradient(0deg,rgba(35,13,6,.94) 0%,rgba(35,13,6,.78) 28%,rgba(35,13,6,.3) 54%,rgba(35,13,6,.04) 75%)}
 .page{padding:28px 26px max(20px,env(safe-area-inset-bottom));min-height:100svh}
 main{align-items:flex-end;padding:0 0 26px;min-height:650px}
 .profile{width:100%;max-width:430px;margin-top:220px}
 .profile>div+div{margin-top:23px}
 dt{font-size:14px;margin-bottom:5px}
 h1{font-size:clamp(40px,10vw,60px)}
 .occupation dd{font-size:clamp(28px,7.4vw,38px);max-width:370px}
 .status dd{font-size:22px}
 footer nav{gap:12px}
}
@media(max-width:370px){.page{padding-left:22px;padding-right:22px}.occupation dd{font-size:27px}}
@media(prefers-reduced-motion:reduce){footer a{transition:none}}

footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
footer .privacy-link{font-size:13px;width:auto;height:44px;border-radius:0;opacity:.8;text-underline-offset:3px}
footer .privacy-link:hover{background:none;transform:none;opacity:1}

.footer-meta{display:flex;align-items:center;gap:20px}
.motion-toggle{font:inherit;font-size:13px;color:inherit;opacity:.75;background:none;border:0;padding:0;min-height:44px;cursor:pointer;white-space:nowrap}
.motion-toggle:hover{opacity:1}
.motion-toggle:focus-visible{outline:2px solid white;outline-offset:5px}
.motion-toggle[hidden]{display:none}
 .gelatin{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
@media(min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.gelatin.active{display:block}}
@media(max-width:700px),(hover:none),(pointer:coarse){.motion-toggle{display:none!important}}
@media(max-width:370px){footer{gap:8px}footer nav{gap:4px}.footer-meta{gap:12px}}

.bubble-preview{position:fixed;z-index:5;width:min(360px,38vw);aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#171310;box-shadow:0 12px 44px #0006;pointer-events:none}
.bubble-preview[hidden]{display:none}
@media(max-width:700px),(hover:none),(pointer:coarse){.bubble-preview{display:none!important}}