:root{color-scheme:light only;--bg:#f5eef5;--ink:#000;--accent:#c44eff}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);min-height:100%}body{font-family:'Playfair Display',Georgia,serif;background:var(--bg);color:var(--ink);line-height:1.5;min-height:100vh}a{color:inherit}::selection{background:rgba(127,255,0,.5)}a:focus-visible{outline:2px solid #8031a6;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:var(--bg);padding:10px}.skip:focus{top:10px}main{max-width:800px;margin:0 auto;padding:30px 25px 40px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}h1{font-size:80px;font-weight:900;line-height:.95;letter-spacing:-3px}.portrait{width:180px;height:180px;object-fit:cover;object-position:center top;flex-shrink:0;filter:grayscale(1);border-radius:50%}nav{margin-bottom:40px}nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:14px 12px}nav a{display:block;padding:10px 19px;font-size:16px;text-decoration:none;background:var(--bg);border:1.5px solid var(--accent);border-radius:50px;box-shadow:0 0 20px #c44eff40,0 0 40px #c44eff20;transition:box-shadow .15s}nav a:hover{box-shadow:0 0 20px #c44eff70,0 0 40px #c44eff40}section p{font-size:18px;line-height:1.8;margin-bottom:1.5em}.intro{font-size:28px;line-height:1.35;margin-bottom:1em}.hl{background:linear-gradient(to top,rgba(127,255,0,.48) 38%,transparent 38%);box-decoration-break:clone;-webkit-box-decoration-break:clone}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:24px}footer a{display:flex;align-items:center;justify-content:center;width:44px;height:44px}footer svg{display:block;width:22px;height:22px;fill:currentColor}footer a:hover{color:#8031a6}@media(max-width:500px){h1{font-size:55px;letter-spacing:-2px}.portrait{width:120px;height:120px}.intro{font-size:22px}nav ul{gap:14px 12px}nav a{padding:10px 18px}main{padding:30px 25px}.portrait{margin-top:0}}@media(max-width:370px){h1{font-size:47px}.portrait{width:96px;height:96px}header{gap:12px}nav a{padding:10px 16px}footer{gap:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}