@font-face{font-family:Onest;src:url(/assets/onest-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--page-bg:#fcfbfc;--text:#000;--muted:#727272;--contact:#3c3c4399;--media-border:#00000008;--ease:cubic-bezier(.2, .8, .2, 1);--desktop-content-width:994px;--desktop-page-width:1512px;--desktop-page-x:clamp(0px, calc((100vw - var(--desktop-content-width)) / 2), 259px);color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Onest,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{background:var(--page-bg);min-height:100vh;margin:0}@media (width>=994px){body{height:100vh;overflow:hidden}}a{color:inherit;text-underline-position:from-font;text-decoration-thickness:1px}.page-shell{width:100%;max-width:var(--desktop-page-width);min-height:982px;padding:120px var(--desktop-page-x) 64px;background:var(--page-bg);grid-template-columns:199px 606px;column-gap:189px;margin:0 auto;display:grid;position:relative;overflow:visible}@media (width>=994px){.page-shell{height:100vh;min-height:0;overflow:hidden}}.profile{flex-direction:column;justify-content:space-between;align-self:start;height:calc(100vh - 184px);min-height:0;display:flex}.identity{flex-direction:column;gap:18px;display:flex}.avatar{width:89px;height:89px;display:block}h1,h2,p{margin:0}h1{letter-spacing:-2px;max-width:199px;font-size:27px;font-weight:500;line-height:33px}.identity p{letter-spacing:-.6px;max-width:199px;font-size:14px;font-weight:400;line-height:19px}.contact-block{width:219px}.signature{width:81px;height:40px;margin-bottom:71px;display:block}address{width:219px;color:var(--contact);letter-spacing:-.6px;flex-direction:column;gap:19px;font-size:14px;font-style:normal;font-weight:400;line-height:19px;display:flex}address a{color:var(--text)}.projects{flex-direction:column;gap:48px;display:flex}@media (width>=994px){.projects{scrollbar-width:none;overscroll-behavior:contain;height:100vh;margin:-120px -64px -64px;padding:120px 64px 64px;overflow-y:auto}.projects::-webkit-scrollbar{display:none}}.project-row{grid-template-columns:348px 218px;align-items:start;column-gap:40px;display:grid}.project-row--first{margin-bottom:0}.project-media{border:1px solid var(--media-border);width:348px;height:260px;transition:transform .48s var(--ease), border-color .48s var(--ease), box-shadow .48s var(--ease);background:#fff;border-radius:12px;display:block;overflow:hidden}.project-media:hover{border-color:#00000012;transform:translateY(-4px);box-shadow:0 18px 50px #0000000f}.project-media--tasker{position:relative}.project-media--tasker img{object-fit:cover;object-position:center;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.project-media video{object-fit:cover;width:100%;height:100%;display:block}.project-copy{flex-direction:column;gap:8px;width:218px;display:flex}.project-copy h2{letter-spacing:-.8px;font-size:19px;font-weight:500;line-height:24px}.project-copy p,.project-copy a,.project-copy span{letter-spacing:-.3px;font-size:14px;font-weight:400;line-height:19px}.project-copy p,.project-copy span{color:var(--muted)}.project-copy a{color:var(--text)}.project-copy span{margin-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=993px){.page-shell{grid-template-columns:1fr;row-gap:72px;width:100%;min-height:100vh;padding:64px 24px}.profile{height:auto;min-height:0;display:contents;position:static}.identity{order:1}.contact-block{text-align:center;flex-direction:column;order:3;justify-self:center;align-items:center;width:100%;margin-top:72px;display:flex}.signature{margin-bottom:71px;margin-left:auto;margin-right:auto}address{align-items:center;width:100%;margin:0 auto}.projects{order:2;gap:36px;width:100%}.project-row{grid-template-columns:1fr;row-gap:16px;width:100%}.project-media{aspect-ratio:348/260;width:100%;height:auto}.project-copy{width:100%}}@media (width<=700px){.page-shell{padding:32px 20px 48px}address{width:min(100%,260px)}}
