:root{color-scheme:dark;--background:#68466d;--ink:#f6eaf2;--muted:#e0cbdc;--button:#b38eaa;--button-ink:#3e2443;--shadow:#553156;--accent:#ce78dd}
*{box-sizing:border-box}
html{min-width:320px;background:var(--background)}
body{margin:0;min-height:100svh;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background-color:#583c5e;background-image:url('/assets/noise.svg'),radial-gradient(ellipse at 50% 140px,rgba(134,103,139,.32) 0%,rgba(134,103,139,.12) 36%,rgba(134,103,139,0) 72%),linear-gradient(to bottom,#705174 0%,#583c5e 100%);background-size:128px 128px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat}
.page{width:min(100% - 48px,400px);min-height:100svh;display:flex;flex-direction:column;margin:0 auto;padding:40px 0 40px;text-align:center}
/* Display two untouched regions of the same original JPG: artwork and signature. */
.profile-frame{position:relative;width:100%;aspect-ratio:1580/920;margin:0 auto;overflow:hidden}
.profile,.signature{display:block;position:absolute;height:auto;max-width:none;filter:invert(1) grayscale(1);mix-blend-mode:screen}
.profile{width:126.5823%;left:-14.55696%;top:-47.82609%}
.handwritten{position:relative;width:100%;aspect-ratio:1320/190;margin:15px auto 0;overflow:hidden}
.signature{width:151.51515%;left:-28.0303%;top:-705.26316%}
.description{margin:0;color:var(--muted);font-size:14px;line-height:1.75;letter-spacing:.025em}
nav{margin-top:32px;scroll-margin-top:24px}
.links{padding:0;margin:0;list-style:none;display:grid;gap:12px}
.links li[data-platform="apple"] + li[data-platform="x"]{margin-top:18px}
.site-footer{margin-top:auto;padding-top:64px;color:var(--muted);font-size:12px;letter-spacing:.08em;line-height:1.5}
.platform-link{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:16px;min-height:56px;padding:13px 21px;text-decoration:none;color:var(--button-ink);background:var(--button);border:1px solid #c4a2bc;border-radius:5px;box-shadow:0 2px 0 var(--shadow);font-size:15px;letter-spacing:.02em;transition:background-color .15s}
.platform-link:hover{background:#c4a2bc}
.platform-link:active{background:#d0afc8}
.platform-icon{width:23px;height:23px;fill:currentColor}
.outbound{width:17px;height:17px;justify-self:end;fill:none;stroke:currentColor;stroke-width:1.5}
a:focus-visible{outline:3px solid #ffeaf8;outline-offset:6px}
nav:focus{outline:none}nav:focus-visible{outline:2px solid #ffeaf8;outline-offset:9px}
.skip-link{position:fixed;left:16px;top:16px;padding:12px;background:var(--ink);color:var(--button-ink);z-index:2;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
@media(max-width:360px){.page{width:calc(100% - 40px);padding-top:38px}.platform-link{padding-inline:19px}}
@media(min-width:768px){.page{padding-top:56px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(forced-colors:active){.platform-link{border:1px solid ButtonText}.profile,.signature{filter:none;mix-blend-mode:normal}}