@font-face{font-family:fusion pixel;src:url(/fonts/fusion-pixel.f18aea4c8e8861e1c515251f90ff3f6772a58f2e32b748b4e0fe4ecf7ee1fcae.woff2);font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;--color-bg:#f7f7f9;--color-text:#292b35;--color-accent:#4e66be;--color-panel:#eff0f4;--color-muted:#666a78;--color-border:#dfe1e8;--font-body:"Fusion Pixel", sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg:#17181e;--color-text:#ececf1;--color-accent:#b5bced;--color-panel:#202129;--color-muted:#b6b7c2;--color-border:#393b47}}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-height:100vh;margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:18px;line-height:1.75;font-synthesis:none}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:5px;transition:color 120ms steps(2,end)}a:is(:hover,:focus-visible,:active){color:var(--color-accent);text-decoration-style:dotted}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.stage{display:grid;min-height:100vh;place-items:center;padding:32px}.maincard{display:grid;width:min(860px,100%);grid-template-columns:minmax(0,1.55fr)minmax(240px,.8fr);align-items:center;gap:32px;padding:8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-panel)}.profile-image{align-self:stretch;min-width:0;margin:0;overflow:hidden;border-radius:2px;background:var(--color-bg)}.profile-image picture{display:block;height:100%}.profile-image img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.profile-content{align-self:stretch;display:flex;flex-direction:column;gap:20px;min-width:0;padding:16px 20px 16px 0}.profile-content h1,.about-card h1{margin:0;font-size:24px;font-weight:400;line-height:1.25;white-space:nowrap}.profile-content h1{align-self:start}.personal-links{display:grid;justify-items:start;margin-block:auto;gap:2px}.personal-links a,.back-link{position:relative;display:inline-block;width:fit-content;max-width:100%;min-height:44px;padding:8px 4px 10px;color:var(--color-muted);font:inherit;overflow-wrap:anywhere;text-decoration:none}.personal-links a::before,.back-link::before{position:absolute;top:calc(50% - 2px);left:-8px;width:4px;height:4px;background:var(--color-accent);content:"";opacity:0}.personal-links a::after,.back-link::after{position:absolute;right:4px;bottom:5px;left:4px;height:2px;background:var(--color-accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform 120ms steps(3,end)}.personal-links a:is(:hover,:focus-visible,:active)::before,.back-link:is(:hover,:focus-visible,:active)::before{opacity:1}.personal-links a:is(:hover,:focus-visible,:active)::after,.back-link:is(:hover,:focus-visible,:active)::after{transform:scaleX(1)}.personal-links a:active,.back-link:active{transform:translateY(2px)}.about-content p{margin:0 0 16px}.about-content p:last-child{margin-bottom:0}@media(max-width:720px){.stage{padding:24px}.maincard{width:min(560px,100%);grid-template-columns:1fr;gap:18px}.profile-content{gap:10px;padding:4px 10px 8px}.personal-links{display:flex;flex-wrap:wrap;margin-block:0;gap:0 24px}.personal-links a{min-width:0;padding-inline:0}.personal-links a::after{left:0;right:0}}@media(max-width:400px){.stage{padding:16px}.maincard{gap:14px}}.maincard.about-card{width:min(600px,100%);grid-template-columns:1fr;gap:20px;padding:clamp(24px,5vw,36px);animation:pixel-enter 240ms steps(4,end)both}.about-content{min-width:0;overflow-wrap:anywhere}@keyframes pixel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:none),(pointer:coarse){a,.personal-links a::after,.back-link::after{transition:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}