:root { --page:#2E0A12; --panel:#561322; --panel-2:#6A1B2C; --raised:#7C2638; --cream:#F4E7DA; --cream-2:#DFC9BC; --caramel:#F4C77E; --caramel-ink:#3B1408; --line:rgba(244,231,218,.2);
  --script:"Ms Madi","Brush Script MT",cursive; --display:Anton,"Arial Narrow",Impact,sans-serif; --body:Manrope,system-ui,sans-serif; color-scheme:dark; }
* { box-sizing:border-box; }
html, body { margin:0; }
body { background:var(--page); color:var(--cream); font:16px/1.5 var(--body); min-height:100svh;
  padding-left:max(16px,env(safe-area-inset-left,0px)); padding-right:max(16px,env(safe-area-inset-right,0px)); padding-block:24px 40px; display:flex; justify-content:center; }
.card { width:100%; max-width:520px; background:var(--panel); border-radius:28px; padding:clamp(24px,5vw,40px) clamp(18px,4vw,32px); display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; margin:auto 0; }
.avatar { width:112px; height:112px; border-radius:50%; object-fit:cover; border:3px solid var(--caramel); box-shadow:0 0 0 7px rgba(244,199,126,.14); }
.sig { font-family:var(--script); color:var(--caramel); font-size:clamp(52px,14vw,72px); line-height:1; margin-bottom:-.15em; }
.mk { font-family:var(--display); text-transform:uppercase; font-size:clamp(26px,7vw,34px); letter-spacing:.02em; line-height:1; }
.bio { color:var(--cream-2); font-size:15px; max-width:38ch; margin:0; }
.stack { display:flex; flex-direction:column; gap:12px; width:100%; }
.choice, .link { display:flex; flex-direction:column; gap:2px; align-items:center; justify-content:center; width:100%; min-height:60px; padding:14px 20px; border-radius:20px; background:var(--panel-2); color:var(--cream); text-decoration:none; font-weight:700; font-size:17px; border:1.5px solid transparent; transition:background-color .2s ease, transform .2s ease; }
.choice small, .link small { font-weight:500; font-size:13px; color:var(--cream-2); }
.choice:hover, .link:hover { background:var(--raised); }
.choice.primary, .link.primary { background:var(--caramel); color:var(--caramel-ink); }
.choice.primary small, .link.primary small { color:#5E2A12; }
.choice.primary:hover, .link.primary:hover { background:#F7D59C; }
.choice:focus-visible, .link:focus-visible, .foot a:focus-visible { outline:2px solid var(--caramel); outline-offset:3px; }
.choice { min-height:84px; font-size:19px; }
.foot { font-size:13px; color:var(--cream-2); }
.foot a { color:var(--caramel); }
.code { display:inline-block; margin-top:2px; font-family:var(--display); letter-spacing:.06em; font-weight:400; font-size:15px; }
@media (prefers-reduced-motion: reduce) { .choice, .link { transition:none; } }