:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f5f0e8;background:#11100f;--gold:#c7a879;--muted:#bab1a6}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;padding:44px 24px 32px;display:grid;place-items:center;isolation:isolate;background:#11100f}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 5%,#9b6e3b22,transparent 65%),linear-gradient(110deg,#0005,transparent 50%,#0005);pointer-events:none}
main{width:100%;max-width:440px;text-align:center;animation:entrance .9s ease-out both}
.portrait-frame{position:relative;width:100%;height:280px;margin:0 auto;overflow:hidden;border-radius:3px 3px 0 0;background:#24211e}
.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08070505 35%,#11100f30 65%,#11100f 100%);pointer-events:none}
.portrait{width:100%;height:100%}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:saturate(.67) contrast(1.06) brightness(.88)}
h1{position:relative;margin:-19px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.65rem,11vw,3.75rem);font-weight:400;line-height:1.12;letter-spacing:-.045em;text-shadow:0 3px 24px #0007}
.category{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 0;color:var(--gold);font-size:.875rem;letter-spacing:.29em;text-transform:uppercase}
.category:before,.category:after{content:"";height:1px;width:29px;background:#c7a87966}
.bio{font-size:1rem;line-height:1.6;color:#d0c7bc;margin:22px 0 29px}
.links{display:grid;gap:10px}
a{display:flex;align-items:center;gap:19px;padding:15px 20px;min-height:76px;text-align:left;background:linear-gradient(120deg,#ffffff06,#ffffff02);color:inherit;text-decoration:none;border:1px solid #c7a87929;border-radius:4px;transition:background .25s,border-color .25s,transform .25s}
a:hover,a:focus-visible{background:#c7a8790e;border-color:#c7a87980;transform:translateY(-2px)}
a:focus-visible{outline:2px solid #e5cda6;outline-offset:4px}
a:active{transform:translateY(0)}
.icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;color:#e0c8a4}
.icon svg{width:24px;height:24px;fill:currentColor}
.text{display:grid;gap:5px;min-width:0}
.name{font-size:1.0625rem;font-weight:500;letter-spacing:.015em}
.handle{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
footer{margin-top:29px;padding-top:23px;border-top:1px solid #c7a8791c;font-size:.875rem;color:#aaa095;letter-spacing:.06em}
@keyframes entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:800px){body{padding-top:50px}.portrait-frame{height:300px}}
@media(max-width:380px){body{padding:25px 18px}.portrait-frame{height:240px}a{padding:14px 16px}.bio{margin:20px 0 24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}a:hover,a:focus-visible{transform:none}}