@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:#063b56;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(0,25,44,.78) 0%,rgba(0,25,44,.61) 28%,rgba(0,25,44,.12) 58%,transparent 78%),linear-gradient(0deg,rgba(0,25,44,.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:42% 30%}
 .shade{background:linear-gradient(0deg,rgba(0,21,39,.94) 0%,rgba(0,21,39,.78) 28%,rgba(0,21,39,.3) 54%,rgba(0,21,39,.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}
.prism{display:none;position:fixed;left:0;top:0;width:clamp(340px,48vw,680px);aspect-ratio:1;z-index:2;pointer-events:none;will-change:transform}
.prism-running .prism{display:block}
.prism-light{width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 28% 42%,rgba(64,238,255,.17),transparent 53%),radial-gradient(ellipse at 70% 54%,rgba(237,99,255,.15),transparent 51%),radial-gradient(ellipse at 50% 72%,rgba(255,220,137,.1),transparent 50%);-webkit-backdrop-filter:blur(.55px) saturate(1.18);backdrop-filter:blur(.55px) saturate(1.18);-webkit-mask-image:radial-gradient(ellipse,#000 0%,rgba(0,0,0,.75) 28%,transparent 69%);mask-image:radial-gradient(ellipse,#000 0%,rgba(0,0,0,.75) 28%,transparent 69%);animation:prism-breathe 12s ease-in-out infinite}
.prism-running .profile dd{text-shadow:calc(var(--fringe,0) * -3.5px) calc(var(--fringe,0) * 1px) 0 #00edff,calc(var(--fringe,0) * 3.5px) calc(var(--fringe,0) * -1px) 0 #ff48b8}
@keyframes prism-breathe{0%,100%{opacity:.2;scale:.94}50%{opacity:.65;scale:1.06}}
@media(max-width:700px),(pointer:coarse){.prism{width:360px}.prism-light{-webkit-backdrop-filter:blur(.35px) saturate(1.12);backdrop-filter:blur(.35px) saturate(1.12)}.footer-meta{gap:16px}.motion-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){.prism,.motion-toggle{display:none!important}.prism-light{animation:none}.prism-running .profile dd{text-shadow:none}}
@media(max-width:370px){footer{gap:8px}footer nav{gap:4px}.footer-meta{gap:12px}}

.filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.prism-photo{display:none;clip-path:inset(9px);filter:url('#chromatic-split');-webkit-mask-image:radial-gradient(circle 420px at var(--prism-x,45vw) var(--prism-y,52vh),#000 0%,#000 30%,transparent 100%);mask-image:radial-gradient(circle 420px at var(--prism-x,45vw) var(--prism-y,52vh),#000 0%,#000 30%,transparent 100%);animation:chromatic-breathe 12s ease-in-out infinite}
.prism-running .prism-photo{display:block}
@keyframes chromatic-breathe{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:700px),(pointer:coarse){.prism-photo{-webkit-mask-image:radial-gradient(circle 280px at var(--prism-x,45vw) var(--prism-y,52vh),#000 0%,#000 25%,transparent 100%);mask-image:radial-gradient(circle 280px at var(--prism-x,45vw) var(--prism-y,52vh),#000 0%,#000 25%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.prism-photo{display:none!important;animation:none}}