@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/0d4f81138b703b58-s.1c58d563.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/3a11180d498b75c0-s.p.cb76a30f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Host Grotesk Fallback;src:local(Arial);ascent-override:96.69%;descent-override:30.01%;line-gap-override:0.0%;size-adjust:104.98%}.host_grotesk_f4022ff2-module__7jgr9W__className{font-family:Host Grotesk,Host Grotesk Fallback;font-style:normal}.host_grotesk_f4022ff2-module__7jgr9W__variable{--font-host-grotesk:"Host Grotesk","Host Grotesk Fallback"}
:root{--background:#fff;--foreground:#000;--primary:#3b3b3b;--secondary:#dcdcdc;--tertiary:#f3f3f3;--accent:black;--spacing:3rem;--transition-delay:.1s;--header-height:calc(var(--spacing)*4);--grid-row-height:max(calc((100vh - var(--header-height) - var(--spacing)*2)/2),260px);--grid-columns:1;--grid-column-width:calc((100vw - var(--spacing)*2));--border-width:5px}@media (min-width:720px){:root{--grid-column-width:calc((100vw - var(--spacing)*3)/2);--grid-columns:2}}@media (min-width:1024px){:root{--grid-column-width:calc((100vw - var(--spacing)*4)/3);--grid-columns:3}}html,body{max-width:100vw;overflow-x:hidden}body.block-scroll{overflow:hidden}html:has(body.block-scroll){overflow:hidden}body{color:var(--primary);background:var(--background);font-family:var(--font-host-grotesk),Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:calc(var(--spacing)/2)var(--spacing)var(--spacing);font-size:1.5rem;font-weight:600;line-height:var(--spacing)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}button,header,h1,h2,h3,h4,h5,h6,a{font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}h1{font-size:4rem;font-weight:900;line-height:1}.h1-cell{white-space:nowrap;min-width:0}.about-me{white-space:nowrap;grid-column:3;min-width:0}header{margin-bottom:calc(var(--spacing)/2);padding-bottom:calc(var(--spacing)/2);border-bottom:var(--border-width)solid var(--primary)}button{cursor:pointer;color:inherit;text-align:inherit;background:0 0;border:none}a,button{transition:color .25s;transition-delay:var(--transition-delay)}a:hover,button:hover{transition-delay:0s}.active~button:not(.active){opacity:.5}button:not(.active):has(~.active){opacity:.5}.grid{grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--spacing);display:grid}main.grid{gap:0 var(--spacing);grid-auto-flow:dense;grid-auto-rows:var(--grid-row-height)}.flex{gap:var(--spacing);flex-direction:column;justify-content:flex-end;display:flex}nav .about-me{display:none}@media (max-width:720px){.grid{gap:0}nav.grid{justify-content:space-between;font-size:calc(4vw - .2rem)}}@media (max-width:1024px){header .about-me{display:none}nav .about-me{display:block}nav.grid{gap:calc(var(--spacing)/4);display:flex;position:relative}}@media (min-width:720px) and (max-width:1024px){header .h1-cell{width:calc(50vw - var(--spacing) - var(--spacing)/2)}nav.grid button:not(:last-child):after{content:"/";color:var(--secondary);margin-left:calc(var(--spacing)/4)}}@media (max-width:600px){:root{--spacing:2rem}body{font-size:calc(5vw - .2rem)}}