@font-face{font-family:play;src:url(../media/Play_Regular-s.p.1-okr7sa9rlkk.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:play;src:url(../media/Play_Bold-s.p.0me3twhb86y9c.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:play Fallback;src:local(Arial);ascent-override:92.89%;descent-override:21.81%;line-gap-override:0.0%;size-adjust:100.87%}.play_70368022-module__mVdPSa__className{font-family:play,play Fallback,Arial,sans-serif}.play_70368022-module__mVdPSa__variable{--font-play:"play", "play Fallback", Arial, sans-serif}
:root{--background:#f7f8f5;--foreground:#171a18;--secondary:#4c524e;--accent:#0f766e;--page-gutter:clamp(1.5rem, 6vw, 3.5rem);--section-gap:clamp(2rem, 3vw, 2.5rem);--content-gap:clamp(1.25rem, 2vw, 1.5rem)}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-width:20rem;color:var(--foreground);font-family:var(--font-play), Arial, sans-serif;text-rendering:optimizelegibility;margin:0;font-size:clamp(1.125rem,1.5vw,1.3125rem);line-height:1.65}.page{width:calc(100% - (2 * var(--page-gutter)));max-width:54rem;margin-inline:auto;padding-block:clamp(2.5rem,4vw,3.5rem)}.introduction{flex-direction:column;align-items:flex-start;display:flex}.avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;width:clamp(9rem,18vw,16rem);height:auto;display:block}h1,h2,p{margin-block:0}h1,h2{font-weight:700;line-height:1.15}h1{margin-top:var(--section-gap);letter-spacing:-.025em;font-size:clamp(2.25rem,5vw,3rem)}.biography{margin-top:var(--section-gap)}.biography p+p{margin-top:var(--content-gap)}.project{margin-top:var(--section-gap);border-left:.125rem solid var(--accent);padding-left:clamp(1.25rem,4vw,2rem)}.project h2{letter-spacing:.01em;font-size:clamp(1.75rem,3.5vw,2.25rem)}.project p{margin-top:var(--content-gap)}.project a{margin-top:var(--content-gap);display:inline-block}.contact{margin-top:var(--section-gap);color:var(--secondary)}a{color:var(--accent);text-underline-offset:.16em;border-radius:.125rem;text-decoration-line:underline;text-decoration-thickness:.075em}a:hover{text-decoration-thickness:.12em}a:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.25rem;text-decoration:none}@media (max-width:30rem){body{font-size:1.125rem;line-height:1.6}h1{letter-spacing:-.02em}}