:root{color-scheme:light;--paper:#f6f5f1;--ink:#222724;--muted:#626963;--line:#d9dcd5;--accent:#265bc6;font-family:Inter,Arial,"Noto Sans",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.page{max-width:1040px;margin:auto;padding:0 64px;min-height:100svh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:38px 0;border-bottom:1px solid var(--line)}.languages{position:relative;font-size:13px}.languages summary{cursor:pointer;list-style:none;padding:8px}.languages summary::-webkit-details-marker{display:none}.languages summary span{margin-inline-start:14px;color:var(--accent)}.languages nav{position:absolute;z-index:2;inset-inline-end:0;top:40px;width:220px;max-height:65vh;overflow:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 24px #22272412;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.languages a{padding:10px 6px;text-decoration:none;font-size:12px}.languages a[aria-current]{color:var(--accent);font-weight:700}main{padding:80px 0 72px;flex:1}.identity{display:flex;align-items:center;justify-content:space-between;gap:32px}.role{font:500 13px/1.6 monospace;letter-spacing:.06em;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(40px,5vw,56px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line)}.bio{font-size:clamp(23px,3vw,31px);line-height:1.65;letter-spacing:-.035em;max-width:790px;margin:28px 0 18px;text-wrap:pretty}.stack{font-size:16px;line-height:1.9;color:var(--muted);margin:0;max-width:740px}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:30px 0 38px;font-size:13px}.copyright{color:var(--muted)}footer nav{display:flex;gap:28px}footer a{text-decoration:none}footer a span{color:var(--accent);margin-inline-start:8px}[dir=rtl] .bio{letter-spacing:0}@media(max-width:600px){.page{padding:0 25px}header{padding:22px 0}main{padding:52px 0}h1{font-size:40px}.role{font-size:11px}.bio{margin-top:20px;font-size:23px}.stack{font-size:15px}footer{padding:26px 0;font-size:12px}footer nav{gap:20px}}@media(prefers-reduced-motion:no-preference){a,summary{transition:color .15s}}